Marquee dalam Bingkai
Melanjutkan postingan bagaimana membuat blogroll marque maka selanjutnya akan dibahas 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:
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> |
Tulisan warna merah ganti dengan Url link milik anda dan namanya (anchornya). Untuk merubah lebar bingkai anda bisa merubah nilai width, untuk merubah tinggi bingkai anda bisa merubah nilai height, untuk merubah warna background anda bisa merubah kode warna. Mudah mengetahui kode warna yang anda inginkan ada di cara cepat menemukan kode HTML warna. silakan di klik ajah..
Hasilnya seperti ini:
Gimana seru kan??!
Semoga bermanfaat
Posts
2 komentar:
Thanks infonya. Tutorial memang gak ada matinya. Salam hangat.
makasih teman...link teman sdh terpasang juga
Post a Comment
yth. pengunjung Blog Bisnis Online. Untuk Menjalin Silaturahmi, Setelah membaca mohon berkenan memberikan komentar disini atau sekedar ucapan terimakasih saja. 1 komentar maka 2 link untuk anda.