Membuat Menu Scroll blogroll untuk Wordpress

Akhirnya nemu juga tutorial yang benar-benar mantap, bagaimana cara membuat menu scroll buat link blogroll khususnya buat wordpress. Mantap gimana ?, ya mantaplah. Karena kodenya lengkap tanpa error xhtml. Jadi ga perlu capek dan pusing lagi buat memvalidkannya. Ini kode saya curi dari blognya bang junjung :D . Lah kok nyuri ?. Ceritanya begini, pas lagi googling cari-cari tutor bagaimana cara membuat menu scroll blogroll untuk wordpress, akhirnya saya terdampar di blog ini.Nah, di artikel ini semua di bahas, baik itu untuk menu scroll, dropdown sampai text yang melayang. Untuk menu scroll selain ga sreg di hati, klik kanan pada link yang terpasang juga ga bisa. Gimana mau lihat follow apa ga nya. Bisa-bisa yang tukaran link akhirnya pada protes :D . Yang paling penting menurut saya adalah validasi xhtml nya. ( Kode di artikel ini sama halnya dengan kode-kode dari artikel yang saya baca pada blog lainnya, kebanyakan kurang sreg di hati ( error xhtml ) walau tampilannya sudah lumayan.

Setelah melihat dan meraba-raba :D , ni kaya’nya ada yang aneh. Menu scroll blogroll di sidebar pada blog bang junjung sepertinya beda dengan kode yang di tulis pada artikelnya. Yang ini lebih bagusan, bisa di klik kanan lagi. Berikutnya, langsung lihat source kodenya. Walah, ternyata benar. Dugaan saya ga meleset, yang nulis curang nih :D .

Testing langsung,,, copy dan pasang di bagian footer blog ini dan langsung ngecek validasi xhtml di w3c, Akhirnya :D :D :D

Bagi yang menjunjung tinggi nilai kevalidan blognya, cara membuat menu scroll blogroll di  Wordpress ini layak untuk di konsumsi :D .

<div id=”scroll” align=”justify” style=”BORDER-RIGHT: #ffffff 0px ridge; BORDER-TOP: #ffffff 0px ridge; OVERFLOW: auto; BORDER-LEFT: #ffffff 0px ridge; WIDTH: 280px; BORDER-BOTTOM: #ffffff 0px ridge; HEIGHT: 80px; padding:8px; BACKGROUND-COLOR: #ffffff”>
<ul>
<li><a href=”http://fatihsyuhud.com” title=”Blogger Indonesia” target=”_blank”>Blogger Indonesia</a></li>
<li><a href=”http://afatih.wordpress.com”  target=”_blank”>Blogger Tutorial</a></li>
<li><a href=”http://belajarnge.blogspot.com” target=”_blank”>—¤(rIDa)¤—</a></li>
<li><a href=”http://jeri27.blogspot.com/” title=”Baru Tahu” target=”_blank”>Baru Tahu</a></li>
<li><a href=”http://jeri.web.id/” title=”Jeri Weblog” target=”_blank”>Jeri Weblog</a></li>
</ul>
</div>



Silahkan modifikasi kode Menu Scroll blogroll di atas sesuai dengan selera masing-masing untuk lebar kolom, pewarnaan, tebal garis tepinya dan jangan lupa untuk tidak mengganti alamat link-nya :D ).

Share