kali ini kita akan mempelajari tentang sedikit utak atikmasalah menu pada blogger, nah ane rasa lebih baik kita mulai dari Membuat Menu Dropdown aja ya gan....
Membuat tampilan blog lebih terlihat indah dengan membuatkan menu dropdown
dibawah ini scroptnya gan,bagi yang mau silahkan
ke TKP............
<!-- Start Menu -->
<ul class='sf-menu'>
<li><a href='/'>Home</a></li>
<li><a href='#'>About</a>
<ul class='children'>
<li><a href='#'>Profil</a></li>
<li><a href='#'>SMK</a></li>
<li><a href='#'>SMP</a></li>
</ul>
</li>
<li><a href='#'>Contact</a>
<ul class='children'>
<li><a href='http://rpl-a-community.blogspot.com'>Blog-ku</a>
<ul class='children'>
<li><a href='http://lokerpembelajaran.wordpress.com'>Loker Pembelajaran</a></li>
<li><a href='http://edylombok.blogspot.com'>Future Blog</a></li>
<li><a href='http://rplcomunnity.blog.com'>RPL Comunnity</a></li>
<li><a href='http://rpl-a-community.blogspot.com'>RPL-A Community</a></li>
</ul>
</li>
<li><a href='http://www.facebook.com'>Facebook-ku</a>
<ul class='children'>
<li><a href='http://www.facebook.com/edysquarepants'>Bajank Bridal</a></li>
<li><a href='http://www.facebook.com/gereje'>Akou Slalu Mencitaimu</a></li>
<li><a href='http://www.facebook.com/profile.php?id=100002295047045'>Preman Gereje</a></li>
</ul>
</li>
</ul>
</li>
<li><a href='#'>Programming</a>
<ul class='children'>
<li><a href='#'>Java</a>
<ul class='children'>
<li><a href='#'>Netbeans</a>
<ul class='children'>
<li><a href='http://rpl-a-community.blogspot.com/2011/05/membuat-project-dan-class-pada-java.html'>Membuat Project dan Class Pada Netbeans</a></li>
</ul>
</li>
<li><a href='#'>Fitur-fitur baru JDK 7</a></li>
<li><a href='#'>Menggunakan Package</a></li>
<li><a href='#'>Mengeksekusi Program Lain</a></li>
</ul>
</li>
<li><a href='#'>PHP</a>
<ul class='children'>
<li><a href='http://rpl-a-community.blogspot.com/2011/05/apa-itu-php.html'>Apa Itu PHP ?</a></li>
<li><a href='http://rpl-a-community.blogspot.com/2011/05/prinsip-dasar-pemrograman-php.html'>Prinsip Dasar Pemrograman PHP</a></li>
<li><a href='http://rpl-a-community.blogspot.com/2011/05/perlengkapan-untuk-pemrograman-php.html'>Perlengkapan Untuk Pemrograman PHP</a></li>
<li><a href='http://rpl-a-community.blogspot.com/2011/05/sintaks-dalam-php.html'>Syntak Dalam PHP</a></li>
<li><a href='http://rpl-a-community.blogspot.com/2011/05/variable-dalam-php.html'>Variabel Dalam PHP</a></li>
</ul>
</li>
<li><a href='http://rpl-a-community.blogspot.com/2011/05/object-oriented-programming-oop.html'>OOP</a>
<ul class='children'>
<li><a href='http://rpl-a-community.blogspot.com/2011/05/konsep-dasar-oop.html'>Konsep Dasar OOP</a></li>
<li><a href='http://rpl-a-community.blogspot.com/2011/05/dasar-pemrograman-oop-dengan-java.html'>Dasar Pemrograman OOP dengan Java</a></li>
<li><a href='http://rpl-a-community.blogspot.com/2011/05/konsep-lanjut-pemrograman-oop.html'>Konsep Lanjut Pemrograman OOP</a></li>
<li><a href='http://rpl-a-community.blogspot.com/2011/05/membuat-project-dan-class-pada-java.html'>Membuat Project dan Class</a></li>
<li><a href='#'>OOP Project</a></li>
</ul>
</li>
<li><a href='#'>Visual Basic</a></li>
<li><a href='#'>HTML</a></li>
<li><a href='#'>CSS</a></li>
</ul>
</li>
<li><a href='#'>Jaringan</a>
<ul class='children'>
<li><a href='http://rpl-a-community.blogspot.com/2011/05/topologi-jaringan.html'>Topologi Jaringan</a>
<ul class='children'>
<li><a href='http://rpl-a-community.blogspot.com/2011/05/topologi-bus.html'>Topologi Bus</a></li>
<li><a href='http://rpl-a-community.blogspot.com/2011/05/topologi-star.html'>Topologi Star</a></li>
<li><a href='http://rpl-a-community.blogspot.com/2011/05/topologi-ring.html'>Topologi Ring</a></li>
<li><a href='http://rpl-a-community.blogspot.com/2011/05/topologi-mesh.html'>Topologi Mesh</a></li>
</ul>
</li>
<li><a href='http://rpl-a-community.blogspot.com/2011/05/pengantar-jaringan.html'>Pengantar Jaringan</a></li>
</ul>
</li>
<li><a href='#'>Tutorial</a>
<ul class='children'>
<li><a href='#'>Design</a>
<ul class='children'>
<li><a href='#'>Adobe Photoshop CS2</a>
<ul class='children'>
<li><a href='#'>Mengenal Adobe Photoshop CS2</a></li>
<li><a href='#'>Adobe Photoshop CS3</a></li>
<li><a href='#'>Corel Draw X4</a></li>
<li><a href='#'>Corel Draw X12</a></li>
</ul>
</li>
<li><a href='#'>Adobe Photoshop CS4</a></li>
<li><a href='#'>Corel Draw X4</a></li>
<li><a href='#'>Corel Draw X12</a></li>
</ul>
</li>
<li><a href='#'>Blogger</a>
<ul class='children'>
<li><a href='http://rpl-a-community.blogspot.com/2011/04/panduan-membuat-blog-dengan-blogger.html'>Cara Membuat Blog dg Blogger</a></li>
<li><a href='http://rpl-a-community.blogspot.com/2011/05/cara-mengganti-domain-blogspot-dengan.html'>Cara Mengganti Domain Blogspot Menjadi co.cc</a></li>
<li><a href='http://rpl-a-community.blogspot.com/2011/05/cara-setting-domain-cocc.html'>Cara Setting Domain co.cc</a></li>
<li><a href='http://rpl-a-community.blogspot.com/2011/05/membuat-judul-blog-bergerak.html'>Cara Membuat Judul Blog Bergerak</a></li>
<li><a href='http://rpl-a-community.blogspot.com/2011/05/cara-membuat-read-more-otomatis-dengan.html'>Cara Membuat Read More Otomatis</a></li>
<li><a href='http://rpl-a-community.blogspot.com/2011/05/meletakkan-widget-di-sudut-halaman-blog.html'>Cara Meletakkan Widget Dipojok Blog</a></li>
</ul>
</li>
<li><a href='#'>Wordpress</a></li>
<li><a href='#'>Hack</a>
<ul class='children'>
<li><a href='http://rpl-a-community.blogspot.com/2011/05/bobol-password-winrar.html'>Bobol Password Winrar</a></li>
</ul>
</li>
</ul>
</li>
<li><a href='#'>Gallery</a>
<ul class='children'>
<li><a href='http://www.flickr.com/photos/edytamy/show/'>Photo</a></li>
<li><a href='#'>Video</a></li>
<li><a href='#'>Karya</a></li>
<li><a href='#'>Project</a></li>
</ul>
</li>
<li><a href='#'>Berita</a>
<ul class='children'>
<li><a href='#'>Otomotif</a>
<ul class='children'>
<li><a href='http://rpl-a-community.blogspot.com/2011/06/motor-seharga-rp54-juta-siap_23.html'>Motor seharga 54juta</a></li>
<li><a href='http://rpl-a-community.blogspot.com/2011/06/digenjot-75-ribubulan-vario-tampil-beda.html'>Modif vario murah</a></li>
<li><a href='http://rpl-a-community.blogspot.com/2011/06/honda-revo-termurah-dibandrol-rp114.html'>Honda revo termurah</a></li>
<li><a href='http://rpl-a-community.blogspot.com/2011/06/bencana-jepang-tak-ganggu-honda.html'>Bencana jepang tak ganggu honda</a></li>
<li><a href='http://rpl-a-community.blogspot.com/2011/06/skuter-matik-terbaru-dari-honda.html'>Skutermatic terbaru dari honda</a></li>
<li><a href='http://rpl-a-community.blogspot.com/2011/06/cara-mengemudi-hemat-bahan-bakar.html'>Tips mengemudi hemat BB</a></li>
<li><a href='http://rpl-a-community.blogspot.com/2011/06/top-1-melibas-jalur-sukabumi.html'>Top 1 Melibas jalur sukabumi</a></li>
<li><a href='http://rpl-a-community.blogspot.com/2011/06/viar-kenalkan-sepeda-motor-roda-tiga.html'>Viar kenalkan sepeda motor roda 3</a></li>
<li><a href='http://rpl-a-community.blogspot.com/2011/06/mei-penjualan-mobil-dan-motor-naik.html'>Penjualan mobil dan motor naik pd bulan Mei</a></li>
<li><a href='http://rpl-a-community.blogspot.com/2011/06/mobil-mobil-yang-bakal-tampil-di-iims.html'>Mobil yang akan tampil di IIMS</a></li>
</ul>
</li>
<li><a href='#'>Olahraga</a></li>
<li><a href='#'>Entertaiment</a></li>
<li><a href='#'>Bisnis</a></li>
</ul>
</li>
</ul>
<!-- End Menu -->
Pengunjung
|
|
Tidak ada komentar:
Posting Komentar