Cara Membuat Daftar Link Sahabat Bergerak (Marquee)

Anda hanya tinggal copy kode dibawah ini:

<marquee direction="up" align="center" scrollamount="2" style="border:2px solid" width="100%" height="200px" onmouseover="this.stop()" onmouseout="this.start()" >

DAFTAR LINK BLOG TEMAN

</marquee>

Keterangan kode di atas :

1. marquee direction="up" adalah teks bergerak dari bawah ke atas, untuk mengganti arah gerakan anda bisa menggunakan left untuk bergerak ke kiri, right untuk bergerak ke kakanan serta down untuk bergerak ke bawah.
2. align="center" adalah untuk mengatur tataletak teks daftar link pada posisi tengah
3. Scrollamount="2" adalah kecepatan bergeraknya teks, semakin tinggi nilai scrollamountnya maka semakin cepat teks berjalan, semakin kecil scrollamountnya maka semakin lambat teks bergerak. Coba gunakan variasi angka selain 2 dan coba buktikan hasilnya.
4. style="border:2px solid" adalah menentukan besar kecilnya garis batas dari daftar link atau garis pinggir dari daftar link. Semakin besar nilai bordernya maka semakin tebal garis yang terlihat begitu juga sebaliknya semakin kecil nilai bordernya maka semakin kecil atau tipis tampilan garisnya.
5. width="100%" adalah lebar dari kotak daftar link sesuai dengan lebar sidebar yaitu 100%
6. Height="200px" adalah tinggi kotak daftar link, ukuran ini bisa diubah untuk disesuaikan dengan kebutuhan begitu juga dengan lebar tadi.
7. onmouseover="this.stop()" adalah ketika penunjuk mouse berada dalam area atau kotak daftar link maka teks yang sedang berjalan akan terhenti.
8. onmouseout="this.start()" adalah ketika penunjuk mouse tidak berada dalam kota daftar link maka daftar link akan bergerak. 
9. DAFTAR LINK BLOG harus diganti dengan kode dari link blog teman anda misalnya untuk link blog Melajah harus ditulis kodenya seperti berikut :

Copy kode di bawah masukan di blog anda, saya akan segera linkback kembali
<center> <a href="http://melajah182.blogspot.com/" target="_blank"> <img style="width: 110px; height: 50px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt6AofaM3rYdW-nUDcnqW_1mskC_rbohcZOk9x9baH9dOE070kqQhanaM3YFJxcBrT617T-X_-pDGlnMNBtCtUkuSRT-1kSPhvp9JJIQUYn02dR4xvKalvi26sWGnJIL1ZttSsQv1sNI4d/s1600/l4go.png" border="0" alt="Melajah" /></a></center>  

 keterangan kode di atas : <a href=http://melajah182.blogspot.com"> adalah kode yang menunjukkan alamat link dari blog melajah

Logo Melajah seperti gambar di atas adalah Logo yang akan tampil pada daftar link. Jadi apabila digabungkan maka selengkapnya kodenya akan menjadi seerti berikut  : 

<marquee direction="up" align="center" scrollamount="2" style="border:2px solid" width="100%" height="200px" onmouseover="this.stop()" onmouseout="this.start()" > 
<center><a href="http://melajah182.blogspot.com/" target="_blank">
<img style="width: 110px; height: 50px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt6AofaM3rYdW-nUDcnqW_1mskC_rbohcZOk9x9baH9dOE070kqQhanaM3YFJxcBrT617T-X_-pDGlnMNBtCtUkuSRT-1kSPhvp9JJIQUYn02dR4xvKalvi26sWGnJIL1ZttSsQv1sNI4d/s1600/l4go.png" border="0" alt="Melajah" /></a></center>  </marquee>

 

10. </marquee> menyatakan bahwa semua kode daftar link yang menggunakan marquee berakhir pada kode ini (</marquee>).

Untuk lebih mudahnya, ikuti langkah-langkah dibawah ini:

1. Login ke  blogspot anda

2. pada halaman dasbor klik rancangan

3. pada elemen laman klik tambah gadget   

4. Pilih HTML/Script

5. copy code yang tadi, lalu paste kode di box html/javascript seperti dibawah lalu save





6. atur tata letak, lalu simpan dan lihat hasilnya dengan klik lihat blog

Selamat Mencoba :)
 Jika Sobat blogger sekalian merasa artikel ini bermaanfaat dan sobat memperaktekanya, saya rasa gak susah dan gak berat amat untuk meninggalkan komentar sobat, trimakasih sebelumnya sudah berkomentar....