Cara Membuat Gambar Bergerak di Sudut Blog

7Star ingin share bagaimana cara memasang gambar bergerak di pojok blog dan di samping blog seperti gambar di atas. Menghias blog terkadang sangat sekali dibutuhkan bagi para blogger untuk membuat website/blognya menjadi keren. Untuk itu ady ingin memberi tips untuk menghias blog anda dengan animasi - animasi yang sudah ady buatkan untuk para blogger. Silahkan melihat animasi tersebut dengan meng-klik "widget" pada bagian navigasi di atas atau klik link ini.
Jika anda sudah memilih animasi yang diinginkan, selanjutnya mengikuti cara pemasangan animasi tersebut dengan tutorial dibawah ini.

1.  Login Blogger.
2.  Pilih Tata Letak.
3.  Tambah Gadget, Pilih HTML/Java Script.

4.  Copy kode animasi yang anda pilih
     Contoh Animasi :

Copy URL ini 

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:140px;">
<a href="http://muchlis7star.blogspot.com" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203C0.gif" title="Click to get more." /></a><small><center>
<a href="http://muchlis7star.blogspot.ch/2014/05/cara-membuat-gambar-bergerak-di-sudut.html" target="_blank">Animasi Blog</a></center>

5.  Klik "Select All" lalu Copy (CTRL+C) lalu Paste (CTRL+V) ke HTML/Java Script yang sudah dibuka tadi.

6.  Klik Simpan.

Keterangan Kode

  *Di setiap Gambar Animasi yang ady sediakan, terdapat kode seperti berikut yang merupakan posisi gambar animasi berada. Jika ingin mengganti posisi silahkan lihat dibawah ini untuk penjelasannya.

<div style="position: fixed; bottom: 0px; right: 10px;width:110px;height:130px;"><a href=  blablabla........

Ganti Kode berwarna merah dengan kode dibawah ini.

  *>> fixed; bottom: 0px; right: << berarti berada di bawah kanan blog.

  *>> fixed; bottom: 0px; left: << berarti berada di bawah kiri blog.

  *>> fixed; top: 0px; right: << berarti berada di atas kanan blog.

  *>> fixed; top: 0px; left: << berarti berada di atas kiri blog. 

Tweet