Cara Membuat Gambar Animasi Bergerak di Blog - Software Mania PC
Home » , » Cara Membuat Gambar Animasi Bergerak di Blog

Cara Membuat Gambar Animasi Bergerak di Blog

Written By Ahla Fiana on Thursday, March 14, 2013 | 1:37 AM



Cara Membuat Gambar Animasi Bergerak di Blog

Cara Membuat Gambar Animasi Bergerak di Blog - Banyak cara untuk membuat blog makin cantik dan keren, Membuat gambar animasi bergerak yang berada dipojok blog itu juga dapat dijadikan variasi atau modifikasi blog agar terlihat menarik. hehehe 

Software Mania PC setelah mencoba beberapa tutorial akhrnya menemukan Cara Membuat Gambar Animasi Bergerak di Blog dengan gambar animasi bergerak pada pojok blog ini (kalau belum dicopot). hehe sobat juga bisa gunakan ini untuk mempercantik blog. cekidot !!!!! Cara Membuat Gambar Animasi Bergerak di Blog :

Cara Memasang Gambar Animasi Bergerak di Blog cukup mudah :

   1. Masuk Akun Blogger Sobat
   2. Pilih Tata Letak & Klik Tambah Gadget
   3. Pilih Gadget HTML/Java Script
   4. Paste Kode gambar animasi yang sobat inginkan dibawah ini:
   5. Kalau sudah Klik SIMPAN


Gambar Animasi Bergerak Boneka


<div style="position: fixed; bottom: 80px; left: 10px;width:130px;height:160px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" 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://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div>

Gambar Animasi Bergerak Monyet Lompat



<div style="position: fixed; bottom: 80px; left: 10px;width:130px;height:160px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" 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://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div>


Gambar Animasi Bergerak Bola



<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" 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://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div>

Gambar Animasi Bergerak Naruto



<div style="position: fixed; bottom: 80px; left: 10px;width:130px;height:160px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" 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://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div>


Gambar Animasi Bergerak Panda



<div style="position: fixed; bottom: 80px; left: 10px;width:130px;height:160px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" 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://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div>

Gambar Animasi Bergerak Spongebob



<div style="position: fixed; bottom: 80px; left: 10px;width:130px;height:160px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" 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://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div>

Gambar Animasi Bergerak Doraemon



<div style="position: fixed; bottom: 80px; left: 10px;width:130px;height:160px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" 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://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div>

Gambar Animasi Bergerak Senyum


<div style="position: fixed; bottom: 80px; left: 10px;width:130px;height:160px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" 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://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div>


Gambar Animasi Bergerak Monyet



<div style="position: fixed; bottom: 80px; left: 10px;width:130px;height:160px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" 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://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div>

Gambar Animasi Bergerak Babi


<div style="position: fixed; bottom: 80px; left: 10px;width:130px;height:160px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" 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://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div>

Gambar Animasi Bergerak Gajah lompat


Script:

<div style="position: fixed; top: 80px; left: 20px;width:120px;height:160px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" title="Selamat Datang " /></a><small><center><a href="http://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div>


Gambar Animasi Bergerak Boring

Script :

<div style="position: fixed; top: 80px; left: 20px;width:80px;height:120px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif" border="0" /></a><small><center><a href="http://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div>

Gambar Animasi Bergerak Tuyul ketawa


Script:
<div style="position: fixed; bottom: 80px; right: 20px;width:82px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif" border="0" /></a><small><center><a href="http://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div>

Gambar Animasi Bergerak Boneka Joget

Script :
<div style="position: fixed; top: 80px; left: 20px;width:82px;height:160px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif" border="0" /></a><small><center><a href="http://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div>


Gambar Animasi Bergerak Panda Main Bola


Script :
<div style="position: fixed; top: 80px; right: 30px;width:160px;height:160px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" border="0" /></a><small><center><a href="http://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div>

Gambar Animasi Bergerak Tuyul Baring


Script :
<div style="position: fixed; top: 80px; left: 20px;width:120px;height:100px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002031E.gif" title="Selamat Datang." /></a><small><center><a href="http://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div>


Gambar Animasi Bergerak Panda Biru



Script
<div style="position: fixed; top: 80px; left: 20px;width:100px;height:100px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002033D.gif" title="Selamat Datang" /></a><small><center><a href="http://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div>

Gambar Animasi Bergerak Memanah



Script:
<div style="position: fixed; top: 80px; left: 10px;width:210px;height:120px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020236.gif" title="Selamat Datang" /></a><small><center><a href="http://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div>

Gambar Animasi Bergerak Bunga




Script :
<div style="position: fixed; bottom: 80px; left: 10px;width:100px;height:160px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020322.gif" title="Selamat Datang." /></a><small><center><a href="http://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div>


Gambar Animasi Bergerak Anjing Laut

Script:
<div style="position: fixed; bottom: 80px; left: 10px;width:110px;height:160px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203B5.gif" title="Selamat Datang" /></a><small><center><a href="http://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div>


Gambar Animasi Bergerak Lumba-Lumba


Script :
<div style="position: fixed; top: 80px; left: 10px;width:110px;height:160px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BA.gif" title="Selamat Datang" /></a><small><center><a href="http://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div>

Gambar Animasi Bergerak Kucing Tidur


Script :
<div style="position: fixed; bottom: 80px; left: 10px;width:110px;height:140px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203C0.gif" title="Selamat Datang" /></a><small><center><a href="http://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div>


Gambar Animasi Bergerak Kelinci


Script :

<div style="position: fixed; bottom: 80px; left: 10px;width:125px;height:160px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203A0.gif" title="Selamat Datang." /></a><small><center><a href="http://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div>

Gambar Animasi Bergerak Dragon


Script:
<div style="position: fixed; top: 80px; right: 10px;width:150px;height:130px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020478.gif" title="Selamat Datang" /></a><small><center><a href="http://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div>

Gambar Animasi Bergerak Ikan


Script :
<div style="position: fixed; bottom: 80px; left: 10px;width:100px;height:130px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020479.gif" title="Selamat Datang" /></a><small><center><a href="http://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div>


Gambar Animasi Bergerak Pinguin

Script :
<div style="position: fixed; bottom: 80px; left: 10px;width:110px;height:130px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020484.gif" title="Selamat Datang." /></a><small><center><a href="http://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div>


Gambar Animasi Bergerak Helikopter





Script :
<div style="position: fixed; bottom: 80px; left: 10px;width:110px;height:130px;"><a href="http://softwaremaniapc.blogspot.com/2013/03/cara-membuat-gambar-animasi-bergerak-di.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020389.gif" title="Selamat Datang" /></a><small><center><a href="http://softwaremaniapc.blogspot.com/" target="_blank">Tutorial Blog</a></center></small></div>



Sampai disini Cara Membuat Gambar Animasi Bergerak di Blog - bagaimana sudah banyak pilihan? tinggal pasang dah,,,, semoga bermanfaat. salam blogger.



Cara Membuat Gambar Animasi Bergerak di Blog

Share this article :

57 comments:

  1. Sangat Berguna Bagi Pemula seperti saya.. thank..
    apapunituzar.blogspot.com

    ReplyDelete
    Replies
    1. Gan GW Mau GambaR Latar Blkng Animasi Bergerak Gmana caranya

      Delete
  2. Replies
    1. sama2 sobat,,,, met mdifikasi blog. hehehe

      Delete
  3. ehhh trus cara lihat tamnpilannya gimana?

    ReplyDelete
  4. @Rizkie Nugraha:ok gan,,, pastenya pada Gadget HTML/Java Script. thx kunjgannya.

    ReplyDelete
  5. bagus banget blognya bermanfaat
    http://parabola-antena.blogspot.com

    ReplyDelete
  6. makasi gan : )
    sangat membantu : )
    makasih : )
    shippuden1naruto.blogspot.com

    ReplyDelete
  7. terima kasih....cantik2 sume...

    ReplyDelete
  8. gan ada animasi yg gue suka saya ijin ambil ya,
    thanks

    ReplyDelete
  9. Ijin Copy ? [ EQ Blog Hijau ] www.eqhackersblog.blogspot.com

    ReplyDelete
  10. makasih yea, animasinya bagus-bagus

    ReplyDelete
  11. @Neng Junariah:sma2 sob,,, keren dnk blognya,, hehehe pi animasinya jgn kbnyakn ntr loadngnya lmbt, hehe

    ReplyDelete
  12. @Ujang:siap bos,,, dtg3u ja updatenya. slm knal dri sya ga,,,

    ReplyDelete
  13. weee, animasinya lucu-lucu banget...

    Lowongan kerja online membuka pendaftaran anggota baru

    LOWONGAN KERJA ONLINE

    ReplyDelete
  14. gan mampir ya ke blog ane
    http://aldy-syahputra.blogspot.com/

    ReplyDelete
  15. bagus gan, visit jg yah http://galerabis.blogspot.com

    ReplyDelete
  16. Thanks atas infonya gan ...
    sukses selalu yahh :) :)

    jngn lupa mampir ke blogKU http://projectfamily42.blogspot.com

    ReplyDelete
  17. @Didi Maryadi:sama2 sob,..,. thx dh mampir, langsung ktkp

    ReplyDelete
  18. mator nuwon njeh.......blog ke jenengan sampon bantu kulo sanget pa'de,
    kulo sa'estu maturnuwon pa'de................................

    ReplyDelete
  19. @Muhamad Munir Khan:sami2 kenagku,,., teseh semangat geh,.,., salm sukses blogger jepara.

    ReplyDelete
  20. ijin sedot gan, terimakasih sudah share, salam kenal

    ReplyDelete
  21. Ada yg lain lg kh animasi x??? yg lbh imut ...

    ReplyDelete
  22. Sangat membantu gan tutorial Cara membuat animasi bergerak di blog ....

    ReplyDelete
  23. NICE gan
    Visit juga ya ke https://dimas-22.blogspot.com
    dan izin copas ya gan

    ReplyDelete
  24. NICE gan
    izin copas ya
    visit juga ya gan ke https://dimas-22.blogspot.com

    ReplyDelete
  25. nitip yaaaa...
    kunjungi blog gue
    http://thomasberbagi.blogspot.com/

    ReplyDelete
  26. broo iklan download ada yang ada judul nya di bawah sepert ini link gambar dan gimana cara buat nya coba anda cek di gambar sceenshoot ini :
    http://2.bp.blogspot.com/-eHBm3C88gCQ/U6BUkzSzRpI/AAAAAAAAAVU/tBSWkkLhiW4/s1600/mmm.jpg

    ReplyDelete
  27. gambar animasinya banyak banget gan hehe :D ijin pasang di blog saya ya gan

    ReplyDelete
  28. keren banget mas..
    http://www.rumahminimaliscantik.com

    ReplyDelete
  29. Nice ! ! ! http://andikatamvan.blogspot.com/

    ReplyDelete
  30. makasih banyak gan buat infonya,, ijin coba yaa...

    http://acemaxsok.com/

    ReplyDelete
  31. Terimakasih banyak sob, mantab nih tutornya.. siip

    http://obatasliindonesia.com/obat-herbal-migren-sehat-alami/

    ReplyDelete
  32. nice ka, terimaksih infonya :)
    http://short8.net/uzqZM

    ReplyDelete
  33. Terimakasih agan informasinya :)
    http://goo.gl/PBQkBN

    ReplyDelete
  34. thanks buat tutornya gan,, sangat memabantu sekali.. http://goo.gl/7CVQYe

    ReplyDelete
  35. Sangat bermanfaat sekali gan apa yang saya butuhkan ada disini :)
    Izin nyimak
    http://goo.gl/UtW3U9

    ReplyDelete
  36. KONTES SEO 3MPOKER.COM

    Info Kontes SEO Terbaru berhadiah 40jt dari 3MPOKER.com Agen Judi Poker Domino QQ Ceme Online

    Terpercaya , Ayo uji kemampuan SEO anda.Berita terbaru tentang kontes ini bertujuan untuk menjalin silaturahmi

    sesama Blogger. Kontes seo ini gratis dan tidak dipungut bayaran

    3MPOKER.com Agen Judi Poker Domino QQ Ceme Online Terpercaya mengadakan Kontes SEO yang akan di mulai pada

    tanggal 15 Mei 2015 - 15 Aug 2015, dengan Total Hadiah Rp. 40.000.000,-

    Siapkan website terbaik anda untuk mengikuti kontes SEO ini. Jadi, tunggu apalagi? Ini adalah saat yang tepat

    untuk membuktikan anda sebagai ahli SEO.

    Berikut adalah rincian dari hadiah KONTES SEO 3MPOKER.COM, Agen Judi Poker

    dan Domino Online Terpercaya di Indonesia:

    - Hadiah Pertama = Rp. 15.000.000,-
    - Hadiah Kedua = Rp. 10.000.000,-
    - Hadiah Ketiga = Rp. 5.000.000,-
    - Hadiah Keempat = Rp. 3.000.000,-
    - Hadiah Kelima = Rp. 1.500.000,-
    - Hadiah Ke 6-10 = Rp. 500.000,-
    - Hadiah ke 11-10 = Rp. 300.000,-

    Info Tentang Kontes Seo 3MPOKER dapat anda lihat di seo3mpoker.com

    Untuk informasi lebih lanjut, silakan hubungi layanan kami Online 24 jam

    - Website Kontes SEO: seo3mpoker.com
    - LiveChat: http://3mpoker.com
    - Yahoo Messenger: cs_3mpoker@yahoo.com
    - SMS : 087867220367
    - Wechat: cs_3MPoker
    - Pin Blackberry: 7F7022D9

    ReplyDelete
  37. Makasih bgt bro info nya, sangat bermanfaat. hehe
    Jangan Lupa mampir ke blog Lowongan Kerja Terbaru ane ya Lowongan Kerja PT Prudential Life Assurance

    ReplyDelete

Catatan: (memasukan item pada komentar)
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA...</i>
Untuk menyisipkan kode, gunakan tag <i rel="code">KODE ANDA...</i>
Untuk menyisipkan kode panjang, gunakan tag <i rel="pre">KODE ANDA...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA...</b>

Silahkan sobat tinggalkan pesan dengan kata-kata yang baik:
1.Sopan dan tidak mengandung unsur SARA, porno dan judi.
2.Tidak memasang iklan atau link lainnya.
3. Link Aktif Akan Dimatikan Secara Otomatis.
4. Berkomentarlah sesuai konten.
5. Semua yang meninggalkan komentar akan dikunjungi Admin.

____Harap maklum_____

 
: | |
Proudly powered by Blogger
Copyright © 2011. Software Mania PC - All Rights Reserved