Membuat Gambar Menjadi Bergetar Pada Blog

Pernah lihatkan gambar yang ada disebuah blog bergetar saat di lewati mouse? Kalau belum pernah lihat, coba pasang template SEO Simple V4 karya Mas Muh. Akram pemilik blog Kunci dunia. Gambar getar ini juga disebut dengan nama efek jelly.

Untuk templatenya bisa sobat download di sini. Sedangkan demo getarnya bisa sobat lihat di sini.

Selain untuk memperindah blog, gambar getar ini juga bisa menjadi hiburan tersendiri bagi pengunjung, karena gambar getar ini memang bukan hal yang biasa bagi mereka yang awam di dunia blogging.

Nah, bagi yang berminat ingin mencoba memasang gambar bergetar di blognya, silahkan mengikuti cara membuat gambar getar secara manual berikut ini.

Cara Membuat Gambar Menjadi Bergetar Pada Blog

1.Masuk Dasbor Blogger

2.Pilih menu Template

3.Tekan tombol Edit HTML

4.Cari kode ]]></b:skin>

5.Pasang kode CSS di bawah ini tepat di atas kode ]]></b:skin>

.gambargetar {

position: relative;

}

6.Simpan Template

7.Masuk menu Lay Out / Tata Letak

8.Tambahkan Gadget HTML/JavaScript

9.Masukkan kode di bawah ini:

<script src="http://situseo.googlecode.com/files/gambargetar.js?attachauth=ANoY7crTQ4Lxnhf7dmkwVCDEuTh7tAEnUb24VQITeydgTn0GgWS6i13WBvtATMNH-03ZLeomrsDAaJdTYlyazR9wt1cIcZXm2h5BMS3bFaRzpwe3BVjMe-I_pzEALIgg97q3b1EWvttUKoUP8X3qebNDdmwO20x_okkWFa3AV68yosoYqixie957Grgnn8lIWESG-jcKGZG78t4wvT6zh2Svz3cpYleeSYekUxbpT2LfB9Qj1Q6pHvA%3D&amp;attredirects=0" type="text/javascript"></script>

10.Simpan

11.Selesai

Untuk menampilkan efek getar pada gambar yang di inginkan, silahkan sobat copas kode di bawah ini dan ganti URL yang di block merah dengan URL gambar sobat sekalian.

<img style="left: 0pt; top: 0pt;" src="http://LETAKKAN.URL.GAMBAR.SOBAT.DISINI.jpg" onmouseover="init(this);rattleimage()" onmouseout="stoprattle(this);top.focus()" onclick="top.focus()" class="gambargetar">

Kalau ingin meletakkan gambar dalam halaman posting, berarti sobat masuk dulu pada mode HTML baru kemudian paste kodenya. Setelah itu masuk lagi ke mode compose dan publikasikan.

Jika ingin menampilkan gambar melaui widget HTML/JavaScript, berarti tinggal copas dan simpan. Selesai.

Sampai di sini dulu cara mudah membuat gambar menjadi bergetar di blog. Semoga berhasil.

Sumber:

http://blog-rangga.blogspot.co.id/2012/04/cara-membuat-efek-gambar-getar-di-blog.html

Baca Juga:

Share on Facebook

Share on Twitter

Share on Google+

Share on LinkedIn

Subscribe to receive free email updates: