Membuat Menu Page Pull Down

Alhamdulillah setelah lelah puter - puter sana sini mencari catatan yang hilang... ternyata ga ketemu juga!! Akhirnya nyoba - nyoba download CSS Generator eh Koneksi Ga mendukung...

Nasib ... daripada kesel - kesel muter - muter deh cari refernsi untuk bikin menu page pull down ... hasilnya cuma bisa pengen tanpa bisa bikin ...

Tapi Alhamdulillah ... namanya sebuah usaha jika dilakukan secara bersungguh - sungguh Insya Alloh kadang berhasil kadang engga, nah saat engga jua bertemu yang namanya keberhasilan, maka saya akhirnya memilih jurus maut saat dibangku sekolah dulu, yaitu NYONTEK atau jelasnya MINTA CONTEKAN deh...!!!!


Nah posting kali ini pun tiada lain adalah membudayakan hasil contekan saya dari salah seorang sahabat saya di Komunitas Blogger Salafy Indonesia yaitu yang sangaaaaattttt baik hati yang dengan sukarela mau bersusah payah memberi contekan pada saya yang sudah mumet 18 keliling, pemberi contekan yang baik hati itu adalah Ukhti Arty Khansa  ... Makasih Ukhty ...

Nah hasil dari contekan diatas adalah pada bagian atas di blog ini yang ada tulisan BERANDAKU... nah itu namanya Menu Page Pull Down ... baru tahu ya?? kasian deh ...

dah biar cepet dicontek lagi, yang minat silahkan buru contek deh ... cara buatnya adalah :

Masuk ke Akunmu, lalu ke Rancangan Pilih Edit HTML, jangan lupa centang Expand widgetnya, kalau takut eror / salah download dulu deh templatenya ...

Setelah itu, dirimu cari deh kode </head>
biasa...supaya mudah nyarinya ya pinter dikitlah dengan mengaktivkan CTRL + F

lalu kamu copy deh code dibawah ini :

</p><p><style type="text/css" media="screen"><br>body{ behavior:url("csshover2.htc"); }<br>.pd_menu_01 {float:left; padding:0; margin:0;color: #FFFFFF;background: #FF0000;width:100%; border:solid 1px #808080;clear:both;} /*Color navigation bar normal mode*/<br>.pd_menu_01 a, .pd_menu_01 a:visited {<br>font-family:Arial, Helvetica, sans-serif;<br>font-style:normal;<br>font-weight:bold;<br>font-size:12px;<br>color: #FFFFFF;<br>background-color: #FF0000;<br>text-decoration: none;<br>}<br>.pd_menu_01 ul {list-style-type:none;padding:0; margin:0;}<br>.pd_menu_01 ul li {float:left; position:relative; z-index:auto !important ; z-index:1000 ; border-right:solid 1px #808080; border-left:solid 1px #808080;}<br>.pd_menu_01 ul li a {color: #FFFFFF;background: #FF0000;float:none !important ; float:left ; display:block; height:30px; line-height:30px; padding:0 10px 0 10px; text-decoration:none; }<br>.pd_menu_01 ul li ul {display:none; border:none;color: #FFFFFF;background: #FF0000; width:1px}<br>.pd_menu_01 ul li:hover a {background-color:#800000; text-decoration:none; color:#FFFF00;} /*Color main cells hovering mode*/<br>.pd_menu_01 ul li:hover ul {display:block; position:absolute; z-index:999; top:29px; margin-top:1px; left:0;}<br>.pd_menu_01 ul li:hover ul li a {display:block; width:12em; height:auto; line-height:1.3em; margin-left:-1px; padding:5px 10px 5px 10px; border-left:solid 1px #808080; border-bottom: solid 1px #808080; background-color:#400000; color:#FFFFFF;} /*Color subcells normal mode*/<br>.pd_menu_01 ul li:hover ul li a:hover {background-color:#804040; text-decoration:none;color:#FFFF00;} /*Color subcells hovering mode*/<br>.pd_menu_01 ul li a:hover {background-color:#800000; text-decoration:none;color:#FFFF00;} /*Color main cells hovering mode*/<br>.pd_menu_01 ul li a:hover ul {display:block; width:12em; position:absolute; z-index:999; top:29px; left:0; }<br>.pd_menu_01 ul li ul li a:visited { background-color:#400000; color:#FFFFFF;} /*Color subcells normal mode*/<br>.pd_menu_01 ul li a:hover ul li a {display:block; width:12em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px #808080; border-bottom: solid 1px #808080; background-color:#400000; color:#FFFFFF;}<br>.pd_menu_01 ul li a:hover ul li a:hover {background-color:#804040; text-decoration:none;color:#FFFF00;} /*Color subcells hovering mode*/</style></p><p> </p><p>

Lalu kamu taruh diatas kode head diatas tadi

Nah Save lalu masuk ke rancangan, selanjutnya kamu pilih tambah gadget dan pilih HTML

Lalu copy paste code dibawah ini sebagai pemanggilnya

</p><p></p><p><br></p><p><div class="pd_menu_01 "><br><ul><li><a href="http://abuiram.blogspot.com/">Home</a><br></li></ul><br><br><ul><li><a href="http://jibrilherbalagency.blogspot.com#">My Bisnis</a><br></li></ul><br><br><ul><li><a href="http://jibrilherbalagency.blogspot.com/p/info-keagenan.html#">Info Keagenan</a><br><ul><br><li><a href="http://jibrilherbalagency.blogspot.com/p/info-kontak-kami.html#" class="lastone">Info Kontak Kami</a></li><br></ul><br></li></ul><br><br><ul><li><a href="http://jibrilherbalagency.blogspot.com/p/tentang-saya.html#">cara Pemesanan</a><br><ul><br><li><a href="http://jibrilherbalagency.blogspot.com/p/cara-pembayaran.html#" class="lastone">Cara Pembayaran</a></li><br></ul><br></li></ul><br><br><ul><li><a href="http://jibrilherbalagency.blogspot.com/p/produk-unggulan-kami-yang-lainnya.html#">Produk Kami</a><br><ul><br><li><a href="http://halamaniklankami.blogspot.com/#" >Halaman Iklan Produk Kami</a></li><br></ul><br></li></ul><br><br></div><br></p><p><br></p><p>

Selanjutnya kamu atur deh Url nya sekehendak hatimu, bebas pokoknya...kan contekan.. ya .. ya ..ya??!!! silahkan lakuin deh gimana maunya...yang jelas jangan lupa terus di Save, lalu seret ke bagian atas tempat Widget laman mu biasa nongkrong, nah setelah beres jadi, jangan lupa supaya indah ya kamu hapus aja nanti widget Laman nya, warnanya bisa kamu modifikasi, mau Merah, Kuning, Hijau Dan Biru juga boleh kok  ... Bebas Euy ...

Buat Ukhti Arty Khansa ...sekali lagi Makasih Buat Contekannya ya....

Free Template Blogger collection template Distributor jahe Merah Karomah Blog Indahku Goresan Jari Jemariku cafe Gaul Para Salafiyyin

Disimpan dalam kategori tulisan: cara , komputer , Menghias Blog , trik