Cara Membuat Animasi Pada Blog spot (blogger)

Assalamu alaikum.....
Salaam.......

Kali ini ane mau share tentang cara membuat animasi pada blogspot.......
Biar tampilan blog ente lebih menarik...... :p

Ok, Lansung aja nee dia caranya Cekidot.....

1. Kayak Biasa Log in dulu ke blogspot ente
2. Kemudian Pilih Rancangan (design) >----> Tata Letak/Page Element/layout >-----> Add gedget/tambah gedget>----> HTML/Java script
3. Nah Abis ntu, Masukin dah scriptnya......
4. terakhir save...

Nee dia script-scriptnya
1. Jiraiya

Script Davcom:

<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://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/JiraiyaSummoned.gif" title="lihat lebih banyak animasi naruto bergerak". alt="kumpulan animasi naruto bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank">Animasi Naruto</a></center></small></div>

2. Doraemon

Tulisan Warna Biru ganti dengan alamat blog ente.....

Script Davcom:

<div style="position: fixed; bottom: 0px; right: 10px;width:130px;height:160px;"><a href="http://davcom-davcom.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://davcom-davcom.blogspot.com" target="_blank"></a></center></small></div>

3. Deidara

Script Davcom:

<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://i1107.photobucket.com/albums/h385/bogel4/DeidaraBird.gif " title="lihat lebih banyak animasi naruto bergerak." /></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank">Animasi Naruto</a></center></small></div>

4. Kisame

Script Davcom:

<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://i446.photobucket.com/albums/qq182/kisot06/Akatsuki%20gif/KisameWater.gif" title="lihat lebih banyak animasi naruto bergerak." /></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank">Animasi Naruto</a></center></small></div>

5. Kiba

Script Davcom:

<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://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/KibaAkamaru.gif " title="lihat lebih banyak animasi naruto bergerak". alt="kumpulan animasi naruto bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank">Animasi Naruto</a></center></small></div>

6.Sakura

Script Davcom:

<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://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/Sakura2.gif " title="Kumpulan animasi Naruto bergerak gif" alt="cara memasang animasi naruto bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank">Animasi Naruto</a></center></small></div>

7.Sasuke

Script Davcom:

<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://th217.photobucket.com/albums/cc54/ivandra79/Naruto/th_SASUKE_GIF.gif" title="Kumpulan animasi sasuke bergerak gif"
 alt="cara pasang animasi naruto dan sasukebergerak gif di blog"  /></a><small>
<center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank">Animasi Naruto</a></center></small></div>

8. Itachi

Script Davcom:

<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://pic60.picturetrail.com/VOL1698/12134860/21582353/355343243.jpg " title="Kumpulan animasi Naruto hitachi bergerak gif" alt="cara pasang animasi naruto dan hitachi bergerak gif di blog"  /></a><small><center><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-animasi-naruto.html" target="_blank">Animasi Naruto</a></center></small></div>

Oooo iya... yang warna merah diatas itu adalah posisi

Ente bisa ganti misalkan 'bottom' jadi 'top' ataukah 'left' jadi 'right'

Thanks for read...... :)