NEW UPDATES

Komputer

seo

Bisnis

Advertise

Advertise
Ads

Cara Pasang Animasi Melayang Di Pojok Blog

Cara menampilkan gambar animasi di pojok blog. Terkadang untuk menghias blog agar tampak lebih menarik maka bisa memasang gambar animasi di blog.Bisa ditempatkan di pojok atas (kiri dan kanan), pojok bawah kiri dan kanan, atau semua pojok diisi gambar lucu-lucu.

Untuk menampilkan gambar lucu, cukup copy salah satu script html di bawah ini kemudian masukkan ke dalam gadget html. Script ini saya buat menggunakan kode html ditambah gambar dari situs sweetim.

Contoh dan scriptnya bisa dilihat di bawah ini :
1.Gajah loncat



Script:
<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" 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://ngocop16.blogspot.com/2012/03/cara-memasang-gambar-animasi-lucu-di.html" target="_blank">Widget-Animasi</a></center></small></div>




2. Boring


Script :
<div style="position: fixed; bottom: 0px; left: 20px;width:80px;height:120px;"><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/0002016B.gif" border="0" /></a><small><center><a href="http://ngocop16.blogspot.com/2012/03/cara-memasang-gambar-animasi-lucu-di.html" target="_blank">Widget-Animasi</a></center></small></div>

3.Tuyul ketawa


Script:

<div style="position: fixed; bottom: 0px; 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://ngocop16.blogspot.com/2012/03/cara-memasang-gambar-animasi-lucu-di.html" target="_blank">Widget-Animasi</a></center></small></div>


4.Boneka joget


Script :

<div style="position: fixed; bottom: 0px; left: 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/0002013F.gif" border="0" /></a><small><center><a href="http://ngocop16.blogspot.com/2012/03/cara-memasang-gambar-animasi-lucu-di.html" target="_blank">Widget-Animasi</a></center></small></div>


5. Panda main bola


Script :

<div style="position: fixed; bottom: 0px; right: 30px;width:160px;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/0002032D.gif" border="0" /></a><small><center><a href="http://ngocop16.blogspot.com/2012/03/cara-memasang-gambar-animasi-lucu-di.html" target="_blank">Widget-Animasi-Blog</a></center></small></div>



6. Tuyul baring


Script :
<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:100px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002031E.gif" title="Click to get more." /></a><small><center><a href="http://ngocop16.blogspot.com/2012/03/cara-memasang-gambar-animasi-lucu-di.html" target="_blank">Free-Widget-Animasi</a></center></small></div>

7. Panda biru



Script

<div style="position: fixed; bottom: 0px; left: 20px;width:100px;height:100px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002033D.gif" title="Click to get more." /></a>
<small><center><a href="http://ngocop16.blogspot.com/2012/03/cara-memasang-gambar-animasi-lucu-di.html" target="_blank">Free-Widget-Animasi</a></center></small></div>

8. Panah



Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:210px;height:120px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020236.gif" title="Click to get more." /></a><small><center><a href="http://ngocop16.blogspot.com/2012/03/cara-memasang-gambar-animasi-lucu-di.html" target="_blank">Widget Animasi</a></center></small></div>




9. Bunga




Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020322.gif" title="Click to get more." /></a><small><center><a href="http://ngocop16.blogspot.com/2012/03/cara-memasang-gambar-animasi-lucu-di.html" target="_blank">Widget Animasi</a></center></small></div>


10.Anjing laut


Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203B5.gif" title="Click to get more." /></a><small><center><a href="http://ngocop16.blogspot.com/2012/03/cara-memasang-gambar-animasi-lucu-di.html" target="_blank">Widget Animasi</a></center></small></div>


11.Lumba-lumba


Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" 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://ngocop16.blogspot.com/2012/03/cara-memasang-gambar-animasi-lucu-di.html" target="_blank">Widget Animasi</a></center></small></div>

12.Kucing tidur



Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:140px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" 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://ngocop16.blogspot.com/2012/03/cara-memasang-gambar-animasi-lucu-di.html" target="_blank">Widget Animasi</a></center></small></div>

13.Kelinci


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 border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203A0.gif" title="Click to get more." /></a><small><center><a href="http://ngocop16.blogspot.com/2012/03/cara-memasang-gambar-animasi-lucu-di.html" target="_blank">Widget Animasi</a></center></small></div>


14.Dragon


Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:150px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020478.gif" title="Click to get more." /></a><small><center><a href="http://ngocop16.blogspot.com/2012/03/cara-memasang-gambar-animasi-lucu-di.html" target="_blank">Widget Animasi</a></center></small></div>


15.Ikan


Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020479.gif" title="Click to get more." /></a><small><center><a href="http://ngocop16.blogspot.com/2012/03/cara-memasang-gambar-animasi-lucu-di.html" target="_blank">Widget Animasi</a></center></small></div>


16.Pinguin


Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020484.gif" title="Click to get more." /></a><small><center><a href="http://ngocop16.blogspot.com/2012/03/cara-memasang-gambar-animasi-lucu-di.html" target="_blank">Widget Animasi</a></center></small></div>

17. Helikopter


Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020389.gif" title="Click to get more." /></a><small><center><a href="http://ngocop16.blogspot.com/2012/03/cara-memasang-gambar-animasi-lucu-di.html" target="_blank">Widget Animasi</a></center></small></div>

Anda bisa memilih salah satu script di atas kemudian masukkan ke gadget html/javascript. Jika menggunakan blog wordpress gratisan / blogdetik bisa copy script di atas ke widget text html.

Cara memasang widget animasi ke blog :

1. Pilih script yang tersedia

2. Di Dashboard blogger pilih Rancangan - Elemen halaman

3. Pilih Tambah Gadget

4. Pilih HTML/Javascript

5. Masukkan script animasi ke dalam kotak kontent HTML/Javascript




Catatan:
Untuk mengganti posisi widget dari sebelah kiri ke kanan ganti tag left menjadi right
Untuk mengubah posisi dari kiri ke kanan ganti tag right menjadi left
Contohnya bisa dilihat di bawah ini
<div style="position: fixed; bottom: 0px; left: 30px;width:160px;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/0002032D.gif" border="0" /></a><small><center><a href="http://ngocop16.blogspot.com/2012/03/cara-memasang-gambar-animasi-lucu-di.html" target="_blank">Widget-Animasi-Blog</a></center></small></div>

Share this article :


12 comments :

  1. I drοp a leave a respоnse whenever I like a
    pοst on a ωebsite or I haѵe sоmething
    to add tо the conversation. Usually it's caused by the sincerness communicated in the article I read. And on this post "Cara memasang gambar animasi lucu di pojok blog (widget animasi blog gratis)". I was actually excited enough to drop a thought :-P I do have a couple of questions for you if you tend not to mind. Could it be only me or do some of the responses appear like written by brain dead folks? :-P And, if you are writing on additional online sites, I'd like to κeep
    uρ with еverуthing new you have to post.
    Would yоu lіst eνery one of уour soсіal sitеs lіke your linkedin profilе,
    Facеbook page or twіtter feed?

    My blog post ... Lloyd Irvin

    ReplyDelete
  2. This post is very simple to read and appreciate without leaving any details out. Great work! post is very simple to read and appreciate without leaving any details out. Great work!
    Webroot geek squad

    ReplyDelete
  3. This post is very simple to read and appreciate without leaving any details out. Great work! Brother printer support

    ReplyDelete
  4. Hi, I’m Smith warner. I’m a student living in Miami, Florida. I am a fan of technology, design, and software. I’m also interested in web development and Software. You can visit my website with a click on the button Below.

    Mcafee.com/activate
    Mcafee activate
    Mcafee Activate 25 digit code
    norton.com/setup
    norton setup
    office.com/setup
    office setup
    office.com/setup
    office setup

    ReplyDelete
  5. This is a tool in Microsoft Word that checks what you’re typing as you type it. It has a list of sequences of characters to look for. If you type some characters that match one of the entries in the list, the program automatically changes what you typed to what it thinks should be there (by what is specified in the list). By default, the list that AutoCorrect uses contains the most common typos and spelling errors, along with some symbols
    Office.com/Setup |
    office Setup |
    mcafee.com/activate |
    mcafee activate |

    ReplyDelete
  6. It’s very informative and you are obviously very knowledgeable in this area. You have opened my eyes to varying views on this topic with interesting and solid content.
    Avast customer service

    ReplyDelete
  7. It?s hard to find knowledgeable people on this topic, but you sound like you know what you?re talking about! Thanks ball games

    ReplyDelete
  8. Thank you for sharing excellent opinion. I am impressed by the details that you have going approximately for this website. I have more warn similar this blog. Click asleep to know these instruction
    Norton setup |
    www.office.com/setup|
    Avast customer support number |
    Avast help & support Number

    ReplyDelete
  9. This article will outline all the different strategies you should be aware of when it comes to soccer.

    Best Ias Coaching In Mumbai!

    ReplyDelete
  10. This blog has provided me with a wealth of knowledge, so thank you.

    Ayurvedic Treatment of Erectile Dysfunction

    ReplyDelete

Berkomentarlah Dengan Baik Dan Sopan

 
Copyright © 2014 Blogger Tutorial | Websubmission | SEO Tools | Privacy Policy | Contact-Us
Powered by Blogger