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 Paling Mudah Melihat Orang Yang Sering Membuka Profil Facebook Kita

Ok sobat "Dunia Blogger" Pada kesempatan kali ini saya akan Berbagi Trik/ Cara Paling Mudah Melihat Orang Yang Sering Membuka Profil Facebook Kita , Langsung Ke tutorialnya saja yah dari pada kebanyakan cingcong  :D Pertama : Login dulu Ke Facebook Sobat. Tekan CTRL+U Pada Keyboard Atau bisa juga dengan  Klik Kanan pada mouse =>> view page source/ lihat code sumber laman 3. Nanti akan ada tab seperti gambar dibawah ini: 4. Tekan CTRL+F lalu masukan kata berikut: InitialChatFriendsList seperti contoh gambar di atas setelah itu tekan enter, dan disebelah tulisan "InitialChatFriendsList" akan ada beberapa nomer, lalu copy nomer tersebut (ingat hanya  yang didalam tanda petik) semakin kebelakang nomernya maka kurun waktu melihat profil sobat semakin dekat. 5. Untuk melihatnya buka http://facebook.com/No id yang tadi sobat copy Contoh: Coba satu persatu untuk mengetahui yang paling banyak melihat profil sobat. 6.Finish.... Demikianlah t...
4 comments
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 me...
1 comment
Read more