Profil saya

Foto saya
Jakarta, DKI Jakarta, Indonesia
Hay friends, Im from Stmik NUSAMANDIRI,, Welcome to my blog So...Belajarlah Sebelum Belajar Itu Dilarang :P

Teman

pngunjung

title

Cara Membuat Gambar Animasi di Blog


Kamis, 18 Oktober 2012

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم


Cara Membuat Gambar Animasi di Blog

Cara Membuat Gambar Animasi di Blog - Setelah blogwalking ke beberapa blog, ternyata banyak juga para blogger yang memasang ataumembuat gambar animasi di blog. Sehingga om juragan tertarik untuk membuat tutorial blogger memasang gambar animasi di blog. Gambar animasi sering dipasang oleh para blogger di sudut blog dan bentuknya juga keren dan lucu, sehingga cukup menghibur pengunjung blog. Gambar animasi bergerak yang akan dipasang di blog memiliki variasi gambar sehingga Anda dapat memilih sesuai dengan keinginan. Berikut ini cara memasang atau membuat gambar animasi bergerak di blog.- membuat blog.

Membuat Gambar Animasi


1. Silahkan logi ke ID blogger Anda
2. Pada menu dropdown pilih "Tata Letak"

gambar animasi

3. Klik "Tambah Gadget", pada menu opsi pilihan, scroll sedikit kebawah dan pilih HTML/JavaScript
4. Selanjutnya copy dan paste kode animasi di bawah ini (pilih sesuai dengan keinginan Anda)

Kode Gambar Animasi


  • Gambar Animasi Spongebob 
Animasi Spongebob
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.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://www.halogan.com/" target="_blank">HaloGan</a></center></small></div>

  • Gambar Animasi Naruto
Animasi Naruto

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/692/th/69207.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://www.halogan.com/" target="_blank">HaloGan</a></center></small></div>

  • Gambar Animasi Gaara
Animasi Gaara

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/539/th/53973.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://www.halogan.com/" target="_blank">HaloGan</a></center></small></div>

  • Gambar Animasi Hallowen
Animasi Hallowen

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://sig.graphicsfactory.com/Halloween/a.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://www.halogan.com/" target="_blank">HaloGan</a></center></small></div>

  • Gambar Animasi Tengkorak
Animasi Tengkorak

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/1/th/152.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://www.halogan.com/" target="_blank">HaloGan</a></center></small></div>

  • Gambar Animasi Ekspresi
Animasi Ekspresi

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.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://www.halogan.com/" target="_blank">HaloGan</a></center></small></div>

  • Gambar Animasi Main Taplak
Animasi Main Taplak
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/0/th/72.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://www.halogan.com/" target="_blank">HaloGan</a></center></small></div>

  • Gamabar Animasi Pasangan

Animasi Pasangan


<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/229/th/22949.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://www.halogan.com/" target="_blank">HaloGan</a></center></small></div>

  • Gambar Animasi Zombi
Animasi Zombi

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/466/th/46602.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://www.halogan.com/" target="_blank">HaloGan</a></center></small></div>

  • Gambar Animasi Pigglet
Animasi Pigglet

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/438/th/43833.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://www.halogan.com/" target="_blank">HaloGan</a></center></small></div>

  • Gambar Animasi MiniMouse
Animasi MiniMouse

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/485/th/48554.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://www.halogan.com/" target="_blank">HaloGan</a></center></small></div>

  • Gambar Animasi Halo
Animasi Halo

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.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://www.halogan.com/" target="_blank">HaloGan</a></center></small></div>

  • Gambar Animasi Star
Animasi Star

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://permathic.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/102/th/10221.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://www.halogan.com/" target="_blank">HaloGan</a></center></small></div>

  • Gambar Animasi Baby
Animasi Baby

<div style="position: fixed; bottom: 0px; right: 20px;width:82px;height:160px;"><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif" border="0" /></a><small><center><a href="http://www.halogan.com/" target="_blank">HaloGan</a></center></small></div>

  • Gambar Animasi Dance
Animasi Dance

<div style="position: fixed; bottom: 0px; left: 20px;width:82px;height:160px;"><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif" border="0" /></a><small><center><a href="http://www.halogan.com/" target="_blank">HaloGan</a></center></small></div>

5. Setelah Anda copy dan paste kode gambar animasi, simpan pekerjaan Anda, dan lihat hasilnya.

Cara membuat blog - Om juragan rasa gambar animasinya sudah cukup banyak, untuk itu saya akhiri saja panduan dan tutorial blogger cara membuat gambar animasi di blog, semoga bermanfaat. Pastikan bahwa Anda selalu setia mengunjungi blog om juragan untuk mendapatkan tutorial blog dan seo terbaru. Agar Anda tidak ketinggalan artikel yang akan om juragan posting berikutnya, silahkan berlangganan melalui email gratis dan me-like fans page facebook om juragan. Baca juga tutorial blog lainnya seperti cara pasang widget share button di blog dan cara membuat kotak iklan di blog.

1 komentar:

Blogger Wordpress Gadgets