Bikin Kotak Blogroll dengan Marquee

Apa sih kotak blogger itu….?! Mungkin bagi sebagian blogger udah ada yang tahu maksudnya dengan postingan saya yang ini. Tapi…bagi anda yang belum tahu, yang dimaksud dengan kotak blogger disini yaitu suatu kotak tempat menyimpan link blog lain.

Intinya setiap blog yang mau tukeran link dengan blog kita sendiri, kita pasang link blog mereka di kotak blogger tersebut. Nah…pada kursus kali ini, ada sedikit variasinya..yaitu dengan menambahkan efek marquee. Bagi yang belum tahu apa itu marquee, baca artikel tentang marquee.

Untuk lebih jelasnya mengenai kotak blogger dengan marquee silahkan liat tampilan di side bar kanan ini :

Bagus ga….?! Ok deh…buat temen2 semua yang pengen pasang kolom blogger seperti ini, silahkan ikuti langkah2nya di bawah ini :

• Login di blogger
• Di jendela dashboard, klik menu layout lalu add new page element disidebar layout anda. (Cara ini bisa juga dipasang di footer. Intinya terserah temen2 semua mau pasang dimana)
• Setelah itu, pilih Html/javascript kemudian copy paste kode berikut :

<marquee direction="up" onmouseover="this.stop()" onmouseout="this.start ()" scrollamount="2" style="border: 1px solid #000; padding: 5px; text-align: center;" width="150px" height="150px"><a href="http://e-book-bisnis.blogspot.com/" target="_blank">E-Book-Bisnis</a><a href="http://budiawan-hutasoit.blogspot.com/" target="_blank">Budiawan Hutasoit</a></marquee>

Ket :

• direction="up"
  arah dari marquee bergerak keatas. Jika ingin berganti arah, ganti kata"up" dengan "down" (bawah), "left" (kiri) atau "right" (kanan).
• scrollamount="2"
  kecepatan bergerak. Semakin besar angkanya, maka semakin cepat pula marquee tersebut bergerak.
• border:1px solid #000
  merupakan deskripsi dari garis kolom.
  1px --> tebal garis
  solid --> type garis. bisa diganti dengan kata dashed (-) atau dotted (.)
  #000 --> warna garis hitam. bisa diganti sesuai keinginan anda
• text-align:center
  Text berada di tengah. Bisa diganti dengan left, right atau justify (rata kiri kanan)
• width="150px"
  lebar kolom sebesar 150 pixel. Biar lebih sesuai dengan lebar dimana anda menyimpan marquee, anda tinggal mengganti 150px dengan100%
• height="150px"
  panjang dari kolom marquee. Semakin besar angkanya (dalam pixel), maka semakin panjang pula kolom marquee

Save dan Selesai