Cara Membuat Animated Blogroll

membuat blogroll
Tahukah anda bisa mengubah tampilan blog anda menjadi lebih cantik?
Mungkin anda terbiasa mencari widget menarik untuk dipasang di blog kesayangan anda. Tapi sesekali tidak ada salahnya anda
mencoba membuat widget sendiri. Dengan sedikit kreatifitas anda bisa mempercantik tampilan blog anda.
Keuntungannya adalah anda bisa berkreasi sendiri tanpa harus bosan dengan tampilan default yang sudah disediakan.
Dan tentu saja karena dibuat sederhana dengan bahasa HTML sehingga tidak begitu membebani pada saat proses loading blog anda.
Tidak seperti widget yang dibuat dengan flash yang bisa memberatkan blog anda. Jika anda sudah membaca postingan saya sebelumnya
tentang cara membuat blogroll sendiri. Kali ini saya akan melanjutkannya dengan membuat animated blogroll. Bedanya dengan yang
dulu kali ini tampilah blogrollnya lebih menarik. Caranya membuatnya pun mudah anda hanya butuh memperlajari sedikit
bahasa HTML. Berikut ini adalah code HTML yang harus anda tambahkan ke dalam widget blog anda.

<div style="height: 100px;width: 200px;border:1px solid #c0c0c0;overflow: hidden;text-align:center;">

<marquee direction="up" scrollamount="1" height="100" onMouseOver="stop()" onMouseOut="start()" style="color:#255E0A;font-family: 'Courier New', Courier, monospace;font-size:12px;text-align:center;">

<a target="new" title="anchor text" href="http://namablogteman1.com">anchor text</a><br>

<a target="new" title="anchor text" href="http://namablogteman2.com">anchor text</a><br>

<a target="new" title="anchor text" href="http://namablogteman3.com">anchor text</a><br>

<a target="new" title="anchor text" href="http://namablogteman4.com">anchor text</a><br>

<a target="new" title="anchor text" href="http://namablogteman5.com">anchor text</a><br>

<a target="new" title="anchor text" href="http://namablogteman6.com">anchor text</a><br>

<a target="new" title="anchor text" href="http://namablogteman7.com">anchor text</a><br>

<a target="new" title="anchor text" href="http://namablogteman8.com">anchor text</a><br>

<a target="new" title="anchor text" href="http://namablogteman9.com">anchor text</a><br>

<a target="new" title="anchor text" href="http://namablogteman10.com">anchor text</a><br>

<a target="new" title="anchor text" href="http://namablogteman11.com">anchor text</a><br>

<a target="new" title="anchor text" href="http://namablogteman12.com">anchor text</a><br>

</marquee>

</div>

Tampilan animated blogroll akan seperti dibawah ini

Sekarang anda bisa menambahkan widget animated blogroll pada blog cantik anda. Tidak ada salahnya bagi anda para blogger
mempelajari bahasa pemrograman web yang sederhana terutama HTML. Banyak sekali tutorial belajar bahasa HTML yang bisa anda jumpai
di internet. Saya yakin anda akan lebih puas ketika memakai widget buatan sendiri meskipun mungkin tidak sebaik buatan para profesional.
Jadi mulai sekarang anda harus merubah mindset selalu bergantung pada widget buatan para provider. Jika anda bisa membuatnya
dengan tangan anda sendiri.