Pada suatu blog tidak hanya menampilkan kata-kata atau artikel menarik tetapi anda harus membuat semenarik mungki agar membuat pengunjung yang datang menjadi lebih tertarik ketika membaca artikel anda, banyak sekali cara diantaranya yakni membuat gambar animasi yang bergerak di blogspot anda lantas bagaimana membuat tampilan blog menjadi lebih cantik dan profesional.
Berikut cara mudah membuat Animasi Bergerak diblogspot Anda menggunakan kode HTML adalah :
1. Login ke Akun Blogger Anda
2. Pilih tata letak dan Klik tombol tambah gadget
3. Klik tombol gadget HTML / Java Script
4. Copy paste kode gambar yang di inginkan di blog ini ke pilhan no.03
5. setelah selesai klik tombol simpan
- untuk mengedit animasi apa yang kalian ingin gunakan silakan edit "Tulisan berwarna biru "( ubah alamat animasi favorit yang anda suka)
- untuk mengedit tinggi animasi silakan edit : "hegiht : 130px" ( angka dapat kalian atur sesuai dengan kebutuhan)
- untuk mengedit panjang gambar : "width : 110px" ( angka dapat kalian atur sesuai dengan kebutuhan)=> untuk mengedit/ mengatur lokasi sesuai kebutuhan misal animasi bergerak ini dapat dibuat agar tidak ada di pojok/sudut blog . melainkan diam / berada pada posisi yang kalian ingin kan , jika kalian tertarik untuk mengeditnya .silakan kalian edit "position : fixed ; bottom:0px;left:10px"
Position fixed : maksudnya adalah posisi animasi akan selalu bergerak . jika andaingi posisi animasi tersebut hanya diam pada satu posisi maka silakan hapus position : fixed ini
bottom : 0px : maksud bottom 0px ini adalah jarak antara animasi dengan sisi bawah .Bila kalian ingin membuat animasi tersebut tidak berada di bawah ,misalkan kalian ingin animasi berada di atas silakan kalian editbottommenjadi topleft : 10px : maksud left :10px ini adalah jarak antara animasi dengan sisi kiri . jika kalian ingin membuat animasi tersebut tidak berada di kiri,misalkan kalian ingin animasi berada di kanan silakan kalian editleft menjadi right.
Bila anda ingin mengedit animasi menjadi di kanan dan di atas sebaiknya edit saja seperti ini"position : fixed ; top:0px;right:10px"
Berikut pilih animasi bergerak untuk blogspot yang di inginkan :
 |
Cara Mudah Membuat Animasi Bergerak di Blog
|
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.nikekuko.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/466/th/46606.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http:// nikekuko.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>
 |
Cara Mudah Membuat Animasi Bergerak di Blog
|
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.nikekuko.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/742/th/74214.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://nikekuko.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>
 |
Cara Mudah Membuat Animasi Bergerak di Blog
|
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.nikekuko.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/461/th/46105.jpg" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://nikekuko.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>
 |
Cara Mudah Membuat Animasi Bergerak di Blog
|
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.nikekuko.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/466/th/46606.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://nikekuko.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>
 |
Cara Mudah Membuat Animasi Bergerak di Blog
|
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.nikekuko.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/1031/th/103123.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://nikekuko.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>
 |
Cara Mudah Membuat Animasi Bergerak di Blog
|
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.nikekuko.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/1028/th/102882.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://nikekuko.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>
 |
Cara Mudah Membuat Animasi Bergerak di Blog
|
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.nikekuko.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/439/th/43917.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://nikekuko.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>
 |
Cara Mudah Membuat Animasi Bergerak di Blog
|
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.nikekuko.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/439/th/43917.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://nikekuko.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>
 |
Cara Mudah Membuat Animasi Bergerak di Blog
|
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.nikekuko.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/197/th/19769.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://nikekuko.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>
 |
Cara Mudah Membuat Animasi Bergerak di Blog
|
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.nikekuko.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/197/th/19769.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://nikekuko.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>
 |
Cara Mudah Membuat Animasi Bergerak di Blog
|
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.nikekuko.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/243/th/24365.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://nikekuko.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>
 |
Cara Mudah Membuat Animasi Bergerak di Blog
|
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.nikekuko.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/102/th/10221.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://nikekuko.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>
 |
Cara Mudah Membuat Animasi Bergerak di Blog
|
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.nikekuko.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/102/th/10221.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://nikekuko.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>
 |
Cara Mudah Membuat Animasi Bergerak di Blog
|
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.nikekuko.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/712/th/71266.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://nikekuko.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>
 |
Cara Mudah Membuat Animasi Bergerak di Blog
|
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.nikekuko.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/471/th/47146.jpg" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://nikekuko.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>
 |
Cara Mudah Membuat Animasi Bergerak di Blog
|
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/471/th/47146.jpg" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>
 |
Cara Mudah Membuat Animasi Bergerak di Blog
|
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="wwwnikekuko.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/471/th/47146.jpg" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://nikekuko.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>
 |
Cara Mudah Membuat Animasi Bergerak di Blog
|
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.nikekuko.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/485/th/48554.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://nikekuko.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>
 |
Cara Mudah Membuat Animasi Bergerak di Blog
|
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.nikekuko.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/438/th/43833.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://nikekuko.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>
 |
Cara Mudah Membuat Animasi Bergerak di Blog
|
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.nikekuko.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/2/th/257.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://nikekuko.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>
 |
Cara Mudah Membuat Animasi Bergerak di Blog
|
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.nikekuko.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/1/th/152.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://nikekuko.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>
 |
Cara Mudah Membuat Animasi Bergerak di Blog
|
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.nikekuko.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/198/th/19809.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://nikekuko.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>
 |
Cara Mudah Membuat Animasi Bergerak di Blog
|
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.nikekuko.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/3/th/312.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://nikekuko.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>
 |
Cara Mudah Membuat Animasi Bergerak di Blog
|
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.nikekuko.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/59/th/5990.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://nikekuko.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>
 |
Cara Mudah Membuat Animasi Bergerak di Blog
|
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.nikekuko.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/0/th/72.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://nikekuko.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div
 |
Cara Mudah Membuat Animasi Bergerak di Blog
|
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.nikekuko.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/229/th/22949.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://nikekuko.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>
 |
Cara Mudah Membuat Animasi Bergerak di Blog
|
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.nikekuko.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/110/th/11046.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://nikekuko.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>
