Membuat Blogroll Unik Dengan marquee

Nah kita sering melihat di setiap blog biasanya terdapat blogroll yang berisi link link blog lain di dalamnya.

Nah kali ini kita akan membahas cara membuat blog rol yang unix yah menggunakan marque dan fieldset.

contohnya bisa di lihat di tanks to di blog ini bagian samping kanan :)


nih ku kasih deh kodennya ....


<br /><div align="center"><br /><fieldset style="border: 2px solid rgb(166, 78, 78); width: 155px; height: 270px;"><br /><legend align="center"><span style="color: rgb(166, 78, 78);"><br /><b>Thanks to</b><br /></span></legend><br /><p align="center"><br /><marquee direction="up" onmouseover="this.stop()" scrollamount="3" onmouseout="this.start()" width="155" height="220"><br /><center><br /><!-- di sini masukkan link nya --><br /><br /><img src="http://dl10.glitter-graphics.net/pub/47/47460ujeoid6hnq.gif" width="100" border="0" height="115" /><br /><br />Orang Tua<br /><br />Semua Kerabat Yang Telah Membantu<br /><br /><br /><img src="http://h1.ripway.com/umarsandi/cooltext84912590.gif" width="150" border="0" height="40" /><br /><br /><a href="http://bloggerkebumen.co.cc/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEZLEA6QkmUQIXe7x5q-GAnGNoHCrtpiShQMyQneI49o5sKMzvkIHaOXqxfkp6tRz5fXrdJ6NiE31ihLPKMOPeJRNTfGQAbfbToNHRHOJ7EPdgjUkliUiRRnZc1fTNUI_h-T7WDUyI_dM/s320/bloggerkebumen.gif" width="150" border="0" height="50" /></a><br /><br /><a href="http://www.ripway.com/" target="_blank"><img src="http://www.ripway.com/images/header_pt2.gif" width="150" border="0" height="35" /></a><br /><br /><a href="http://trik-tips.blogspot.com/" target="_blank"><img alt="Trik-Tips Blog" src="http://www.geocities.com/kendhin_x/banner-trik.gif" width="90" border="0" height="17" /></a><br /><br /><a href="http://wynwira-tutorial.blogspot.com/" target="_blank"><img src="http://wayanwirata.googlepages.com/MyButton2.gif" border="0" /></a><br /><br /><a href="http://tukeranlink.dagdigdug.com/" target="_blank"><img alt="Banner Exchange" src="http://tukeranlink.dagdigdug.com/files/2008/03/button-tukeran-link.png" title="link Exchange" border="0" /></a><br /><br /><a href="http://pernakpernikblog.blogspot.com/" target="_blank"><img alt="Blog Tutorial" src="http://faniez.googlepages.com/blogsharing1.gif" border="0" /></a><br /><br /><a href="http://thedayat.blogspot.com/" target="_blank"><img alt="thedayat" src="http://de.sleepingchild.googlepages.com/85-21-IJOputihcoklat.gif" border="0" /></a><br /><br /><a href="http://www.glitter-graphics.com/" target="_blank"><img src="http://www.glitter-graphics.com/images/header/logo.gif" width="150" border="0" height="35" /></a><br /><br /><a href="http://www.ilmuwebsite.com/" target="_blank"><img src="http://unair.info/img/iweb.jpg" border="0" /></a><br /><a href="http://www.ilmuwebsite.com/" target="_blank">ilmuwebsite.com</a><br /><br /><a href="http://www.taktiku.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD72uqqVL1AFtBf7AM6yyIxkevdTt8MsWnJvGlKHKkYVroK-786Tq65m4D6ok7aiD7UB0V7VW0tP6OhYXF-XNbfW-FxqaWFDQjpo55a9YqwkvqrM2YQ3Q6hTC1TaoldkMgDxHaVP9j87U/s400/taktiku_head.gif" width="150" border="0" height="35" /></a><br /><br /><br /><!-- end of link --><br /></center><br /></marquee></p></fieldset><br /></div><br />


nah mudah kan ... Untuk lebih jelasnya bisa di copy dulu ke Notepad biar mudah dalam pengeditannya.

Untuk Notepad++ bisa di download di sini.

Read more