Membuat Blogroll di blogspot

Untuk menambah catatan tentang trik Blogspot, berikut saya informasikan sebuah trik lama tentang cara membuat efek marquee dalam Blogroll, sehingga konten dalam blogroll tersebut dapat berjalan secara otomatis (bisa dari bawah ke atas atau sebaliknya dari atas ke bawah). Blogroll ini sendiri pernah saya bahas sebelumnya pada tulisan tentang membuat scrollbox, hanya saja dalam tulisan terdahulu scroll dilakukan secara manual dengan scroll bar di samping scrollbox.

Selain berjalan secara otomatis, konten blogroll ini akan berhenti dengan sendirinya saat kita melakukan hover (mengarahkan mouse ke konten blogroll tersebut), dan berjalan kembali saat kita memindahkan mouse.

Berikut cara membuat marquee blogroll tersebut, hampir sama dengan tulisan terdahulu tentang membuat scrollbox, yaitu membuat tag link (UL dan LI), hanya saja sekarang kita tidak menambahkan tag DIV melainkan tag Marquee. Untuk lebih jelasnya silakan copy tag di bawah ini.

view sourceprint?

01."this.stop()" onmouseout="this.start()" direction="up" width="150" height="151" scrollamount="3" align="center">

02.

03.

"http://alamat url link 1/" target="_blank">Link 1

04.

"http://alamat url link 2/" target="_blank">Link 2

05.

"http://alamat url link 3/" target="_blank">Link 3

06.

"http://alamat url link 4/" target="_blank">Link 4

07.

"http://alamat url link 5/" target="_blank">Link 5

08.

"http://alamat url link 6/" target="_blank">Link 6

09.

"http://alamat url link 7/" target="_blank">Link 7

10.

"http://alamat url link 8/" target="_blank">Link 8

11.

"http://alamat url link 9/" target="_blank">Link 9

12.

"http://alamat url link 10/" target="_blank">Link 10

13.

"http://alamat url link 11/" target="_blank">Link 11

14.

"http://alamat url link 12/" target="_blank">Link 12

15.

"http://alamat url link 13/" target="_blank">Link 13

16.

"http://alamat url link 14/" target="_blank">Link 14

17.

"http://alamat url link 15/" target="_blank">Link 15

18.

19.

Dalam tag di atas ada atribut adalah perintah untuk menghentikan gerakan saat mouse diarahkan ke konten dan adalah perintah untuk menjalankan kembali. Selain kedua atribut tersebut, kita bisa melakukan kustomisasi sesuai dengan keinginan kita pada atribut lainnya, pertama, yaitu direction (arah gerakan), jika kita ingin gerakan dari bawah ke atas maka atribut direction ini diisi dengan “up”, sebaliknya jika dari atas ke bawah diisi dengan “down”.

Kedua adalah ukuran blogroll itu sendiri, width (lebar) dan height (tinggi), silakan isi sesuai bidang yang ada pada template blogspot kita, dan ketiga adalah atribut scrollamount (kecepatan gerakan), semakin besar nilai angkanya berarti semakin cepat dan sebaliknya jika semakin kecil angkanya berarti semakin lambat.

Untuk konten blogroll sendiri sama seperti yang pernah saya informasikan pada tulisan tentang hyperlink.

Setelah semua link dalam blogroll siap, kita bisa memasangnya pada blog kita melalui Add Gadget sama seperti kita memasang Recent Comment dan Recent Articles.

Contoh penggunaan fungsi marque blogroll ini sendiri dapat dilihat pada blog Software Database bagian Links di sidebar.