Skip to main content

Cara Membuat Menu Drop Down Di Blog

Ok kali ini saya akan berbagi cara membuat menu drop down di blog,yang mana Trik ini saya dapatkan di Blognya Mas Arif,
buat kalian yang mau membuat atau memasang menu dropdown di blog ikuti cara-caranya di bawah ini.
Menu dropdown biasanya berbentuk menu yang kalau di sentuh pakai kursor dia akan mengeluarkan sub menu  ke bawah seperti
yang terpasang pada blog saya ini dan hari ini saya mau ngasih tau pada kalian semua bagai mana cara membuatnya
angsung saja di simak tutorialnya dibawah ini:

1.seperti biasa masuk ke dasboard blog mu dulu
2.lalu pilih menu tata letak
3.pilih tambah gadget
4.lalu pilih HTML dan Java Script

copy kode berikut dan paste kan di kolom HTML dan Java Script

<div class='span-24'>

<div class='menu-secondary-container'>

<ul class='menus menu-secondary'>

<li><a expr:href='data:blog.homepageUrl'>Home</a></li>

<li><a href='#'>Business</a>

<ul class='children'>

<li><a href='

#'>Internet</a></li>

<li><a href='#'>Market</a></li>

<li><a href='#'>Stock</a></li>

</ul>

</li>

<li><a href='#'>Downloads</a>

<ul class='children'>

<li><a href='#'>Dvd</a></li>

<li><a href='#'>Games</a></li>

<li><a href='#'>Software</a></li>

</ul>

</li>

<li><a href='#'>Parent Category</a>

<ul class='children'>

<li><a href='#'>Child Category 1</a></li>

<li><a href='#'>Child Category 2</a></li>

<li><a href='#'>Child Category 3</a></li>

<li><a href='#'>Child Category 4</a></li>

</ul>

</li>

<li><a href='#'>Featured</a></li>

<li><a href='#'>Health</a>

<ul class='children'>

<li><a href='#'>Childcare</a></li>

<li><a href='#'>Doctors</a></li>

</ul>

</li>

<li><a href='#'>Uncategorized</a></li>   

</ul>

</div>

</div>
Tanda "#" ganti dengan url label kalian

Setelah selesai klik tombol simpan.
kode ini bisa kalian modifikasi sendiri dengan menambahkan kode dibawah ini:

<ul class='children'>     

<li><a href=' url menu'>nama menu</a></li>

</ul>

</li>dibawah

<li><a href='url menu'>nama menu</a>

sehingga menjadi seperti ini

<li>

<a href='url menu'>nama menu</a>

<ul class='children'>

<li><a href='url menu'>nama menu</a></li>

</ul>

</li>

Ya sekian postingan hari ini semoga postingan ini bermanfaat dan berguna buat sobat semua (amin),dan buat anda yang mau bertanya sesuatu bisa tanyakan di kotak komentar.
Terimakasih telah berkunjung kalau ada kata yang salah mohon di maklumi karna saya hanya manusia biasa
Sumber artikel: http://arifwj67.blogspot.com/2013/05/cara-membuat-menu-dropdown-di-blog.html
Labels:

Comments

Post a Comment

Peraturan Saat Berkomentar:
1. Menggunakan bahasa yang sopan
2. Tidak melakukan spamming
3. Tidak menyisipkan link aktif atau pun hidup


Komentar yang tidak sesuai akan dihapus :)

Popular posts from this blog

Cara Baru Memperbanyak Like status Di Facebook

Artikel Tentang "Cara Memperbanyak like status Facebook " Telah saya Perbarui Pada Tanggal 23,January 2017 Dan Masih terbukti bisa diaplikasikan. Status di Facebook memang sangat beragam dari yang mengandung informasi, candaan bahkan keluhan juga ada. Bebasnya mengakses facebook maka berpengaruh pada jumlah pengguna facebok itu sendiri, dalam aturannya, yang boleh menggunakan facebook adalah yang sudah 18 tahun keatas. Tapi kenyataanya tidak demikian, anak-anak pun sekarang merajai jejaring sosial tersebut, mereka akan senang apa bila status facebook mereka di like banyak orang. Untuk mendapatkan like tersebut maka banyak upaya yang dilakukan seperti ADD teman sebanyak mungkin bahkan yang mereka tidak kenal sekalipun. Sebenarnya ada jalan pintas yang bisa digunakan untuk mendapatkan like banyak   dalam sekejap mata, langsung saja akan saya uraikan  triknya disini. Login ke Facebook terlebih dahulu dan atur publis status menjadi publik (jika tidak maka tidak bisa).
35 comments
Read more

Cara Membuat Label Kotak Yang Keren Diblog

Widget label - bisa menjadi sebuah kebutuhan para blogger untuk mempermudah para pengunjungnya dalam navigasi dan mencari suatu kategori yang ada pada blog mereka. Widget label yang disediakan oleh blogger ada 2 jenis. Ada yang berbentuk daftar (list) ada juga yang berbentuk Cloud. Pada bentuk list, kategori (label) akan berderet seperti list biasa. Namun, pada bentuk cloud, label akan berbentuk barisan kata yang dimana kata kategori yang lebih banyak akan lebih besar. seperti contoh gambar diatas. Oke langsung aja ke CSS nya CSS Letakkan kode berikut tepat di atas ]]></b:skin .label-size { display: block; float: left; background: #555 !important; margin: 0 1px 1px 0; color: #eee; font-size: 100%; } .label-size:hover, .label-size a:hover, .label-size span:hover{background:#3384ff;} .label-size a, .label-size span { display: inline-block; color: #fff; padding: 4px 4px; }  Kemudian Simpan Template, dan buat sebuah widget label berbentuk cloud. Lihat hasilnya F
1 comment
Read more

Cara Menghilangkan Tulisan Di Berdayakan Oleh Blogger Di Blog

Selamat Sore Sobat " Dunia Blogger " Pada Kesempatan Sore Hari ini Saya Akan Berbagi Tips Tentang Menghilangkan Tulisan " Diberdayakan Oleh Blogger " atau "Powered by Blogger"  Di Blog. Sebenarnya ada beberapa cara menghapus tulisan diberdayakan oleh Blogger atau Powered by Blogger, namun di sini saya akan share 2 cara, dengan menggunakan kode CSS dan menghapus permanen.Caranya cukup gampang. Cara ke 1. Menyembunyikan dengan kode CSS Untuk menyembunyikan tulisan diberdayakan oleh Blogger dengan kode CSS, silahkan ikuti langkah-langkah nyadi bawah ini : 1. Sobat harus Login dululah hehehe :D 2. Trus ke Template -> Klik Edit HTML 3. Cari kode ]]></b:skin , atau tekan Ctrl+f pada keyboard untuk memudahkan pencarian 4. Copy kode dibawah ini dan letakkan tepat diatas kode ]]></b:skin : #Attribution1 {     height:0px;    visibility:hidden;    display:none    } 5. Klik Simpan Template... Dengan menggunakan kode di atas, widget att
1 comment
Read more