Membuat widget link teman dengan efek marquee di blog

   Halo, selamat siang sobat blogger! Pada kesempatan kali ini, saya ingin posting tentang Cara mudah membuat link teman berjalan [Marquee] di blog. Widget ini berguna untuk menghemat halaman yang ada di blog anda. Terutama, untuk blog yang lamannya banyak.

Live demo

  Kelebihan widget satu ini, bila mouse hinggap di widget tersebut, efek marquee akan berhenti. Tapi, jika mouse tidak hinggap di widget, maka widget akan terus berjalan. Oke, mulai!

1. Login blog.
2. Tata letak.
3. Klik add widget -> klik HTML/JavaScript.
4. Copas kode berikut :

<h2 class="title">Link Sahabat</h2>

<div class="widget-content">

<div style="border: 0px solid rgb; overflow: auto; width: 260px; height: 150px; text-align: center;">

<marquee onmouseover="this.stop()"

onmouseout="this.start()" scrollamount="2" direction="up">

Kode script link teman anda disini

</marquee></div></div>

5. Save template.

  NOTE =

1. Kode yang berwarna Merah adalah judul widget.

2. Kode berwarna kuning adalah lebar widget. Sedangkan, kode berwarna ungu adalah tinggi widget.

4. Kode barwarna hijau, ganti kode script link teman anda disitu. 

CARA MENGETAHUI KODE SCRIPT LINK TEMAN?

  Jika anda sebelumnya meletakkan link teman anda di laman khusus, anda bisa mengikuti langkah-langkah dibawah :

1. Klik Laman.

2. Klik halaman yang berisi link teman.

3. Klik edit.

4. Ubah mode compose menjadi edit html.

5. Lalu, copas script link teman.

  Selesai. Mudah bukan? Selamat mencoba! 

                                Kritik, saran, pendapat anda sangat dibutuhkan