Kode warna yang terpilih :

HTML Color Code by: Jerry Blog's

Jerry Blog

Cara Membuat Widget Animasi

Selamat siang sobat blogger, hehe siangini saya akan membagikan sedikit widget , namun widget ini berupa gambar animasi anime Naruto, yaitu beberapa tokoh dari Naruto, widget ini sangat cocok sekali dipasang pada blog yang bertema anime.

Cara memasangnya, seperti biasa.

1. Login Blogger.
2. Tataletak.
3. Tambah gadget, pilih HTML/JavaScript.
4. Lalu pilih salah satu kode animasi dibawah ini..
5. Masukkan kode tersebut ke gadget baru sobat.
6. Yang terakhir simpan.

Berikut adalah gambar animasinya sob.

1. Jiraya

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://nopribisnis.blogspot.com/2012/06/cara-membuat-widget-animasi-naruto.html" target="_blank"><img border="0" src="http://i1149.photobucket.com/albums/o589/rieztoshare/n4.gif" title="lihat lebih banyak animasi naruto bergerak". alt="kumpulan animasi naruto bergerak gif" /></a></div>

2. Deidara

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://nopribisnis.blogspot.com/2012/06/cara-membuat-widget-animasi-naruto.html" target="_blank"><img border="0" src="http://i1149.photobucket.com/albums/o589/rieztoshare/n3.gif" title="lihat lebih banyak animasi naruto bergerak." /></a></div>

3.Kisame

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://nopribisnis.blogspot.com/2012/06/cara-membuat-widget-animasi-naruto.html" target="_blank"><img border="0" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtOKTUAXrVIWS2Yjq9U19t-rBVNqFEchU2ikyqtVedFI4HY8sKwOJTeA_p9gPozQ59o1KNUE2lxj__OYyW01r7fsySyUN9rlilMWvkFKxkrkx9rtl-7LeZSByWd9Gh48M3tFG6GaYTDt4D/s1600/n2.gif" title="lihat lebih banyak animasi naruto bergerak." /></a></div>

4. Kiba

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://nopribisnis.blogspot.com/2012/06/cara-membuat-widget-animasi-naruto.html" target="_blank"><img border="0" src="http://i1149.photobucket.com/albums/o589/rieztoshare/n1.gif" title="lihat lebih banyak animasi naruto bergerak". alt="kumpulan animasi naruto bergerak gif" /></a></div>

5. AKATSUKI

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://nopribisnis.blogspot.com/2012/06/cara-membuat-widget-animasi-naruto.html" target="_blank"><img border="0" src="http://i1149.photobucket.com/albums/o589/rieztoshare/n5.gif" title="Kumpulan animasi Naruto bergerak gif" alt="cara memasang naruto bergerak gif" /></a></div>

6. Sakura

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://nopribisnis.blogspot.com/2012/06/cara-membuat-widget-animasi-naruto.html" target="_blank"><img border="0" src="http://i1149.photobucket.com/albums/o589/rieztoshare/n6.gif" title="Kumpulan animasi Naruto bergerak gif" alt="cara memasang animasi naruto bergerak gif" /></a></div>

7. Kakuzu

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://nopribisnis.blogspot.com/2012/06/cara-membuat-widget-animasi-naruto.html" target="_blank"><img border="0" src="http://i1149.photobucket.com/albums/o589/rieztoshare/n7.gif" title="lihat lebih banyak animasi naruto bergerak" /></a>


8. Tobi

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://nopribisnis.blogspot.com/2012/06/cara-membuat-widget-animasi-naruto.html" target="_blank"><img border="0" src="http://i1149.photobucket.com/albums/o589/rieztoshare/n8.gif" title="Kumpulan animasi Naruto bergerak gif" alt="cara pasang animasi naruto bergerak gif di blog" /></a></div>

9. Hinata

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://nopribisnis.blogspot.com/2012/06/cara-membuat-widget-animasi-naruto.html" target="_blank"><img border="0" src="http://i1149.photobucket.com/albums/o589/rieztoshare/n9.gif" title="
Kumpulan animasi Naruto bergerak gif" alt="cara pasang animasi naruto bergerak gif di blog"  /></a></div>

10. Temari

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://nopribisnis.blogspot.com/2012/06/cara-membuat-widget-animasi-naruto.html" target="_blank"><img border="0" src="http://i1149.photobucket.com/albums/o589/rieztoshare/n10.gif" title="Click to get more." /></a></div>


 11. Kankuro

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://nopribisnis.blogspot.com/2012/06/cara-membuat-widget-animasi-naruto.html" target="_blank"><img border="0" src="http://i1149.photobucket.com/albums/o589/rieztoshare/n11.gif" title="Kumpulan animasi Naruto dan gara bergerak gif" alt="cara pasang animasi naruto bergerak gif di blog"  /></a></div>

12. Sasuke

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://nopribisnis.blogspot.com/2012/06/cara-membuat-widget-animasi-naruto.html" 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></div>

13. Itachi

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://nopribisnis.blogspot.com/2012/06/cara-membuat-widget-animasi-naruto.html" target="_blank"><img border="0" src="http://i1149.photobucket.com/albums/o589/rieztoshare/n13.gif" title="Kumpulan animasi Naruto hitachi bergerak gif" alt="cara pasang animasi naruto dan hitachi bergerak gif di blog"  /></a></div>

14. Pain

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://nopribisnis.blogspot.com/2012/06/cara-membuat-widget-animasi-naruto.html" target="_blank"><img border="0" src="http://i1149.photobucket.com/albums/o589/rieztoshare/n14.gif" title="Kumpulan animasi Naruto bergerak gif" alt="cara pasang animasi naruto bergerak gif di blog"  /></a></div>

15. Kakuzu Power

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://nopribisnis.blogspot.com/2012/06/cara-membuat-widget-animasi-naruto.html" target="_blank"><img border="0" src="http://i1149.photobucket.com/albums/o589/rieztoshare/n15.gif" title="lihat lebih banyak animasi naruto bergerak" /></a></div>

16. Gaara VS Deidara

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://nopribisnis.blogspot.com/2012/06/cara-membuat-widget-animasi-naruto.html" target="_blank"><img border="0" src="http://i1149.photobucket.com/albums/o589/rieztoshare/n16.gif" title="lihat lebih banyak animasi naruto bergerak." /></a></div>

17. Gaara

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://nopribisnis.blogspot.com/2012/06/cara-membuat-widget-animasi-naruto.html" target="_blank"><img border="0" src="http://i1149.photobucket.com/albums/o589/rieztoshare/n17.gif" alt="cara pasang animasi gara bergerak gif di blog"  /></a></div>

18. Neji

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://nopribisnis.blogspot.com/2012/06/cara-membuat-widget-animasi-naruto.html" target="_blank"><img border="0" src="http://i1149.photobucket.com/albums/o589/rieztoshare/n18.gif" title="kumpulan animasi bergerak" alt="animasi beregerak naruto" /></a></div> 


19 Rock Lee

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://nopribisnis.blogspot.com/2012/06/cara-membuat-widget-animasi-naruto.html" target="_blank"><img border="0" src="http://i1149.photobucket.com/albums/o589/rieztoshare/n19.gif" title="lihat lebih banyak animasi naruto bergerak." alt="animasi beregerak naruto"/></a></div>

20. Zetsu

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://nopribisnis.blogspot.com/2012/06/cara-membuat-widget-animasi-naruto.html" target="_blank"><img border="0" src="http://i1149.photobucket.com/albums/o589/rieztoshare/n20.gif" title="lihat lebih banyak animasi naruto bergerak."alt="animasi beregerak naruto" /></a></div>

21. Sasori

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://nopribisnis.blogspot.com/2012/06/cara-membuat-widget-animasi-naruto.html" target="_blank"><img border="0" src="http://i1149.photobucket.com/albums/o589/rieztoshare/n21.gif" title="lihat lebih banyak animasi naruto bergerak." alt="animasi beregerak naruto"/></a></div> 


22. Kakashi

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://nopribisnis.blogspot.com/2012/06/cara-membuat-widget-animasi-naruto.html" target="_blank"><img border="0" src="http://i1149.photobucket.com/albums/o589/rieztoshare/n22.gif" title="kumpulan cartoon bergerak." alt="animasi beregerak naruto"/></a></div>

23. Sarutobi

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://nopribisnis.blogspot.com/2012/06/cara-membuat-widget-animasi-naruto.html" target="_blank"><img border="0" src="http://i1149.photobucket.com/albums/o589/rieztoshare/n23.gif" title="klik kumpulan Widget Animasi naruto " alt="animasi beregerak naruto"/></a></div>

24. Kisame

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://nopribisnis.blogspot.com/2012/06/cara-membuat-widget-animasi-naruto.html" target="_blank"><img border="0" src="http://i1149.photobucket.com/albums/o589/rieztoshare/n24.gif" title="lihat kumpulan Widget Animasi Naruto " alt="animasi beregerak naruto"/></a></div>