lnjutan

Melanjutkan postingan sebelumnya bagaimana membuat blogroll marquee dalam bingkai. Caranya tinggalkan memasukkan kode blogroll marquee ke dalam kode tabel. Kode nya menjadi begini:

<table border="2" width="100" height="175" cellpadding="2"> <tr> <td align="left"> <marquee onmouseover="this.stop()" onmouseout="this.start()" width="100%" height="150" direction="up" scrollamount="3" > < a href ="http://www.ilpeng.com">Blog Ilpeng dan teknologi</a> < a href ="http://www.tutorialspss.blogspot.com">tutorialspss</a> < a href ="http://www.sandhioke.co.co">knowledge sharing</a> < a href ="http://www.sharingknowledge.co.cc">sharing knowledge</a> < a href ="http://www.sharingpengetahuan.co.cc">sharing pengetahuan</a> </marquee> </td> </tr> </table>

Tulisan warna merah ganti dengan Url link milik anda dan namanya (anchornya).
Hasilnya seperti ini:

Blog Ilpeng dan teknologi tutorialspss knowledge sharing sharing knowledge sharing pengetahuan

Blogroll Ceria
Nah kini kita memasuki ke materi utama bagaimana membuat blogroll ceria, nah apa yang saya sebut ceria adalah blogroll seperti yang saya gunakan dalam daftar isi blog ilpeng.com tapi dengan kita sisipkan gambar-gambar senyum ceria yahoo emoticon. Begini caranya:
Copy kode di bawah ini:

<div style="overflow:auto;width:250px;height:195px;padding:1px;background:#fff;border:1px solid black"> <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/69.gif"/><a href="http://www.ilpeng.com/">Blog Ilpeng dan teknologi</a> <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif"/><a href="http://www.tutorialspss.blogspot.com/">tutorialspss</a> <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif"/><a href="http://www.sandhioke.co.co/">knowledge sharing</a> <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/107.gif"/><a href="http://www.sharingknowledge.co.cc/">sharing knowledge</a> <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/65.gif"/><a href="http://www.sharingpengetahuan.co.cc/">sharing pengetahuan</a> <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/69.gif"/><a href="http://www.ilpeng.com/">Blog Ilpeng dan teknologi</a> <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif"/><a href="http://www.tutorialspss.blogspot.com/">tutorialspss</a> <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif"/><a href="http://www.sandhioke.co.co/">knowledge sharing</a> <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/107.gif"/><a href="http://www.sharingknowledge.co.cc/">sharing knowledge</a> <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/65.gif"/><a href="http://www.sharingpengetahuan.co.cc/">sharing pengetahuan</a> </div>

hasil blogroll ceria:

Blog Ilpeng dan teknologi
tutorialspss
knowledge sharing
sharing knowledge
sharing pengetahuan
Blog Ilpeng dan teknologi
tutorialspss
knowledge sharing
sharing knowledge
sharing pengetahuan

Semoga bermanfaat