Senin, 17 Agustus 2009

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.

7 komentar:

Rizal vM mengatakan...

Tukeran Link yo Gan, silaturahmi Blogger, kalau mau koment di Blog saya ya Gan. Lam kenal

toko bunga mengatakan...

Dengan animated brogol, jadi tertarik untuk klik

Grosir sprei Murah mengatakan...

Artikel yang menarik keep on sharing, .... oh iya salam kenal blooger nubie nih kunjungi balik disini

hotbis, klik disini mengatakan...

makasih buat tipsnya

Poker Online mengatakan...

Info yang berguna banget ni.. Lanjutkan yang lebih bagus lagi gan thanks ya..

Agen Poker
Agen Poker Online
Agen Poker Terpercaya
Poker Online
Poker Terpercaya
Bandar Domino
Bandar Domino Online
Agen Domino
Judi Poker
Taruhan Poker
Bandar Poker

Ebook Internet Marketing mengatakan...

Sangat membantu saya buat buat website...

video ebook internet marketing mengatakan...

Trims artikelnya om...

Posting Komentar

Blog Archive

Buku Tamu

Ada kesalahan di dalam gadget ini