Tutorial ini saya posting sebagai arsip saya sendiri barang kali suatu saat saya membutuhkannya. Selain itu barangkali juga bisa bermanfaat bagi Sahabat Dreamers yang memerlukannya.
Awalnya saya kurang pas dengan tampilan blogroll blog sahabat yang semakin hari semakin banyak dan memanjang sehingga kurang menarik dari sisi estetika.
Setelah cari sana cari sini, coba beberapa kali dan beberapa kali juga aku gagal, akhirnya aku temukan tutorial membuat drop down menu ini dan bisa dipasang pada blog aku, Saya garis bawahi tulisan di atas karena saya sudah beberapa kali coba tutorial membuat drop down menu sama persis seperti yang saya dapat dari beberapa blog sahabat, namun baru cara inilah yang berhasil.
Baik langsung aja copy paste code di bawah ini dan lakukan perubahan pada alamat http sesuai yang Sahabat Dreamers butuhkan.
<div style="border:1px solid #006600;overflow:auto;width:180px;height:100px;"> <ul>
<li><a title="Update offline Antivirus, Software, Tutorial & Internet Marketing" href="http://mydr34ms.wordpress.com/" target="_blank">Dreamers Society</a></li>
<li><a title="Update offline Antivirus, Software, Tutorial & Internet Marketing" href="http://mydr34ms.wordpress.com/" target="_blank">Dreamers Society</a></li>
<li><a title="Update offline Antivirus, Software, Tutorial & Internet Marketing" href="http://mydr34ms.wordpress.com/" target="_blank">Dreamers Society</a></li>
<li><a title="Update offline Antivirus, Software, Tutorial & Internet Marketing" href="http://mydr34ms.wordpress.com/" target="_blank">Dreamers Society</a></li>
<li><a title="Update offline Antivirus, Software, Tutorial & Internet Marketing" href="http://mydr34ms.wordpress.com/" target="_blank">Dreamers Society</a></li>
<li><a title="Update offline Antivirus, Software, Tutorial & Internet Marketing" href="http://mydr34ms.wordpress.com/" target="_blank">Dreamers Society</a></li>
<li><a title="Update offline Antivirus, Software, Tutorial & Internet Marketing" href="http://mydr34ms.wordpress.com/" target="_blank">Dreamers Society</a></li>
<li><a title="Update offline Antivirus, Software, Tutorial & Internet Marketing" href="http://mydr34ms.wordpress.com/" target="_blank">Dreamers Society</a></li>
<li><a title="Update offline Antivirus, Software, Tutorial & Internet Marketing" href="http://mydr34ms.wordpress.com/" target="_blank">Dreamers Society</a></li>
</ul> </div>
Dan hasilnya seperti di bawah ini, untuk ukuran, Sahabat Dreamers bisa atur dengan merubah parameter width (lebar) dan height (panjang) sesuai kebutuhan.
- Dreamers Society
- Dreamers Society
- Dreamers Society
- Dreamers Society
- Dreamers Society
- Dreamers Society
- Dreamers Society
- Dreamers Society
- Dreamers Society
Semoga bermanfaat.
Ok,tks infonya, ta mimpi dulu, abis mimpi besok tak ampiri lagi, boleh kan
BalasHapusHe..he...yo'i coy...nih barusan juga masih gw revisi-2 lagi...moga bermanfaat
BalasHapuslha piye to bro.. koq mimpi sek..
BalasHapus[...] Tutorial Membuat Drop Down Menu Pada WordPress Technorati Tags: drop down menu,tutorial,membuat drop down menu,wordpress del.icio.us Tags: drop down menu,tutorial,membuat drop down menu,wordpress Tutorial ini saya posting sebagai arsip saya sendiri barang kali suatu saat saya membutuhkannya. Selain itu barangkali juga bisa bermanfaat bagi Sahabat Dreamers yang memerlukannya. Awalnya saya kurang pas dengan tampilan blogroll blog sahabat yang semakin hari semakin banyak dan memanjang sehingga [...] [...]
BalasHapus[...] Tutorial Membuat Drop Down Menu Pada WordPress Technorati Tags: drop down menu,tutorial,membuat drop down menu,wordpress del.icio.us Tags: drop down menu,tutorial,membuat drop down menu,wordpress Tutorial ini saya posting sebagai arsip saya sendiri barang kali suatu saat saya membutuhkannya. Selain itu barangkali juga bisa bermanfaat bagi Sahabat Dreamers yang memerlukannya. Awalnya saya kurang pas dengan tampilan blogroll blog sahabat yang semakin hari semakin banyak dan memanjang sehingga [...] [...]
BalasHapusnice inpho,... langsung praktek thx :)
BalasHapushe4x,,mksh infonya... ntar mlm de ku cba,,, tnggu jalanan lancar
BalasHapuslah, di copy kemana, maklum masih baru
BalasHapusCopy ke text widget
BalasHapusnice tips.. thanks bro..
BalasHapusthanks bro atas informasinya
BalasHapussudah saya coba copy kode diatas dan di-paste di text widget,,, tapi ko yang muncul cuman list nya aja tanpa border dan drop down, jadi panjang ke bawah...
BalasHapuskenapa y? tapi saya coba di posting-an bisa.. tapi kalo di simpen di widget gak bisa...
klo buat kotak tukeran link gimana ya? :(
BalasHapusWaduh dah lupa...ntar tak cariin dulu..... :D :D :D
BalasHapusKayaknya masalah text html-nya ya Zhoy....???
BalasHapusCoba ini :
1. Anda klik dulu di sini ato yang di sini
2. Masukkan kode HTML/Java Script yang ingin anda tampilkan pada dropdown menu anda di kotak merah -> terus klik aja Encode
3. Kopi paste kode hasil Encode tersebut dan ditaruh di antara <div> dan tutup dengan </div>
4. dan masukkan ke widget text.
Semoga dimengerti salam...
wah.. yang saya cari
BalasHapusagar droup down nya di menu\
jadi ketika menu d klik bisa ke menu2 lainnya seperti section n category..
gimna ya
Nih, yg sy cari. Thanks Tipsnya
BalasHapusNah ini di dropdown menu Nyang ane cari ... thanks ..
BalasHapus