Tutorial Blog : Cara Buat Animasi Naruto Lengkap di Blog

Selamat datang di blog saya yang sederhana ini bagi yang sudah pernah mengunjungi blog ini saya ucapkan terima kasih telah mengunjungi kembali terus ikuti postingan dari ezrarealblog.blogspot.com. Untuk Kali ini saya akan berbagi artikel tutorial blog lagi yaitu : cara buat aniamasi bergerak naruto di blog. Jika ingin lihat contoh hasilnya lihat di atas kode. Untuk yang satu ini mungkin teman-teman sudah tahu caranya, tapi saya ingin berbagi bagi yang belum punya. Oke, langsung saja ke caranya :

1. Login ke Blogger
2. Pilih Tata Letak
3. Pilh tambahkan widget, lalu klik HTML/Javascript
4. Masukkan kode dibawah.
5. Simpan dan lihat hasilnya.

Berikut adalah kode lengkapnya (jika ada yang demonya gagal itu dikarenakan terlampau banyaknya animasi tetapi kodenya tidak gagal) :

1) Gaara Skill 

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" ezrarealblog.blogspot.com" target="_blank"><img border="0" src=" http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/GaaraSkill.gif" title="Kumpulan animasi gara bergerak gif" alt="cara pasang animasi gara bergerak gif di blog"  /></a><small><center><a href="http://ezrarealblog.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank">Animasi Naruto</a></center></small></div>

Catatan !! ada bisa mengatur dimana anda ingin meletakan animasi tersebuat sesuai keinginan. Caranya dengan mengedit tulisan yang berwarna merah pada script tersebut.

bottom (bawah), top (atas), left ( kiri), right (kanan),

2)  Gaara vs Deidara

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" ezrarealblog.blogspot.com " target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/GaaraDeidara.gif " title="lihat lebih banyak animasi naruto bergerak." /></a><small><center><a href="http://ezrarealblog.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank">Animasi Naruto</a></center></small></div>

Catatan !! ada bisa mengatur dimana anda ingin meletakan animasi tersebuat sesuai keinginan. Caranya dengan mengedit tulisan yang berwarna merah pada script tersebut.

bottom (bawah), top (atas), left ( kiri), right (kanan),

3) Sharingan

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://ezrarealblog.blogspot.com" target="_blank"><img border="0" src=" http://i529.photobucket.com/albums/dd336/estelgrace_bucket/sharingan1.gif" title="Kumpulan animasi Naruto bergerak gif" alt="cara memasang naruto bergerak gif" /></a><small><center><a href="http://ezrarealblog.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank">Animasi Naruto</a></center></small></div>

Catatan !! ada bisa mengatur dimana anda ingin meletakan animasi tersebuat sesuai keinginan. Caranya dengan mengedit tulisan yang berwarna merah pada script tersebut.

bottom (bawah), top (atas), left ( kiri), right (kanan),

4) Kakashi

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" ezrarealblog.blogspot.com " target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/Kakashi.gif " title="kumpulan cartoon bergerak." alt="animasi beregerak naruto"/></a><small><center><a href="http://ezrarealblog.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank">Animasi Naruto</a></center></small></div>

Catatan !! ada bisa mengatur dimana anda ingin meletakan animasi tersebuat sesuai keinginan. Caranya dengan mengedit tulisan yang berwarna merah pada script tersebut.

bottom (bawah), top (atas), left ( kiri), right (kanan),

5) Akatsuki

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:100px;"><a href="Http://ezrarealblog.blogspot.com/" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEef-ME9bDo2P1dfkPVCAkJxw_JmE1ZBYXJxX__i76cz9sWwN4nKURw6YVLaVtXVIy-Z18cZUNd9kC_LxiO6RgYwPKEgHRwq4p6cDxU1IQd4tTyv0GGjxcBfP8-FRklv0jBG60QlxcCKk/s320/5.gif " title="Kumpulan animasi Naruto bergerak gif" alt="cara memasang naruto bergerak gif" /></a><small><center><a href="http://ezrarealblog.blogspot.com/2013/02/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

6) Sakura

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:100px;"><a href="Http://ezrarealblog.blogspot.com/" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmPGiQMJ5rDOoxxIKXEMb5C7zX-coHm3bGfXHxUnxTht7LCszecibIu6THx4Xmzji_LPNp5yQPDy4qfV-t_qLrAajH6ZjpsUP0FKxyHfj757tAtxJJmW3Fzd9a891y8D4uPFky9aaZ8ZM/s320/6.gif" title="Kumpulan animasi Naruto bergerak gif" alt="cara memasang animasi naruto bergerak gif" /></a><small><center><a href="http://ezrarealblog.blogspot.com/2013/02/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

7) Tobi

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:100px;"><a href="Http://ezrarealblog.blogspot.com/" target="_blank"><img border="0" src="http://pic60.picturetrail.com/VOL1698/12134860/21581772/355351427.jpg " title="Kumpulan animasi Naruto bergerak gif" alt="cara pasang animasi naruto bergerak gif di blog" /></a><small><center><a href="http://ezrarealblog.blogspot.com/2013/02/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

8) Hinata

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:120px;"><a href="Http://ezrarealblog.blogspot.com/" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6uCmCvE94ZYdTEDJPcienOZQKqkZvq62Bd_BTd295cUDQfNoztBZ2Ce6f-8V5fhVSuq3eQOCFspn8fFgSst9Xb6FfAWem-HF5A_TKoHiWtpw8PuWffy3CVPagh1NGH7SapixapZQTGpI/s320/9.gif" title="

Kumpulan animasi Naruto bergerak gif" alt="cara pasang animasi naruto bergerak gif di blog" /></a><small><center><a href="http://ezrarealblog.blogspot.com/2013/02/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

9) Kiba Akamaru

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="ezrarealblog.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://ezrarealblog.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank">Animasi Naruto</a></center></small></div>

10) Kankuro

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="Http://ezrarealblog.blogspot.com/" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvu1iyoXbeEHbRlgtelzUDclFg4IAvsM-8DtKA6RtIFQI73tshsi2K3w8TJSd2jsVX_Jzw7WNEDuiDUmq3iOgSA3lhX4SbjOuuncIlOm85l8fDX4VO6ewglfkMwaxmjf8dwS9L97b5XqbV/s320/11.gif " title="Kumpulan animasi Naruto dan gara bergerak gif" alt="cara pasang animasi naruto bergerak gif di blog" /></a><small><center><a href="http://ezrarealblog.blogspot.com/2013/02/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

11) Itachi

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" ezrarealblog.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://ezrarealblog.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank">Animasi Naruto</a></center></small></div>

12) Pain

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="Http://ezrarealblog.blogspot.com/" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggnqukwVBpXKzXjDRvAcD7dDlf27fRiRv34xj-pO0Ld4Y-isMbak6kJk4GPOR38xp8LCsDo2QsBCHZ7omuHPCzDDflBuyRSxB-JQn18ErTATmZRRaKNTcYWr8qD2E97XnMvV829G_aQvau/s320/14.jpg" title="Kumpulan animasi Naruto bergerak gif" alt="cara pasang animasi naruto bergerak gif di blog" /></a><small><center><a href="http://ezrarealblog.blogspot.com/2013/02/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

13)  Daidara

<div style="position:fixed;bottom:0;left:10px;width:130px;height:160px"><a href="http://ezrarealblog.blogspot.com/" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihYWh7EgexSORPw5hp-DMbuu0E4TTId7cmQJA000VhpbusjGCZtwV9GRdSAvWARucTV7ZtZlE_8BEP7maSttSEUqhZgem8ASCYI_ZNpackSNHzfsOfrCg8o-oc8jKyprJbN598A6m28Z1L/s1600/DeidaraBird.gif " title="lihat lebih banyak animasi naruto bergerak." /></a><small><center><a href="http://ezrarealblog.blogspot.com/2013/02/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

14) Jiraiya

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="ezrarealblog.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://ezrarealblog.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html" target="_blank">Animasi Naruto</a></center></small></div>

15) Rock lee

<div style="position:fixed;bottom:0;left:10px;width:130px;height:160px"><a href="http://ezrarealblog.blogspot.com/" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl3vQdRWYgSuXnhR67bsRnWU93tUHxW_zaSgwoaF3x7_cbQ95RVIz7nY8zdeIy3iOhz_Yi0HlxvMU_eZ3cD_IfOYFJVs_wJKBmAHP3VJScmxZe-yD9RXff9gMyYqHh9ykB-ZYMLbzqOS8/s320/19.gif" title="lihat lebih banyak animasi naruto bergerak." /></a><small><center><a href="http://ezrarealblog.blogspot.com/2013/02/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

16) Zetsu

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="Http://ezrarealblog.blogspot.com/" target="_blank"><img border="0" src="http://pic60.picturetrail.com/VOL1698/12134860/21582353/355343266.jpg " title="lihat lebih banyak animasi naruto bergerak."alt="animasi beregerak naruto" /></a><small><center><a href="http://ezrarealblog.blogspot.com/2013/02/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

17) Sasori

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="Http://ezrarealblog.blogspot.com/" target="_blank"><img border="0" src=" http://pic60.picturetrail.com/VOL1698/12134860/21582353/355343137.jpg" title="lihat lebih banyak animasi naruto bergerak." alt="animasi beregerak naruto"/></a><small><center><a href="http://ezrarealblog.blogspot.com/2013/02/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

18) Sarutobi

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="Http://ezrarealblog.blogspot.com/" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqniNkCdAEvgOa-32vRFKlfAXwSHsYP25flFuP2_z8CCdUXfgjuBsTio-eO8BJ7mO4mOkoebgZt3FaICWQwQ5LJiPz16P22fBKU9_YsSyOJGSNv63d7Vf1U3MNLUGNkrSTVDfny9SCvCpB/s320/23.gif" title="klik kumpulan Widget Animasi naruto " alt="animasi beregerak naruto"/></a><small><center><a href="http://ezrarealblog.blogspot.com/2013/02/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

19) Kakuzu

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="Http://ezrarealblog.blogspot.com/" target="_blank"><img border="0" src=" http://pic60.picturetrail.com/VOL1698/12134860/21582353/355343066.jpg" title="lihat kumpulan Widget Animasi Naruto " alt="animasi beregerak naruto"/></a><small><center><a href="http://ezrarealblog.blogspot.com/2013/02/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>

20) Naruto versus Lee (Special)

<div style="position: fixed; bottom: 0px; right: 20px;width:82px;height:160px;"><a href="http://ezrarealblog.blogspot.com" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge79HrqWNmXYZL7QcLaERUuQBxDfdhEcOv3jNUh5RsXsuCDBMY2er-_TLz1JX9EbGwFdtEM6f6l_ruQbktj1lw909jJumzXL94deZIUo8aRT-OdLWLc7uRrGFpK5jZwPNtsO2vcRY9Ijjz/s1600/naruto-vs-lee.gif" border="0" alt="animasi naruto bergerak atau gif" /></a><small><center><a href="http://www.ezrarealblog.blogspot.com" target="_blank">Widget-Animasi bergerak</a></center></small></div>

semoga bermanfaat buat teman-teman blogger. Kunjungi postingan lain dan  jangan lupa meninggalkan komentar. Jika ada kegagalan, tolong segera diberitahukan melalui kotak komentar agar segera diperbaiki.