Cara Pasang Widget Gambar Bergerak Link Di Blogspot

Geograph88 Tentang Blogging

Gambar bergerak merupakan salah satu widget yang sering ditampilkan pada blog. 

Gambar tersebut bisa merupakan hiasan ataupun link menuju situs tertentu. Kali ini saya akan berikan cara untuk memasang gambar bergerak di sidebar blogspot dengan link tautan. 

Contohnya seperti yang terdapat pada blog saya, dapat dilhat pada gambar dibawah ini

1. Login di akun blogger anda

2. Kemudian pilih Tataletak > Tambah gadget > HTML

3. Setelah itu masukan kode script dibawah ini

<marquee direction="up" onmouseover="this.stop()" scrollamount="3" onmouseout="this.start()"><a href="http://ban-pt.kemdiknas.go.id/" target="blank" title="BAN PT"><img src="http://kesmas.unsoed.ac.id/wp-content/uploads/2011/04/ban-pt-logo.jpg" width="150" height="150" /></a><br />

<a href="http://rumahbanjar.org/" target="blank" title="Rumah Banjar"><img src="http://btikp.org/images/stories/demo/warta/urb.png"

width="150" height="90" /></a><br />

<a href="http://beasiswaunggulan.kemdiknas.go.id/" target="blank" title="Beasiswa Unggulan Kemdikbud"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkJPkv2uVGsTXW8tao9sR1q942K_rZ4jW-ODAA9ddlTFs23Q-OjTkP6gpBsv-gDYxYI69_3xdnu1ssMdRq5LkK4ykQwDqgYX0nNTLHgRH4UDLTZ9mrW6JSJrAhyphenhypheneJvLUTeDyy7bsmNxbU/s1600/beasiswa+unggulan.jpg"

width="150" height="90" /></a><br />

<a href="http://btikp.org/" target="blank" title="BTIKP Kalsel"><img src="http://smpn12banjarbaru.files.wordpress.com/2011/09/btikp.jpg" width="150" height="90" /></a></marquee>

Keterangan

• warna merah adalah webstite tujuan ketika gambar di klik. Silahkan ganti sesuai keinginan.
• warna orange adalah teks yang muncul ketika pointer mouse menyentuh gambar.
• warna hijau adalah URL gambar
• warna biru adalah tinggi dan tinggi gambar. Silahkan sesuaikan sendiri.

Sekian dulu tutorial mengenai cara membuat widget gambar bergerak dengan link. Semoga bermanfaaat.