Cara Membuat Efek Daftar Link Berjalan

Daftar link bagi pemilik blog sangatlah penting sebagai pencatat alamat-alamat blog teman atau rekan agar mudah untuk menemukannya kembali sewaktu-waktu bila dibutuhkan. Selain itu ada manfaat yang lebih penting lagi yaitu dapat meningkatkan ranking blog yang terpasang pada daftar link. Dengan saling mencatat link antar sesama blogger tentu sudah saling membantu untuk meningkatkan ranking blog masing-masing. Daftar link ini disebut juga dengan Link Exchange contohnya dapat anda lihat di blog saya Belajar Ilmu Komputer pada sidebar.

Ada beberapa bentuk link exchange seperti link tidak bergerak dan link bergerak (marquee), link tidak bergerak dapat anda lihat contohnya di blog ini, bagian sidebar. Tetapi untuk daftar link yang bergerak dapat anda ikuti langkahnya seperti berikut 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

</marquee>

keterangan kode di atas :

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.

align="center" adalah untuk mengatur tataletak teks daftar link pada posisi tengah

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.

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.
width="100%" adalah lebar dari kotak daftar link sesuai dengan lebar sidebar yaitu 100%
Height="200px" adalah tinggi kotak daftar link, ukuran ini bisa diubah untuk disesuaikan dengan kebutuhan begitu juga dengan lebar tadi.
onmouseover="this.stop()" adalah ketika penunjuk mouse berada dalam area atau kotak daftar link maka teks yang sedang berjalan akan terhenti.
onmouseout="this.start()" adalah ketika penunjuk mouse tidak berada dalam kota daftar link maka daftar link akan bergerak.

DAFTAR LINK BLOG harus diganti dengan kode dari link blog teman anda misalnya untuk link bla bla bla blog harus ditulis kodenya seperti berikut :

<a href="http://bradda-daus.blogspot.com">bla bla bla blog</a>

keterangan kode diatas adalah :

<a href="http://bradda-daus.blogspot.com"> adalah kode yang menunjukkan alamat link dari bla bla bla blog.

bla bla bla blog adalah hyperlink yang akan tampil pada daftar link.
</a> adalah akhir atau batas akhir dari kode link blog Belajar Ilmu Komputer.
Jadi apabila digabungkan maka selengkapnya kodenya akan menjadi seperti berikut :

<marquee direction="up" align="center" scrollamount="2" style="border:2px solid" width="100%" height="200px" onmouseover="this.stop()" onmouseout="this.start()" >
<a href="http://bradda-daus.blogspot.com">bla bla bla blog</a>
</marquee>

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

sumber : http://www.tobipuken.com/

Baca Juga Artikel Terkait :