Cara Membuat Animated 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

anchor text
anchor text
anchor text
anchor text
anchor text
anchor text
anchor text
anchor text
anchor text
anchor text
anchor text
anchor text

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.