Blogrool 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 bawah ini :

Kursus Blog
Free Templates


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

• Login di blogger


• Di jendela dashboard, klik menu layout lalu add new page element di sidebar 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://kursus-blog.blogspot.com/" target="_blank">Kursus Blog</a>
<a href="http://bloggertemplates-foryou.blogspot.com/" target="_blank">Free Templates</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 dengan 100%
  
  
  • height="150px"
    panjang dari kolom marquee. Semakin besar angkanya (dalam pixel), maka semakin panjang pula kolom marquee


• Save dan Selesai