How to display animated images at the corner of the blog

How to display animated images at the corner of the blog. Sometimes to decorate the blog to look more attractive then it could be put in blog.Bisa animated images placed in the top corners (left and right), left and right bottom corner, or corner filled all the cute pictures.

To display the picture funny, just copy one script html below and insert it into the html gadget. I created this script using the html code from the image plus the SweetIM website.

Example and the script can be seen below:

1. Elephant jump


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://anaznews.blogspot.com/2012/04/how-to-display-animated-images-at.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://anaznews.blogspot.com/2012/04/how-to-display-animated-images-at.html" target="_blank">Widget-Animasi</a></center></small></div>

3.Baby laughing


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://anaznews.blogspot.com/2012/04/how-to-display-animated-images-at.html" target="_blank">Widget-Animasi</a></center></small></div>

4.Dancing dolls


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://anaznews.blogspot.com/2012/04/how-to-display-animated-images-at.html" target="_blank">Widget-Animasi</a></center></small></div>

5. Panda playing football


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://anaznews.blogspot.com/2012/04/how-to-display-animated-images-at.html" target="_blank">Widget-Animasi-Blog</a></center></small></div>

6. baby lying


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://anaznews.blogspot.com/2012/04/how-to-display-animated-images-at.html" target="_blank">Free-Widget-Animasi</a></center></small></div>

7. Panda blue



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://anaznews.blogspot.com/2012/04/how-to-display-animated-images-at.html" target="_blank">Free-Widget-Animated</a></center></small></div>

8.Arrow



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://anaznews.blogspot.com/2012/04/how-to-display-animated-images-at.html" target="_blank">Widget Animated</a></center></small></div>

9.Flower




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://anaznews.blogspot.com/2012/04/how-to-display-animated-images-at.html" target="_blank">Widget Animated</a></center></small></div>

10.fur seal


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://anaznews.blogspot.com/2012/04/how-to-display-animated-images-at.html" target="_blank">Widget Animated</a></center></small></div>

11.Dolpin


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://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

12.cats sleep



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://anaznews.blogspot.com/2012/04/how-to-display-animated-images-at.html" target="_blank">Widget Animated</a></center></small></div>

13.Rabbit


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://anaznews.blogspot.com/2012/04/how-to-display-animated-images-at.html" target="_blank">Widget Animated</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://anaznews.blogspot.com/2012/04/how-to-display-animated-images-at.html" target="_blank">Widget Animated</a></center></small></div>

15.Fish


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://anaznews.blogspot.com/2012/04/how-to-display-animated-images-at.html" target="_blank">Widget Animated</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://anaznews.blogspot.com/2012/04/how-to-display-animated-images-at.html" target="_blank">Widget Animated</a></center></small></div>

17. Helicopter


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://anaznews.blogspot.com/2012/04/how-to-display-animated-images-at.html" target="_blank">Widget Animayed</a></center></small></div>

You can choose one of the above script and insert it into the gadget html / javascript. If using a free wordpress blog / blogdetik can copy the script above into the text widget html.

How to install the animation widget to your blog:
1. Copy Script
2. In blogger select Dashboard Design - Elements of the page
3. Select the Add a Gadget
4. Choose HTML / Javascript
5. Enter the animation script into the box contains the HTML / Javascript

Note:

1. Examples of blogs that are mounted on the widget can be found here or here animated widget blog widget
2. To change the position of the widget from the left to right instead of left to right tag
To change the position from left to right to left instead of right tag
Examples can be seen below

<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://anaznews.blogspot.com/2012/04/how-to-display-animated-images-at.html" target="_blank">Widget-Animated</a></center></small></div>

Artis

1. Leonardo




For the widget image animation artist can be seen the script here widget animated blog

for other funny cartoon animation widget like this can be found here funny animation widget.
.
24.The eggs hatch



25.chickens lay egg



26.Bear




27.wicket