CARA MUDAH MENAMBAHKAN ANIMASI GIF DI BLOG

23:57:00 , , 0 Comments

Sebelumnya saya mengucapkan Minal Aidin Walfaizin, Selamat Hari Raya Idul Adha 1435 H, semoga kita sllu dalam lindungan-Nya, Amin...
Kita lanjutkan lagi, Berbeda dengan artikel sebelumnya yaitu Cara mengganti icon Animasi Cursor Blog / WebSite
Pada artikel kali ini admin akan share sedikit ilmu tentanng cara menambahkan animasi bergerak di blog sobat, Pasti bosen kan liat blog sobat hampa gada apa - apa :D, nah,... bagi sobat yang mau membuat blognya lebih kreatif dan lebih keren lagi pastinya  simak artikelnya baik-baik ya, oce...

Cekidot,....

1. Login ke Akun Blogger Sobat atau klik 'Login Blogger"
2. Buka "Tata Letak"
3. Klik "Tambah Gadge"
4. Kemudian Pilih "HTML/Javascript"
5. Copy dan Pastekan kode masing-masing animasi yang Sobat Sukai.
6. Lalu Klik Simpan atau Save

1. SpongeBob Happy





<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 130px;">
<a href="http://saifuljuniorofficalblogspot.blogspot.com/" target="_blank"><img alt="animasi bergerak gif" border="0" src="http://s.myniceprofile.com/myspacepic/1028/th/102882.gif" title="My widget" /></a><small></small>
<small></small>
<small></small>
<small></small>
<small></small>
<small></small>
<small><center>
<a href="http://saifuljunioroffical.blogspot.com/2014/10/cara-menambahkan-animasi-bergerak-di.html" target="_blank"></a></center>
</small></div>

2. Naruto




<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 130px;">
<a href="http://saifuljuniorofficalblogspot.blogspot.com/" target="_blank"><img alt="animasi bergerak gif" border="0" src="http://s.myniceprofile.com/myspacepic/692/th/69207.gif" title="My widget" /></a><small></small>
<small></small>
<small></small>
<small></small>
<small></small>
<small></small>
<small><center>
<a href="http://saifuljunioroffical.blogspot.com/2014/10/cara-menambahkan-animasi-bergerak-di.html" target="_blank">My Widget</a></center>
</small></div>

3. Gaara



<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 130px;">
<a href="http://saifuljuniorofficalblogspot.blogspot.com/" target="_blank"><img alt="animasi bergerak gif" border="0" src="http://s.myniceprofile.com/myspacepic/539/th/53973.gif" title="My widget" /></a><small></small>
<small></small>
<small></small>
<small></small>
<small></small>
<small></small>
<small><center>
<a href="http://saifuljunioroffical.blogspot.com/2014/10/cara-menambahkan-animasi-bergerak-di.html" target="_blank">My Widget</a></center>
</small></div>

4. Labu



<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 130px;">
<a href="http://saifuljuniorofficalblogspot.blogspot.com/" target="_blank"><img alt="animasi bergerak gif" border="0" src="http://sig.graphicsfactory.com/Halloween/a.gif" title="My widget" /></a><small></small>
<small></small>
<small></small>
<small></small>
<small></small>
<small></small>
<small><center>
<a href="http://saifuljunioroffical.blogspot.com/2014/10/cara-menambahkan-animasi-bergerak-di.html" target="_blank">My Widget</a></center>
</small></div>

5. Tengkorak




<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 130px;">
<a href="http://saifuljuniorofficalblogspot.blogspot.com/" target="_blank"><img alt="animasi bergerak gif" border="0" src="http://s.myniceprofile.com/myspacepic/1/th/152.gif" title="My widget" /></a><small></small>
<small></small>
<small></small>
<small></small>
<small></small>
<small></small>
<small><center>
<a href="http://saifuljunioroffical.blogspot.com/2014/10/cara-menambahkan-animasi-bergerak-di.html" target="_blank">My Widget</a></center>
</small></div>

6. Ekspresi Wajah


<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 130px;">
<a href="http://saifuljuniorofficalblogspot.blogspot.com/" target="_blank"><img alt="animasi bergerak gif" border="0" src="http://s.myniceprofile.com/myspacepic/742/th/74214.gif" title="My widget" /></a><small></small>
<small></small>
<small></small>
<small></small>
<small></small>
<small></small>
<small><center>
<a href="http://saifuljunioroffical.blogspot.com/2014/10/cara-menambahkan-animasi-bergerak-di.html" target="_blank">My Widget</a></center>
</small></div>


7. Animasi


Animasi Keren Untuk Blog Gif


<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 130px;">
<a href="http://saifuljuniorofficalblogspot.blogspot.com/" target="_blank"><img alt="animasi bergerak gif" border="0" src="http://i.mnpls.com/715/71510.gif" title="My widget" /></a><small></small>
<small></small>
<small></small>
<small></small>
<small></small>
<small></small>
<small><center>
<a href="http://saifuljunioroffical.blogspot.com/2014/10/cara-menambahkan-animasi-bergerak-di.html" target="_blank">My Widget</a></center>
</small></div>

8. Main Taplak



<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 130px;">
<a href="http://saifuljuniorofficalblogspot.blogspot.com/" target="_blank"><img alt="animasi bergerak gif" border="0" src="http://s.myniceprofile.com/myspacepic/0/th/72.gif" title="My widget" /></a><small></small>
<small></small>
<small></small>
<small></small>
<small></small>
<small></small>
<small><center>
<a href="http://saifuljunioroffical.blogspot.com/2014/10/cara-menambahkan-animasi-bergerak-di.html" target="_blank">My Widget</a></center>
</small></div>

9. Pasangan



<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 130px;">
<a href="http://saifuljuniorofficalblogspot.blogspot.com/" target="_blank"><img alt="animasi bergerak gif" border="0" src="http://s.myniceprofile.com/myspacepic/229/th/22949.gif" title="My widget" /></a><small></small>
<small></small>
<small></small>
<small></small>
<small></small>
<small></small>
<small><center>
<a href="http://saifuljunioroffical.blogspot.com/2014/10/cara-menambahkan-animasi-bergerak-di.html" target="_blank">My Widget</a></center>
</small></div>

10. Zoombie


<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 130px;">
<a href="http://saifuljuniorofficalblogspot.blogspot.com/" target="_blank"><img alt="animasi bergerak gif" border="0" src="http://s.myniceprofile.com/myspacepic/466/th/46602.gif" title="My widget" /></a><small></small>
<small></small>
<small></small>
<small></small>
<small></small>
<small></small>
<small><center>
<a href="http://saifuljunioroffical.blogspot.com/2014/10/cara-menambahkan-animasi-bergerak-di.html" target="_blank">My Widget</a></center>
</small></div>

11. Pigglet


<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 130px;">
<a href="http://saifuljuniorofficalblogspot.blogspot.com/" target="_blank"><img alt="animasi bergerak gif" border="0" src="http://s.myniceprofile.com/myspacepic/438/th/43833.gif" title="My widget" /></a><small></small>
<small></small>
<small></small>
<small></small>
<small></small>
<small></small>
<small><center>
<a href="http://saifuljunioroffical.blogspot.com/2014/10/cara-menambahkan-animasi-bergerak-di.html" target="_blank">My Widget</a></center>
</small></div>

12. Mini Mouse



<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 130px;">
<a href="http://saifuljuniorofficalblogspot.blogspot.com/" target="_blank"><img alt="animasi bergerak gif" border="0" src="http://s.myniceprofile.com/myspacepic/485/th/48554.gif" title="My widget" /></a><small></small>
<small></small>
<small></small>
<small></small>
<small></small>
<small></small>
<small><center>
<a href="http://saifuljunioroffical.blogspot.com/2014/10/cara-menambahkan-animasi-bergerak-di.html" target="_blank">My Widget</a></center>
</small></div>


13. Hello


<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 130px;">
<a href="http://saifuljuniorofficalblogspot.blogspot.com/" target="_blank"><img alt="animasi bergerak gif" border="0" src="http://s.myniceprofile.com/myspacepic/212/th/21215.gif" title="My widget" /></a><small></small>
<small></small>
<small></small>
<small></small>
<small></small>
<small></small>
<small><center>
<a href="http://saifuljunioroffical.blogspot.com/2014/10/cara-menambahkan-animasi-bergerak-di.html" target="_blank">My Widget</a></center>
</small></div>

14. Hi Friend!

<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 130px;">
<a href="http://saifuljuniorofficalblogspot.blogspot.com/" target="_blank"><img alt="animasi bergerak gif" border="0" src="http://s.myniceprofile.com/myspacepic/243/th/24365.gif" title="My widget" /></a><small></small>
<small></small>
<small></small>
<small></small>
<small></small>
<small></small>
<small><center>
<a href="http://saifuljunioroffical.blogspot.com/2014/10/cara-menambahkan-animasi-bergerak-di.html" target="_blank">My Widget</a></center>
</small></div>

15. Star


<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 130px;">
<a href="http://saifuljunioroffical.blogspot.com/" target="_blank"><img alt="animasi bergerak gif" border="0" src="http://s.myniceprofile.com/myspacepic/102/th/10221.gif" title="My widget" /></a><small></small>
<small></small>
<small></small>
<small></small>
<small></small>
<small></small>
<small><center>
<a href="http://saifuljunioroffical.blogspot.com/2014/10/cara-menambahkan-animasi-bergerak-di.html" target="_blank">My Widget</a></center>
</small></div>

16. Gajah Loncat
<div style="bottom: 0px; height: 160px; left: 20px; position: fixed; width: 120px;">
<a href="http://saifuljunioroffical.blogspot.com/" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" title="Click to get more." /></a><small></small>
<small></small>
<small></small>
<small></small>
<small></small>
<small></small>
<small><center>
<a href="http://saifuljunioroffical.blogspot.com/2014/10/cara-menambahkan-animasi-bergerak-di.html" target="_blank">Widget-Animasi</a></center>
</small></div>

17. Boring.



<div style="bottom: 0px; height: 120px; left: 20px; position: fixed; width: 80px;">
<a href="http://saifuljunioroffical.blogspot.com/" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif" /></a><small></small>
<small></small>
<small></small>
<small></small>
<small></small>
<small></small>
<small><center>
<a href="http://saifuljunioroffical.blogspot.com/2014/10/cara-menambahkan-animasi-bergerak-di.html" target="_blank">Widget-Animasi</a></center>
</small></div>

18. Bayi Tertawa-1


<div style="bottom: 0px; height: 160px; position: fixed; right: 20px; width: 82px;">
<a href="http://saifuljunioroffical.blogspot.com/" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif" /></a><small></small>
<small></small>
<small></small>
<small></small>
<small></small>
<small></small>
<small><center>
<a href="http://saifuljunioroffical.blogspot.com/2014/10/cara-menambahkan-animasi-bergerak-di.html" target="_blank">Widget-Animasi</a></center>
</small></div>

19. Dance


<div style="bottom: 0px; height: 160px; left: 20px; position: fixed; width: 82px;">
<a href="http://gedesitdownblog.blogspot.com/" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif" /></a><small></small>
<small></small>
<small></small>
<small></small>
<small></small>
<small></small>
<small><center>
<a href="http://saifuljunioroffical.blogspot.com/2014/10/cara-menambahkan-animasi-bergerak-di.html" target="_blank">Widget-Animasi</a></center>
</small></div>

20. Main Bola


<div style="bottom: 0px; height: 160px; position: fixed; right: 30px; width: 160px;">
<a href="http://saifuljunioroffical.blogspot.com/" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" /></a><small></small>
<small></small>
<small></small>
<small></small>
<small></small>
<small></small>
<small><center>
<a href="http://saifuljunioroffical.blogspot.com/2014/10/cara-menambahkan-animasi-bergerak-di.html" target="_blank">Widget-Animasi-Blog</a></center>
</small></div>

21. Bayi Tertawa-2


<div style="bottom: 0px; height: 100px; left: 20px; position: fixed; width: 120px;">
<a href="http://saifuljunioroffical.blogspot.com/" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002031E.gif" title="Click to get more." /></a><small></small>
<small></small>
<small></small>
<small></small>
<small></small>
<small></small>
<small><center>
<a href="http://saifuljunioroffical.blogspot.com/2014/10/cara-menambahkan-animasi-bergerak-di.html" target="_blank">Widget-Animasi</a></center>
</small></div>

22. Panda Biru



<div style="bottom: 0px; height: 100px; left: 20px; position: fixed; width: 100px;">
<a href="http://saifuljunioroffical.blogspot.com/" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002033D.gif" title="Click to get more." /></a>
<small></small>
<small></small>
<small></small>
<small></small>
<small></small>
<small></small>
<small><center>
<a href="http://saifuljunioroffical.blogspot.com/2014/10/cara-menambahkan-animasi-bergerak-di.html" target="_blank">Free-Widget-Animasi</a></center>
</small></div>

23. Panah


<div style="bottom: 0px; height: 120px; left: 10px; position: fixed; width: 210px;">
<a href="http://saifuljunioroffical.blogspot.com/" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020236.gif" title="Click to get more." /></a><small></small>
<small></small>
<small></small>
<small></small>
<small></small>
<small></small>
<small><center>
<a href="http://saifuljunioroffical.blogspot.com/2014/10/cara-menambahkan-animasi-bergerak-di.html" target="_blank">Widget Animasi</a></center>
</small></div>

24. Bunga

<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 100px;">
<a href="http://saifuljunioroffical.blogspot.com/" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020322.gif" title="Click to get more." /></a><small></small>
<small></small>
<small></small>
<small></small>
<small></small>
<small></small>
<small><center>
<a href="http://saifuljunioroffical.blogspot.com/2014/10/cara-menambahkan-animasi-bergerak-di.html" target="_blank">Widget Animasi</a></center>
</small></div>

25. Anjing Laut


<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 110px;">
<a href="http://saifuljunioroffical.blogspot.com/" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203B5.gif" title="Click to get more." /></a><small></small>
<small></small>
<small></small>
<small></small>
<small></small>
<small></small>
<small><center>
<a href="http://saifuljunioroffical.blogspot.com/2014/10/cara-menambahkan-animasi-bergerak-di.html" target="_blank">Widget Animasi</a></center>
</small></div>

26. Lumba - Lumba


<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 110px;">
<a href="http://saifuljunioroffical.blogspot.com/" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BA.gif" title="Click to get more." /></a><small></small>
<small></small>
<small></small>
<small></small>
<small></small>
<small></small>
<small><center>
<a href="http://saifuljunioroffical.blogspot.com/2014/10/cara-menambahkan-animasi-bergerak-di.html" target="_blank">Widget Animasi</a></center>
</small></div>

27. Kucing Tidur

<div style="bottom: 0px; height: 140px; left: 10px; position: fixed; width: 110px;">
<a href="http://saifuljunioroffical.blogspot.com/" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203C0.gif" title="Click to get more." /></a><small></small>
<small></small>
<small></small>
<small></small>
<small></small>
<small></small>
<small><center>
<a href="http://saifuljunioroffical.blogspot.com/2014/10/cara-menambahkan-animasi-bergerak-di.html" target="_blank">Widget Animasi</a></center>
</small></div>

28. Kelinci
<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 125px;">
<a href="http://saifuljunioroffical.blogspot.com/" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203A0.gif" title="Click to get more." /></a><small></small>
<small></small>
<small></small>
<small></small>
<small></small>
<small></small>
<small><center>
<a href="http://saifuljunioroffical.blogspot.com/2014/10/cara-menambahkan-animasi-bergerak-di.html" target="_blank">Widget Animasi</a></center>
</small></div>

29. Dragon
<div style="bottom: 0px; height: 130px; left: 10px; position: fixed; width: 150px;">
<a href="http://saifuljunioroffical.blogspot.com/" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020478.gif" title="Click to get more." /></a><small></small>
<small></small>
<small></small>
<small></small>
<small></small>
<small></small>
<small><center>
<a href="http://saifuljunioroffical.blogspot.com/2014/10/cara-menambahkan-animasi-bergerak-di.html" target="_blank">Widget Animasi</a></center>
</small></div>

30. Ikan


<div style="bottom: 0px; height: 130px; left: 10px; position: fixed; width: 100px;">
<a href="http://saifuljunioroffical.blogspot.com/" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020479.gif" title="Click to get more." /></a><small></small>
<small></small>
<small></small>
<small></small>
<small></small>
<small></small>
<small><center>
<a href="http://saifuljunioroffical.blogspot.com/2014/10/cara-menambahkan-animasi-bergerak-di.html" target="_blank">Widget Animasi</a></center>
</small></div>

31. Pinguin


<div style="bottom: 0px; height: 130px; left: 10px; position: fixed; width: 110px;">
<a href="http://saifuljunioroffical.blogspot.com/" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020484.gif" title="Click to get more." /></a><small></small>
<small></small>
<small></small>
<small></small>
<small></small>
<small></small>
<small><center><a
 href="http://saifuljunioroffical.blogspot.com/2014/10/cara-menambahkan-animasi-bergerak-di.html" target="_blank">Widget Animasi</a></center>
</small></div>


Cukup Sekian Dulu Artikel Kali Ini Terimakasih Atas Kunjungannya, Bila Ada Kekurangan Atau Laiinnya Silahkan  Berikan Pendapatnya di Kolom komentar, Jangan lupa untuk klik share atau bagikan artikel ini untuk mendapatkan informasi terbaru dan terUpdate laiinya.

Anonymous

Terimakasih telah berkunjung ke web saya, jika ada yang ingin ditanyakan silahkan tinggalkan komentar atau kirim email ke saifulfuaadi@gmail.com

0 komentar: