MEMBUAT MENU DROP DOWN PADA BLOG

1. Login ke akun Blogspot pembaca
2. Klik link menu Tata Letak, kemudian pilih Edit HTML.
3. Back up terlebih dahulu template pembaca dengan mengklik link Download Template Lengkap agar jika terjadi kesalahan saat mengedit, pembaca bisa mengembalikannya dengan menguploadnya kembali.
   
4. Silahkan beri tanda centang pada kotak kecil disamping tulisan Expand Template Widget
5. Cari kode seperti dibawah ini pada template pembaca:
   <b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
6. Jika sudah ketemu, silahkan copy struktur berikut tepat dibawah kode-kode pada langkah 5
   <ul>
<li><a href='URL 1'>Home</a></li>
<li><a href='URL 1'>About Me</a></li>
<li><a href='URL 3'>Tutorial Website</a></li>
</ul>
7. Setelah itu klik tombol SIMPAN TEMPLATE, lalu lihat hasilnya
8. Pembaca akan melihat bahwa menu-menu tersebut muncul sebagai list vertikal, bukan horizontal. Oleh karena itu, kita perlu mengatur tampilannya agar muncul berjejer secara horizontal dengan menggunakan CSS. Selain itu, kita juga bisa mengatur tampilan dari menu tersebut agar terlihat lebih menarik dengan CSS.
9. Buka kembali bagian Edit HTML pada blogspot pembaca, kemudian cari kode ]]></b:skin>.
10. Silahkan copy struktur berikut diatas kode ]]></b:skin>
    /*CSS untuk menu horizontal*/

.menuhor ul{
font: bold 13px arial;
padding-left: 0;
margin-left: 0;
height: 20px;
}

.menuhor ul li{
list-style: none;
display: inline;
}

.menuhor ul li a{
padding: 2px 0.5em;
text-decoration: none;
float: left;
color: black;
background-color: #33FFCC;
border: 2px solid #33FFCC;
}

.menuhor ul li a:hover{
background-color: #33CCFF;
border-style: outset;
}
    .menuhor ul merupakan atribut class yang berfungsi untuk mengatur tampilan parent dari list menu horizontal tersebut.
    .menuhor ul li berfungsi untuk mengatur tampilan anak menu horizontal yang kita buat.
    .menuhor ul li a berfungsi untuk mengatur tampilan link dari anak menu tersebut.
    .menuhor ul li a:hover berfungsi untuk mengatur tampilan link anak menu ketika pointer digerakkan diatasnya.
    
11. Kemudian ubah struktur yang Anda copy pada langkah 6 diatas sehingga menjadi seperti berikut:
    <div class="menuhor">
<ul>
<li><a href='URL 1'>Home</a></li>
<li><a href='URL 2'>Tutorial Website</a></li>
<li><a href='URL 3'>About Me</a></li>
</ul>
</div>
12. Silahkan ganti URL 1 dengan URL halaman yang akan dituju jika menu "Home" diklik. URL 2 diganti dengan URL halaman yang akan dituju jika menu "Tutorial Website" diklik, dan seterusnya.
    
13. Klik tombol SIMPAN TEMPLATE.

Untuk melihat hasilnya silahkan buka disini. Seperti yang telah saya katakan, bahwa CSS tersebut berfungsi untuk mengatur tampilan menu yang kita buat tadi. Silahkan pembaca menambah atau merubah atribut CSS tersebut untuk memodifikasi tampilannya, misalnya warna tulisan, background, lebar menu, dan lain-lain. Jika pembaca ingin mengerti cara memodifikasi atau membuat CSS tersebut, silahkan klik disini. Saya yakin pembaca akan lebih mengerti bagaimana CSS tersebut bekerja. Dengan adanya menu horizontal tersebut blog pembaca pasti menjadi lebih keren dan ergonomis.

Selamat mencoba dan jangan lupa meninggalkan komentar ya

cara mendapatkan uang dari facebook

facebook bukan hanya dapat sebagai ajang memperbanyak teman . akan tetapi facebook juga dapat di gunakan untuk mendapatkan uang ,mungkin pertama kali anda membaca postingan ini ,anda merasa bingung ..
        bagaimana bisa mendapatkan uang dari facebook !!!
tapi memang benar adanya ,yaitu anda bisa mendapatkan uang dari facebook ..
mendapatkan uang dari facebook dengan bantuan aplikasi yang telah tersedia

seputar doracil

banyak teman saya yang bertanya ..
maksudnya apa si bikin blog pake nama doracil ga penting bangettt dehhh !!!!
nahhh ..pada postingan saya kali ini ,saya ingin menjelaskan mengapa saya membuat blog  seputar doracil .
doracil .. yaa itu lah nama blog yang iseng-iseng saja saya buat .. mengapa saya membuat blog dengan nama doracil ???
maksudnya saya membuat nama seperti itu .. "karena saya juga memang orang yang tidak mampu . doracil sendiri kan memang sudah ada artinya di situ yaitu dorongan rakyat kecil , maksudnya adalah sebagai motivasi orang-orang kelas bawah (seperti saya hehe :D) untuk jangan pernah menyerah melawan keadaan ..
intinya kalau orang kaya bisa kita pun sebagai orang yang tidak kaya juga harus bisa ..
mereka pintar kita pun juga harus pintar ..heheh :D
kata doracil sendiri saya ambil dari kata-kata saya sewaktu kecil ... yupzz sewaktu kecil / masih bocah ..saya dan teman-teman saya sering sekali bermain sepak bola dengan nama tim doracil .. mengapa kami beri nama demikian ????
   karena pada waktu itu kami bermain sepak bola melawan orang-orang kaya yang gayanya tengil abizzzzz heheheheh :D
   tapi tentu saja kami tidak mau kalah dengan mudah nya oleh mereka ..
kami berjuang mati-matian untuk memenangkan pertandingan tersebut , kami engga kenal ntuh sama yang namanya nyerah ,kami berusaha mati-matian untuk memenangkan pertandingan tersebut ,,
 dan akhirnya tim kami doracil pun memenangkan kompotisi tersebut ,yang membuat para orang-orang kaya itu malu dengan sendirinya ..heheheh :D

 nahh pada intinya seputar doracil ini bermaksud untuk melawan kemiskinan dengan sekuat tenaga ,jangan pernah patah semangat karena pasti ada jalan untuk menang :)

siapa si yang membuat facebook ???

Add caption

 facebook , yaa siapa sii yang tidak kenal dengan yang namanya facebook , jejaring sosial ini sudah hampir di gunakan oleh semua orang di dunia ini , tapi siapa sii yang pertama kali membuat facebook ,orang yang pertama kali membuat facebookbernama adalah Mark Elliot Zuckerberg .

yang pasti orang yang pertama kali membuat facebook bukan orang indonesia , dan menurut kabar yang beredar seorang pemuda yang pertama kali menemukan facebook itu adalah seorang pemuda terkaya di dunia !!! benarkah demikian ???