Cara Memasang Widget Animasi Bergerak

 

                   

Lucu. Menarik. Unik. ☺

          Semua orang, khususnya para pengguna blogger pasti menginginkan isi blognya bagus dan menarik. Selain dari isi atau kontent postingan, kemenarikan blog juga bisa dibuat dengan menambahkan widget-widget lucu dan menarik yang akan semakin memperimut blog kita. Nah, untuk kali ini saya akan share hasil blogwalking saya di blog sobat-ksobat blogger mengenai  kumpulan beberapa Widget Animasi Bergerak Menarik plus Cara Memasangnya di blog kamu. Yuk ATM; Amati, Tiru, Madifikasi. Jangan lupa tinggalkan komentar ya... :)

 Cara Memasang Widget Animasi Bergerak Menarik Di Blog

1. Login ke Akun Blogger Anda
2. Buka Tata Letak
3. Klik "Tambah Gadget => HTML/Javascript"
4. Copy dan Pastekan kode script animasi bergerak yang Anda inginkan.
5. Lalu Klik Simpan atau Save

 

Catatan!!!

Anda bisa mengatur letak animasi tersebut sesuai keinginan. Caranya dengan mengedit tulisan 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, pojok kiri bawah maka, bottom dan left.

Ayo Selamat Mencoba!  ☺

1. Panda unyu

Script:

<div style="position: fixed; bottom: 0px; right: 30px;width:160px;height:160px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" alt="animasi blog" /></a><small><center><a href="http://maftukhatunnikmah.blogspot.com/2013/09/cara-memasang-widget-animasi-yang-lucu.html" target="_blank">Animasi Blog</a></center></small></div>

 

2. Ekspresi muka

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/742/th/74214.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://maftukhatunnikmah.blogspot.com/2013/09/cara-memasang-widget-animasi-yang-lucu.html" target="_blank" title="Cara Memasang Widget Animasi">Ekspresi</a></center></small></div>

 

3. Kodok mata gede

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/466/th/46606.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://maftukhatunnikmah.blogspot.com/2013/09/cara-memasang-widget-animasi-yang-lucu.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

4. Spiderman

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/3/th/312.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://maftukhatunnikmah.blogspot.com/2013/09/cara-memasang-widget-animasi-yang-lucu.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

5.Pig

 <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/110/th/11046.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://maftukhatunnikmah.blogspot.com/2013/09/cara-memasang-widget-animasi-yang-lucu.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

6. Muka senyum

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/197/th/19769.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://maftukhatunnikmah.blogspot.com/2013/09/cara-memasang-widget-animasi-yang-lucu.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

7. monyet

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/458/th/45845.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://maftukhatunnikmah.blogspot.com/2013/09/cara-memasang-widget-animasi-yang-lucu.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

 8. Doraemon

 <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://www.cakrawaladunia.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://maftukhatunnikmah.blogspot.com/2013/09/cara-memasang-widget-animasi-yang-lucu.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

9. Spongebob

 <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/1028/th/102882.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://maftukhatunnikmah.blogspot.com/2013/09/cara-memasang-widget-animasi-yang-lucu.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

10. Panda

 

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/212/th/21215.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://maftukhatunnikmah.blogspot.com/2013/09/cara-memasang-widget-animasi-yang-lucu.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

11. Monyet loncat

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/539/th/53966.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://maftukhatunnikmah.blogspot.com/2013/09/cara-memasang-widget-animasi-yang-lucu.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

12. Anime cewek

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/228/th/22801.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://maftukhatunnikmah.blogspot.com/2013/09/cara-memasang-widget-animasi-yang-lucu.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

13. Saringgan

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://www.cakrawaladunia.com//" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/712/th/71266.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://maftukhatunnikmah.blogspot.com/2013/09/cara-memasang-widget-animasi-yang-lucu.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

14. Naruto berubah

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/656/th/65649.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://maftukhatunnikmah.blogspot.com/2013/09/cara-memasang-widget-animasi-yang-lucu.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

15. Gajah loncat

<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:160px;"><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0"src="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" title="Click to get more." /></a><small><center><a href="http://maftukhatunnikmah.blogspot.com/2013/09/cara-memasang-widget-animasi-yang-lucu.html" target="_blank" title="Cara Memasang Widget Animasi">Widget-Animasi</a></center></small></div>

16. Lumba lumba

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0"src="http://content.sweetim.com/sim/cpie/emoticons/000203BA.gif" title="Click to get more." /></a><small><center><a href="http://maftukhatunnikmah.blogspot.com/2013/09/cara-memasang-widget-animasi-yang-lucu.html" target="_blank" title="Cara Memasang Widget Animasi">Widget Animasi</a></center></small></div>

17. Kucing tidur

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:140px;"><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0"src="http://content.sweetim.com/sim/cpie/emoticons/000203C0.gif" title="Click to get more." /></a><small><center><a href="http://maftukhatunnikmah.blogspot.com/2013/09/cara-memasang-widget-animasi-yang-lucu.html" target="_blank" title="Cara Memasang Widget Animasi">Widget Animasi</a></center></small></div>

18. Ayam betelur

<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:130px;"><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0"src="http://content.sweetim.com/sim/cpie/emoticons/00020541.gif" title="Click to get more." /></a><small><center><a href="http://maftukhatunnikmah.blogspot.com/2013/09/cara-memasang-widget-animasi-yang-lucu.html" target="_blank" title="Cara Memasang Widget Animasi">Widget</a></center></small></div>


 19. Lebah

Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/0002048F.gif" title="Click to get more." /></a><small><center><a href="http://maftukhatunnikmah.blogspot.com/2013/09/cara-memasang-widget-animasi-yang-lucu.html" target="_blank">Animasi Blog</a></center></small></div>

20. Helicopter

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020389.gif" title="widget animasi lucu bergerak atau gif" alt="animasi bergerak naruto dan onepiece"/></a><small><center><a href="http://maftukhatunnikmah.blogspot.com/2013/09/cara-memasang-widget-animasi-yang-lucu.html" target="_blank" title="Cara Memasang Widget Animasi">Widget</a></center></small></div>

21. Panah

Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:210px;height:120px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/00020236.gif" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020236.gif" title="Click to get more." /></a><small><center><a href="http://maftukhatunnikmah.blogspot.com/2013/09/cara-memasang-widget-animasi-yang-lucu.html" target="_blank">Animasi Blog</a></center></small></div>

Demikian Tutorial kali ini. Jangan lupa tinggalkan jejakmu

dengan berkomentar ya... Semoga bermanfaat :)