Unique Animation

How to Install Animation In Blog

How to Install Animation In Blogs - There are several widget usual blog post as a decoration, or set the calendar, there is put a song on a blog, put animation on blogs and much more. But this time, we specifically discuss how to put an animated widget on your blog.

This widget can mate placed anywhere but generally in place in the upper right corner of the blog such, lower right, upper left and lower left blog. Below has been provided several animation that can mate with menkopi use script and insert HTML / Javascript on your blog. If interested and in a sense useful, please use.

How to Install Animation In Blog

1.baby laugh

Here are the Script:

<div style = "position: fixed; bottom: 0px; right: 20px; width: 82px; height: 160px;"> <a href = "http://content.sweetim.com/sim/cpie/emoticons/0002031F. gif "target =" _ blank "> <img src =" http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif "alt =" animation blog "/> </a> <small> <center > <a href="http://irwanNoerdien.com" target="_blank"> Animation Blog </a> </ center> </ small> </ div>

2. Baby recline

Here are the Script:

<div style = "position: fixed; bottom: 0px; left: 20px; width: 120px; height: 100px;"> <a href = "http://content.sweetim.com/sim/cpie/emoticons/0002031E. gif "target =" _ blank "> <img alt =" animation blog "src =" http://content.sweetim.com/sim/cpie/emoticons/0002031E.gif "title =" Click to get more. " /> </a> <small> <center> <a href="http://irwanNoerdien.com" target="_blank"> Animation Blog </a> </ center> </ small> </ div >

3. Helicopter

Here are the Script:

<div style = "position: fixed; bottom: 0px; left: 10px; width: 110px; height: 130px;"> <a href = "http://content.sweetim.com/sim/cpie/emoticons/00020389. gif "target =" _ blank "> <img alt =" animation blog "src =" http://content.sweetim.com/sim/cpie/emoticons/00020389.gif "title =" Click to get more. " /> </a> <small> <center> <a href="http://irwanNoerdien.com" target="_blank"> Animation Blog </a> </ center> </ small> </ div >

4.Elephant jump

Here are the Script:

<div style = "position: fixed; bottom: 0px; left: 20px; width: 120px; height: 160px;"> <a href = "http://content.sweetim.com/sim/cpie/emoticons/000203BC. gif "target =" _ blank "> <img alt =" animation blog "src =" http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif "title =" Click to get more. " /> </a> <small> <center> <a href="http://irwanNoerdien.com" target="_blank"> Animation Blog </a> </ center> </ small> </ div >

5. Bored

Here are the Script:

<div style = "position: fixed; bottom: 0px; left: 20px; width: 80px; height: 120px;"> <a href = "http://content.sweetim.com/sim/cpie/emoticons/0002016B. gif "target =" _ blank "> <img src =" http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif "alt =" animation blog "/> </a> <small> <center > <a href="http://irwanNoerdien.com" target="_blank"> Animation Blog </a> </ center> </ small> </ div>

6. DDoll dancing

Here are the Script:

<div style = "position: fixed; bottom: 0px; left: 20px; width: 82px; height: 160px;"> <a href = "http://content.sweetim.com/sim/cpie/emoticons/0002013F. gif "target =" _ blank "> <img src =" http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif "alt =" animation blog "/> </a> <small> <center > <a href="http://irwanNoerdien.com" target="_blank"> Animation Blog </a> </ center> </ small> </ div>

7. Panda play ball

Here are the 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 =" animation blog "/> </a> <small> <center > <a href="http://irwanNoerdien.com" target="_blank"> Animation Blog </a> </ center> </ small> </ div>

8. Panda blue

Here are the Script:

<div style = "position: fixed; bottom: 0px; left: 20px; width: 100px; height: 100px;"> <a href = "http://content.sweetim.com/sim/cpie/emoticons/0002033D. gif "target =" _ blank "> <img alt =" animation blog "src =" http://content.sweetim.com/sim/cpie/emoticons/0002033D.gif "title =" Click to get more. " /> </a>

<small> <center> <a href="http://irwanNoerdien.com" target="_blank"> Animation Blog </a> </ center> </ small> </ div>

9.Pinguin

Here are the Script:

<div style = "position: fixed; bottom: 0px; left: 10px; width: 110px; height: 130px;"> <a href = "http://content.sweetim.com/sim/cpie/emoticons/00020484. gif "target =" _ blank "> <img alt =" animation blog "src =" http://content.sweetim.com/sim/cpie/emoticons/00020484.gif "title =" Click to get more. " /> </a> <small> <center> <a href="http://irwanNoerdien.com" target="_blank"> Animation Blog </a> </ center> </ small> </ div >

10. Arrow

Here are the 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 =" animation blog "src =" http://content.sweetim.com/sim/cpie/emoticons/00020236.gif "title =" Click to get more. " /> </a> <small> <center> <a href="http://irwanNoerdien.com" target="_blank"> Animation Blog </a> </ center> </ small> </ div >

11.Dragon

Here are the 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 alt =" animation blog "src =" http://content.sweetim.com/sim/cpie/emoticons/00020478.gif "title =" Click to get more. " /> </a> <small> <center> <a href="http://irwanNoerdien.com" target="_blank"> Animation Blog </a> </ center> </ small> </ div >

12. Kucing/Cat sleep

Here are the 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 alt =" animation blog "src =" http://content.sweetim.com/sim/cpie/emoticons/000203C0.gif "title =" Click to get more. " /> </a> <small> <center> <a href="http://irwanNoerdien.com" target="_blank"> Animation Blog </a> </ center> </ small> </ div >

13. Flowers

Here are the 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 alt =" animation blog "src =" http://content.sweetim.com/sim/cpie/emoticons/00020322.gif "title =" Click to get more. " /> </a> <small> <center> <a href="http://irwanNoerdien.com" target="_blank"> Animation Blog </a> </ center> </ small> </ div >

14. DOg sea

Here are the 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 alt =" animation blog "src =" http://content.sweetim.com/sim/cpie/emoticons/000203B5.gif "title =" Click to get more. " /> </a> <small> <center> <a href="http://irwanNoerdien.com" target="_blank"> Animation Blog </a> </ center> </ small> </ div >

15. dolphin

Here are the 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 alt =" animation blog "src =" http://content.sweetim.com/sim/cpie/emoticons/000203BA.gif "title =" Click to get more. " /> </a> <small> <center> <a href="http://irwanNoerdien.com" target="_blank"> Animation Blog </a> </ center> </ small> </ div >

16.Rabbit

Here are the 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 =" animation blog "src =" http://content.sweetim.com/sim/cpie/emoticons/000203A0.gif "title =" Click to get more. " /> </a> <small> <center> <a href="http://irwanNoerdien.com" target="_blank"> Animation Blog </a> </ center> </ small> </ div >

17.Fish

Here are the 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 alt =" animation blog "src =" http://content.sweetim.com/sim/cpie/emoticons/00020479.gif "title =" Click to get more. " /> </a> <small> <center> <a href="http://irwanNoerdien.com" target="_blank"> Animation Blog </a> </ center> </ small> </ div >

18. Doors

Here are the 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 =" animation blog "src =" http://content.sweetim.com/sim/cpie/emoticons/000203D1.gif "title =" Click to get more. " /> </a> <small> <center> <a href="http://irwanNoerdien.com" target="_blank"> Animation Blog </a> </ center> </ small> </ div >

19.Scream

Here are the 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 =" animation blog "src =" http://content.sweetim.com/sim/cpie/emoticons/00020309.gif "title =" Click to get more. " /> </a> <small> <center> <a href="http://irwanNoerdien.com" target="_blank"> Animation Blog </a> </ center> </ small> </ div > 

20.Prison

Here are the 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 =" animation blog "src =" http://content.sweetim.com/sim/cpie/emoticons/0002020A.gif "title =" Click to get more. " /> </a> <small> <center> <a href="http://irwanNoerdien.com" target="_blank"> Animation Blog </a> </ center> </ small> </ div >

21.Sincelery

Here are the 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 =" animation blog "src =" http://content.sweetim.com/sim/cpie/emoticons/000201C3.gif "title =" Click to get more. " /> </a> <small> <center> <a href="http://irwanNoerdien.com" target="_blank"> Animation Blog </a> </ center> </ small> </ div >

22.Cry

Here are the 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 =" animation blog "src =" http://content.sweetim.com/sim/cpie/emoticons/00020461.gif "title =" Click to get more. " /> </a> <small> <center> <a href="http://irwanNoerdien.com" target="_blank"> Animation Blog </a> </ center> </ small> </ div >

23.Champion Ship

Here are the 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 =" animation blog "src =" http://content.sweetim.com/sim/cpie/emoticons/0002068C.gif "title =" Click to get more. " /> </a> <small> <center> <a href="http://irwanNoerdien.com" target="_blank"> Animation Blog </a> </ center> </ small> </ div >

24. head Ball

Here are the 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 =" animation blog "src =" http://content.sweetim.com/sim/cpie/emoticons/000203CF.gif "title =" Click to get more. " /> </a> <small> <center> <a href="http://irwanNoerdien.com" target="_blank"> Animation Blog </a> </ center> </ small> </ div >

25. Bees

Here are the 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 =" animation blog "src =" http://content.sweetim.com/sim/cpie/emoticons/0002048F.gif "title =" Click to get more. " /> </a> <small> <center> <a href="http://irwanNoerdien.com" target="_blank"> Animation Blog </a> </ center> </ small> </ div >

26. Fan

Here are the 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 =" animation blog "src =" http://content.sweetim.com/sim/cpie/emoticons/000203E0.gif "title =" Click to get more. " /> </a> <small> <center> <a href="http://irwanNoerdien.com" target="_blank"> Animation Blog </a> </ center> </ small> </ div > 

27. Chicken Eggs Hatch

Here are the 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 =" animation blog "src =" http://content.sweetim.com/sim/cpie/emoticons/00020540.gif "title =" Click to get more. " /> </a> <small> <center> <a href="http://irwanNoerdien.com" target="_blank"> Animation Blog </a> </ center> </ small> </ div >

28.Chicken laying

Here are the 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 =" animation blog "src =" http://content.sweetim.com/sim/cpie/emoticons/00020541.gif "title =" Click to get more. " /> </a> <small> <center> <a href="http://irwanNoerdien.com" target="_blank"> Animation Blog </a> </ center> </ small> </ div >

27. While Sleeping Bear Fishing

Here are the 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 =" animation blog "src =" http://content.sweetim.com/sim/cpie/emoticons/00020486.gif "title =" Click to get more. " /> </a> <small> <center> <a href="http://irwanNoerdien.com" target="_blank"> Animation Blog </a> </ center> </ small> </ div >

28.Kiper Hurdles

Here are the 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 =" animation blog "src =" http://content.sweetim.com/sim/cpie/emoticons/00020686.gif "title =" Get More " /> </a> <small> <center> <a href="http://irwanNoerdien.com" target="_blank"> Animation Blog </a> </ center> </ small> </ div >

28.Kunai Strike

Here are the Script:

<div style = "position: fixed; bottom: 0px; left: 10px; width: 150px; height: 277px;"> <a href = "http://www.sweetim.com/s.asp?im=gen&lpver= 3 & ref = 10 "target =" _ blank "> <img alt =" animation blog "src =" http://images3.wikia.nocookie.net/__cb20100917082342/streetfighter/images/9/92/Kunai.gif "title =" Click to get more. " /> </a> <small> <center> <a href="http://irwanNoerdien.com" target="_blank"> Animation Blog </a> </ center> </ small> </ div >

29. Gundam run

Here are the 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 =" animation blog "src =" http://i1108.photobucket.com/albums/h405/christian410/11-1.gif "title =" Click to get more . " /> </a> <small> <center> <a href="http://irwanNoerdien.com" target="_blank"> Animation Blog </a> </ center> </ small> </ div >

30. Gundam Kick

Here are the Script:

<div style = "position: fixed; bottom: 0px; left: 10px; width: 140px; height: 190px;"> <a href = "http://www.sweetim.com/s.asp?im=gen&lpver= 3 & ref = 10 "target =" _ blank "> <img alt =" animation blog "src =" http://i1108.photobucket.com/albums/h405/christian410/13-1.gif "title =" Click to get more . " /> </a> <small> <center> <a href="http://irwanNoerdien.com" target="_blank"> Animation Blog </a> </ center> </ small> </ div >

31. Gundam Fight

Here are the Script:

<div style = "position: fixed; bottom: 0px; left: 10px; width: 150px; height: 277px;"> <img alt = "animation blog" src = "http://i1108.photobucket.com/albums/ H405 / christian410 / very_cool_fight_eypon_death.gif "title =" Click to get more. " /> <small> <center> <a href="http://irwanNoerdien.com" target="_blank"> Animation Blog </a> </ center> </ small> </ div>

32. Gundam Storm

Here are the Script:

<div style = "position: fixed; bottom: 0px; left: 10px; width: 300px; height: 545px;"> <a href="http://irwanNoerdien.com" target="_blank"> <img alt = "animation blog" src = "http://i1108.photobucket.com/albums/h405/christian410/godvsmaxterextremeworkout.gif" title = "Click to get more." /> </a> <small> <center> <a href="http://irwanNoerdien.com" target="_blank"> Animation Blog </a> </ center> </ small> </ div >

33. Fly Bird

Here are the Script:

<div style = "position: fixed; top: 0px; left: 10px; width: 225px; height: 160px;"> <a href="http://irwanNoerdien.com" target="_blank"> <img alt = "animation blog" src = "http://i567.photobucket.com/albums/ss114/fatiasa/bird_ann.gif" title = "Click to get more." /> </a> </ div>

34. Girls Rocked

Here are the Script:

<div style = "position: fixed; bottom: 0px; left: 10px; width: 110px; height: 130px;"> <a href = "http://www.javapic.com/images/97750430929323597589.gif" target = "_blank"> <img alt = "animation blog" src = "http://www.javapic.com/images/97750430929323597589.gif" title = "Click to get more." /> </a> <small> <center> <a href="http://irwanNoerdien.com" target="_blank"> Animation Blog </a> </ center> </ small> </ div >

Installation Method:

1. Log in to your blog account.

2. Click Design -> Page Elements -> Add Gadget -> HTML Javascript.

3. Enter the script into the box provided.

4. Then click save.

Supplement:

To change the position of animation from right to left, just change the code right to left. vice versa.

To change the position of the animation from the ground up, you just change the code with code Top bottom

Post Source By : christiantatelu

Hope this article usefull for you, spread this article..!!!