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).
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.
<marquee onmouseover="this.stop()" onmouseout="this.start()" direction="up" width="150" height="151" scrollamount="3" align="center"><ul><li><a href="http://alamat url link 1/" target="_blank">Link 2</a></li><li><a href="http://alamat url link 2/" target="_blank">Link 2</a></li><li><a href="http://alamat url link 3/" target="_blank">Link 3</a></li><li><a href="http://alamat url link 4/" target="_blank">Link 4</a></li><li><a href="http://alamat url link 5/" target="_blank">Link 5</a></li><li><a href="http://alamat url link 6/" target="_blank">Link 6</a></li><li><a href="http://alamat url link 7/" target="_blank">Link 7</a></li><li><a href="http://alamat url link 8/" target="_blank">Link 8</a></li><li><a href="http://alamat url link 9/" target="_blank">Link 9</a></li><li><a href="http://alamat url link 10/" target="_blank">Link 10</a></li><li><a href="http://alamat url link 11/" target="_blank">Link 11</a></li><li><a href="http://alamat url link 12/" target="_blank">Link 12</a></li><li><a href="http://alamat url link 13/" target="_blank">Link 13</a></li><li><a href="http://alamat url link 14/" target="_blank">Link 14</a></li><li><a href="http://alamat url link 15/" target="_blank">Link 15</a></li></ul></marquee>
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.
Semoga Bermanfaat ^_^
Sponsored By:
0 comments:
Posting Komentar