Jadi bisa

Untuk menggambar peta dengan metoda yang dijelaskan disini, anda tidak perlu mendatangi objek-objek yang akan dipetakan untuk mengukur jaraknya satu-persatu. Tapi objek-objek tersebut harus terlihat dari kejauhan. Hanya satu ukuran jarak yang perlu diketahui sebagai patokan, jarak-jarak yang lain akan dapat diketahui belakangan. Alat yang digunakan adalah:

· pensil, sebaiknya berbatang silindris agar bisa menggelinding
· penggaris
· kertas
· pengukur jarak, jika diperlukan

Metoda yang digunakan adalah sama dengan metode pada artikel ‘Mengukur Jarak dengan Kertas, Penggaris dan Pena’, dimana dijelaskan cara mengukur jarak dengan metoda segitiga untuk satu objek lansekap sehingga lebih sederhana dan mudah dimengerti.

Pada contoh berikut ini, akan digambar peta dari suatu wilayah dengan beberapa objek yaitu rumah, menara dengan tangki air, jalan, pohon, sebagaimana gambar dibawah:




Pada suatu jalan, dimana terdapat patok-patok pengukur jarak, diketahui jarak dari titik A ke titik B adalah 200 meter. Di sebelah kiri jalan, atau pada gambar dibagian atas, terdapat sebuah rumah di dekat titik A, dan sebuah menara dengan tangki air di dekat titik B. Di sebelah kiri jalan, atau di bagian bawah gambar, terdapat satu batang pohon. Diperlukan sebuah peta dengan skala yang cukup akurat untuk menggambarkan situasi lansekap tersebut.


Cara menggambar peta berskala:
Siapkan suatu bidang datar, bisa berupa meja atau papan. Bidang atau meja ini dapat dipastikan kedatarannya dengan meletakkan pensil berbatang silindris diatasnya, pensil tidak boleh menggelinding searah panjang meja, pensil juga tidak boleh menggelinding sepanjang arah lebar meja. Meja ini akan digunakan sebagai landasan untuk menggambar peta. Meja ini harus dapat dipindahkan ke titik A dan ke titik B, kecuali jika ada dua meja, satu di titik A dan satu di titik B.


Di tempat A
Pastikan meja dalam posisi datar. Letakkan kertas kosong diatas meja. Gambarkan garis a-b yang merepresentasikan jalan dari titik A ke titik B. Posisikan garis a-b pada kertas agar ada ruang untuk menggambar objek lainnya.


Perbandingan panjang garis a-b pada kertas dengan panjang jalan dari titik A ke titik B akan menjadi skala dari peta ini. Misal panjang garis a-b adalah 20 cm, dengan jarak titik A ke B adalah 200 meter, maka skala peta adalah:

Skala = 20 cm : 200 meter = 20 : 20.000 = 1 : 1.000

Posisikan kertas agar garis a-b segaris dengan garis imajiner dari titik A ke titik B pada jalan. Pastikan kertas tidak bergerak jika a-b sudah segaris dengan A-B.


Letakkan penggaris di titik a pada gambar, lalu bidik penggaris kearah rumah pada lansekap, gambarkan garis imajiner ini pada kertas. Garis ini akan menentukan posisi rumah pada peta.


Dengan membidikkan penggaris dari titik a ke tangki air, maka garis imajiner dari A ke tangki air dapat digambar. Lakukan hal yang sama untuk garis imajiner dari titik A ke pohon.


Di tempat B
Sekarang berpindahlah ke tempat B. Pastikan posisi meja datar. Posisikan kertas gambar agar garis a-b pada gambar segaris dengan garis dari tempat B ke tempat A. Pastikan kertas tidak bergerak dalam posisi ini.


Bidik penggaris dari titik b ke arah rumah, lalu tarik garis tersebut pada peta. Maka perpotongan garis akan menunjukkan lokasi rumah pada peta, terlihat pada gambar dibawah sebagai titik warna merah.


Bidik penggaris dari titik b ke arah tangki air, lalu tarik garis tersebut pada peta. Maka perpotongan garis akan menunjukkan lokasi tangki air pada peta, pada gambar dibawah terlihat sebagai titik warna biru. Lakukan hal yang sama pada pohon, terlihat pada gambar dibawah sebagai titik warna hijau.


Maka sekarang sudah terlihat posisi setiap objek pada peta mewakili posisi objek tersebut dari lansekap. Anda dapat menghapus garis-garis bantu, dan menggambar pada peta objek-objek lansekap tersebut.


Untuk menghitung jarak dari tiap objek dapat menggunakan skala peta yang sudah dihitung di atas, contoh:

Jarak dari a ke rumah pada peta adalah 20 cm, maka jarak pada lansekap adalah:

20 cm x 1.000 = 20.000 cm = 200 meter


Jarak dari b ke tangki air pada peta adalah 25 cm, maka jarak pada lansekap adalah:

25 cm x 1.000 = 25.000 cm = 250 meter


Jarak dari a ke pohon pada peta adalah 15 cm, maka jarak pada lansekap adalah:

15 cm x 1.000 = 15.000 cm = 150 meter.


Cara menggambar peta dengan segitiga ini cukup akurat, walau alat-alatnya sangat sederhana dan prosedurnya sangat mudah. Peta yang dihasilkan dapat digunakan untuk keperluan mengukur jarak, menghitung luas tanah, perencanaan lansekap, dll. Tentu saja peta yang jauh lebih akurat dapat dihasilkan jika menggunakan alat Theodolit atau Total Station sebagaimana yang dipakai para surveyor, ahli geodesi, kartografer, dll.

Anda dapat melakukan permainan perburuan harta karun dengan peta yang digambar dengan cara segitiga ini.

Kali ini saya mau share mengenai bagaimana cara membuat segitiga dengan efek CSS sehingga tampilannya menjadi lebih menarik dan tentunya sesuai judulnya, animatif.

DEMO :

.aiizahh-loader {

  width: 60px; height: 60px;

  position: absolute;

  top: 50%; left: 50%;

  margin: -30px 0 0 -30px;

  background: #000000;      

  animation: rotation ease-in-out 2s infinite;

  border-radius: 30px;      

}



.triangle1, .triangle2, .triangle3 {

  border-width: 0 20px 30px 20px;

  border-style: solid;

  border-color: transparent;

  border-bottom-color: #D580FE;

  height: 0; width: 0;

  position: absolute;

  left: 10px; top: -10px;

  animation: fadecolor 2s 1s infinite;

}



.triangle2, .triangle3 {

  content: ;

  top: 20px; left: 30px;

  animation-delay: 1.1s;

}



.triangle3 {

  left: -10px;

  animation-delay: 1.2s;

}



@keyframes rotation {

    0% {transform: rotate(0deg);}

    50% {transform: rotate(180deg);}

    100% {transform: rotate(360deg);}

}



@keyframes fadecolor {

    0% {border-bottom-color: #FE80DF;}

    100%{border-bottom-color: #D580FE;}

}

<div class="aiizahh-loader">

  <div class="triangle1"></div>

  <div class="triangle2"></div>

  <div class="triangle3"></div>

</div>

Bagaimana, mudah bukan???

Terima kasih, dan semoga bermanfaat..

Baca Juga :
1. Membuat Efek Loading Animasi Beforeunload Untuk Blog.
2. Loading Animasi Dengan CSS3 Part 1.
3. Loading Animasi Dengan CSS3 Part 2 : Moving Ball vs Duocolour Animation.



Referensi : www.red-team-design.com

Dari template yang telah dibuat kemarin header template berwarna hitam tanpa gambar, sekarang bagaimana jika merubah tampilan header dengan gambar,,,,,bagaimana caranya?



Jika dilihat dari kode CSSnya header yang terdapat pada (langkah 3 disini) memiliki kode seperti dibawah ini :

/* HEADER WRAPPER

==================================================== */

#header-wrapper {

width:960px;

height:150px;

background:#191919;

}



#header-inner {

background-position: left;

height:150px;

margin-left: auto;

margin-right: auto;

}



#header {

margin: 5px;

text-align: left;

color:#FFF;

}



#header h1 {

padding:40px 20px 0 10px;

line-height:1.2em;

text-shadow:2px 2px 2px #fff;

text-transform:uppercase;

letter-spacing:.2em;

}



#header a {

color:#FFF;

text-decoration:none;

}



#header a:hover {

color:#FFF;

}



#header .description {

margin:0 5px 5px 0 ;

padding:0 20px 0 10px;

max-width:700px;

letter-spacing:.2em;

color:#FFF;

}



#header img {

margin-left: auto;

margin-top: auto;

}

Dari kode header diatas terlihat bahwa header memiliki tampilan sebagai berikut:

width:960px; (lebar header)

height:150px; (tinggi header)

background:#191919;  warna latar header hitam dengan kode warna #191919



Sekarang bagaimana cara mengganti dengan gambar?

Pertama : Siapkan terlebih dahulu gambar yang akan digunakan, gambar harus berukuran sama dengan besar header yaitu 960px (pixel) X 150px (pixel) agar hasilnya rapi dan sesuai, kamu bisa membuat dengan photoshop, photoscape atau editor gambar lainnya.



Kedua  : uploadlah gambar tersebut di blogger atau di image hosting lainnya / baca (cara upload gambar) dan ambilah URL gambar tersebut.



Ketiga : Perhatikan kode dibawah ini, kode yang harus kamu rubah :

#header-wrapper {

width:960px;

height:150px;

background:#191919; /* <--- ini kode yang dirubah */

}

Dan rubah kode warna biru background:#191919; 



Menjadi :



background:#191919 url(URL-GAMBAR-DISINI) top center no-repeat;

}



Maka contoh lengkapnya jadi seperti ini :

#header-wrapper {

width:960px;

height:150px;

background:#191919 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCMLDNd2nk4T_Wtse7Y0q48phRNeY22D9eVlRipfkLDz9v1hRAwRP_KteQ0HNgihTIHJM5kw1wj1pjBmg3e86eIZ6nmLqi5t_Ihh_kN-ksz3oqXf7en-mWcc9hOfwLExPUb5JgrEl6ufbT/s1600/header2.jpg) top center no-repeat;

}

Rubah https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCMLDNd2nk4T_Wtse7Y0q48phRNeY22D9eVlRipfkLDz9v1hRAwRP_KteQ0HNgihTIHJM5kw1wj1pjBmg3e86eIZ6nmLqi5t_Ihh_kN-ksz3oqXf7en-mWcc9hOfwLExPUb5JgrEl6ufbT/s1600/header2.jpg dengan URL gambar yang telah dibuat



Simpan template dan lihat perubahannya.

Jika tidak mau repot membuat gambar gunakan gambar dibawah ini yang sudah saya persiapkan untuk template tersebut.



URL Gambar 1 : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWDXNM9Hzx05gNmjNzFac4iEi77k83HRPoHtgy5OuSWaXwINvLKqZ8hzH6JFqyYyhN0-qZABe1oj6MCs8b5sc6UD-eHEydVyoEajc4-YN4JTT24tLbq7_zCL5r18j1_fiVTZmmtqRQeDjb/s1600/header1.jpg





URL Gambar 2 : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCMLDNd2nk4T_Wtse7Y0q48phRNeY22D9eVlRipfkLDz9v1hRAwRP_KteQ0HNgihTIHJM5kw1wj1pjBmg3e86eIZ6nmLqi5t_Ihh_kN-ksz3oqXf7en-mWcc9hOfwLExPUb5JgrEl6ufbT/s1600/header2.jpg





URL Gambar 3 : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy5o_MfYIN8kOQobIDnU5pScjzr-dkasPUWlPTVYE3XE5zO9nHL9mgF5M_QwV3kwNxm72fiFE_McAO5ybJqJfDdA0O1Hwbhjn1tzTVAE84Rfey2z2nVI1V-KXBq2G4xAv97oDEQoUKzC7c/s1600/header3.jpg





URL Gambar 4 : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuoF3mF9QAijFyHuh2T6oLEE8nmIeWEEmehe8I9adTE716eg4NIF330lGc3QbwpfAfZbYvXF0GYbzKyT8gW33R115z1Kx5CH-t3pWQIeemG8yAqIFvQ7ZAMflsnt2UOswCqj1ftAHDDQQk/s1600/header4.jpg





URL Gambar 5 : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAKc_zuexSyuikE9_ug4ekEqwI5TsHwTucEUgaGqEN7e801oP5sFv2omWpargEW4QPTEq7jNXNrEOd56GGQms0s2PechJHdhJrKlB8cC4BTVCIwE6MxkLfZoVG0mJFEPYxC8R6GBbys5Ju/s1600/header5.jpg

Sebelumnya Media Infonetku sudah pernah membuat artikel tentang Cara dan tips download video you tube dengan mozilla firefox, tapi artikel yang lalu itu belum sepenuhnya sempurna karena yang kemarin itu add-ons download you tube-nya belum update untuk mozilla terbaru, jadi masih untuk mozilla 9.

Nah berhubung karena add-ons untuk download you tube yang bernama Easy YouTube Video Downloader, admin juga akan update tipsnya.
Jadi YouTube Downloader ini sudah bisa dipakai untuk Mozilla Terbaru.

Untuk Mozilla Sendiri add-ons untuk download Video youtube jitu lumayan banyak, tapi yang admin suka itu yang ini karena simple, programnya juga tidak berat, downloadnya gampang, dan tool downloadnya langsung ada dibawah video downloadnya. Nah langsung saja yah kita bahas caranya.



Yang pertama kita download dulu Easy YouTube Downloader add-ons nya disini, setelah itu klik Add to Firefox, nah kemudian tunggu beberapa saat akan muncul pop up untuk install seperti gambar dibawah kemudian klik install, setelah proses install selesai Mozilla mungkin diminta untuk restart, lakukan saja.
Sekarang sudah siap untuk download video YouTube kesukaan anda.





Nah, Sekarang bagaimana car download video youtube nya dengan add-ons yang kita install tadi,
simpel saja, coba sobat masuk ke YouTube dan buka video yang akan sobat download.
Sudah? nah coba lihat tombol download dibawah video yang sedang sobat tonton.contohnya lihat gambar berikut.klik untuk memperbesar.

Klik saja tombol downlod, kemudian pilih file yang sobat mau, bisa berpa flv, juga MP4. Berikut ini file yang support untuk didownload


















Buat sobat para pengguna Mozilla, memang banyak pilihan add-ons yang membantu anda untuk mendownload video dari YouTube, tapi tidak semua seperti Easy YouTube Video Downloader.
Karena aplikasi yang dibuat untuk Mozilla ini lebih unik dan simpel, kita juga bisa download & convert langsung video YouTube menjadi MP3, selain itu sobat juga diberikan pilihan file video yang mendukung, yang paling penting gratis.HEHEHE.
Jadi selamat mencoba yah.Saya cinta free software.
Salam Blogger, Jangan lupa kasih komentar yah