Blogroll Dengan Background Gambar

Setelah sebelumnya dibahas tentang cara bikin Blogroll versi tans1 sekarang kita mencoba membuat Blogroll dengan background gambar,tentunya gambar yang digunakan terserah sahabat semua.
Untuk singkatnya anda tinggal copy kode dibawah ini :

<div style="background-image: url(http:url gbr anda.jpg); background-position: center; background-repeat: repeat; padding: 5px;"><marquee direction="up" height="150px" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" style="border: 1px solid #000; padding: 5px; text-align: center;" width="150px"><a href="http://www.blogger.com/post-create.g?blogID=2221677323070094822#" target="_blank">Link </a> <a href="http://www.blogger.com/post-create.g?blogID=2221677323070094822#" target="_blank">Link </a></marquee> </div>
ganti url gambarnya dengan url gambar anda,sedangkan untuk setingan yang lainnya sama halnya dengan membuat blogroll sebelumnya.
hasilnya dapat anda lihat dibawah ini :

Judul Link

Judul Link

Judul Link

Judul Link

Judul Link

Judul Link

Sesuaikanlah lebar dan tinggi dari Blogroll tersebut dengan ruangan tempat anda menyimpan blogroll ini pada templet anda,demikian juga dengan gambarnya alangkah lebih baik jika di sesuaikan dahulu ukuranya dengan photoshop atau lainnya.
Sedangkan cara mendapatkan kode gambar dan merubah link telah saya bahas pada postingan sebelumnya.
Oh yah sebenarnya code yang saya gunakan ini diperuntukan untuk membuat postingan dengan background gambar namun saya coba variasikan hingga jadinya seperti diatas,sedangkan jika anda ingin membuat postingan dengan background gambar atau warna insya allah akan saya posting mendatang.
Semoga bermanfaat.
Jangan lupa komentarnya.