- Login ke dasbor blog anda
- Pilih rancangan
- Pilih Tambah Gadget
- Pilih Html/Java Script
- Lalu copy kode Html animasi yang anda ingin pasang di blog. Kodenya ada di bawah, anda bisa memilih sesuai keinginan anda.
- Pastekan kode tadi di Html/java script tadi.
- Simpan, dan selesai
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),
Contoh
: jika anda ingin memasang di pojok kanan atas, berarti anda harus
mengubahnya menjadi top dan right. Mudah bukan ? selamat mencoba..
1.Jiraiya
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a
href="http://digitalparameter.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://digitalparameter.blogspot.com/2015/04/cara-memasang-widget-animasi-naruto.html"
target="_blank" title="Cara Memasang Widget Animasi
Naruto">Animasi
Naruto</a></center></small></div>
2.Daidara
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a
href="http://digitalparameter.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://digitalparameter.blogspot.com/2015/04/cara-memasang-widget-animasi-naruto.html"
target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi
Naruto</a></center></small></div>
3.kisame
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a
href="http://digitalparameter.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://digitalparameter.blogspot.com/2015/04/cara-memasang-widget-animasi-naruto.html"
target="_blank" title="Cara Memasang Widget Animasi
Naruto">Animasi
Naruto</a></center></small></div>
4.Kiba
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a
href="http://digitalparameter.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://digitalparameter.blogspot.com/2015/04/cara-memasang-widget-animasi-naruto.html"
target="_blank" title="Cara Memasang Widget Animasi
Naruto">Animasi
Naruto</a></center></small></div>
5.Akatsuki
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a
href="http://digitalparameter.blogspot.com/"
target="_blank"><img border="0"
src="http://th244.photobucket.com/albums/gg10/spider-man155/th_Akatsuki.gif
" title="Kumpulan animasi Naruto bergerak gif" alt="cara
memasang naruto bergerak
gif" /></a><small><center><a href="http://digitalparameter.blogspot.com/2015/04/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:160px;"><a
href="http://digitalparameter.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://digitalparameter.blogspot.com/2015/04/cara-memasang-widget-animasi-naruto.html"
target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi
Naruto</a></center></small></div>
7.Anggota akatsuki
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a
href="http://digitalparameter.blogspot.com/"
target="_blank"><img border="0"
src="http://pic60.picturetrail.com/VOL1698/12134860/21582353/355343009.jpg
" title="Kumpulan animasi Naruto bergerak gif" alt="cara
memasang animasi naruto bergerak
gif" /></a><small><center><a href="http://digitalparameter.blogspot.com/2015/04/cara-memasang-widget-animasi-naruto.html"
target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi
Naruto</a></center></small></div>
8.Tobi
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a
href="http://digitalparameter.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://digitalparameter.blogspot.com/2015/04/cara-memasang-widget-animasi-naruto.html"
target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi
Naruto</a></center></small></div>
9.Hinata
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a
href="http://digitalparameter.blogspot.com/"
target="_blank"><img border="0" src=" http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/HinatavsNaruto.gif" title="
Kumpulan animasi Naruto bergerak gif" alt="cara pasang animasi naruto bergerak gif di blog" /></a><small><center><a href="http://digitalparameter.blogspot.com/2015/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>
Kumpulan animasi Naruto bergerak gif" alt="cara pasang animasi naruto bergerak gif di blog" /></a><small><center><a href="http://digitalparameter.blogspot.com/2015/04/cara-memasang-widget-animasi-naruto.html" target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi Naruto</a></center></small></div>
10.Temari
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a
href="http://digitalparameter.blogspot.com/"
target="_blank"><img border="0"
src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/Temari.gif
" title="Click to get more."
/></a><small><center><a href="http://digitalparameter.blogspot.com/2015/04/cara-memasang-widget-animasi-naruto.html"
target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi
Naruto</a></center></small></div>
11.Kankuro
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a
href="http://digitalparameter.blogspot.com/"
target="_blank"><img border="0"
src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/Kankuro.gif
" title="Kumpulan animasi Naruto dan gara bergerak
gif" alt="cara pasang animasi naruto bergerak gif di
blog" /></a><small><center><a
href="http://digitalparameter.blogspot.com/2015/04/cara-memasang-widget-animasi-naruto.html"
target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi
Naruto</a></center></small></div>
12.Itachi
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a
href="http://digitalparameter.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://digitalparameter.blogspot.com/2015/04/cara-memasang-widget-animasi-naruto.html"
target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi
Naruto</a></center></small></div>
13.Pain
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://digitalparameter.blogspot.com/"
target="_blank"><img border="0" src="
http://pic60.picturetrail.com/VOL1698/12134860/21582353/355343104.jpg" title="Kumpulan
animasi Naruto bergerak gif" alt="cara pasang animasi naruto
bergerak gif di blog" /></a><small><center><a
href="http://digitalparameter.blogspot.com/2015/04/cara-memasang-widget-animasi-naruto.html"
target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi
Naruto</a></center></small></div>
14.Kakuzu
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a
href="http://digitalparameter.blogspot.com/"
target="_blank"><img border="0" src=" http://i446.photobucket.com/albums/qq182/kisot06/Akatsuki%20gif/Kakuzu.gif"
title="lihat lebih banyak animasi naruto bergerak"
/></a><small><center><a href="http://digitalparameter.blogspot.com/2015/04/cara-memasang-widget-animasi-naruto.html"
target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi
Naruto</a></center></small></div>
15.Gaara vs daidara
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a
href="http://digitalparameter.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://digitalparameter.blogspot.com/2015/04/cara-memasang-widget-animasi-naruto.html"
target="_blank" title="Cara Memasang Widget Animasi Naruto">Animasi
Naruto</a></center></small></div>
Ketentuan catatan
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 di buat 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 anda ingin 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, jika kalian ingin membuat animasi tersebut tidak berada di bawah, misalkan kalian ingin animasi berada di atas silakan kalian edit bottom menjadi top.
left : 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 edit left menjadi right.
saran ..!!!!
jika anda ingin mengedit animasi menjadi di kanan dan di atas sebaiknya edit saja seperti ini
"position : fixed ; top:0px;right:10px"
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 di buat 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 anda ingin 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, jika kalian ingin membuat animasi tersebut tidak berada di bawah, misalkan kalian ingin animasi berada di atas silakan kalian edit bottom menjadi top.
left : 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 edit left menjadi right.
saran ..!!!!
jika anda ingin mengedit animasi menjadi di kanan dan di atas sebaiknya edit saja seperti ini
"position : fixed ; top:0px;right:10px"
Jangan Lupa Tinggalkan Komentar Di Bawah Ini ...