Creating Spring Effect To Blogger

Christmas and new year are coming… give your blog a snow effect for this great vocation

1.DEMO
2.Html code

<marquee behavior=”scroll” direction=”down” style=”position:absolute;border:0px;padding:0px;margin:0px;left:504px;top:106px;width:auto;height:463px;z-index:1;” scrollamount=”"><span class=”falling1″><img src=”http://i38.tinypic.com/2h3r7l4.jpg” /></span></marquee><marquee behavior=”scroll” direction=”down” style=”position:absolute;border:0px;padding:0px;margin:0px;left:348px;top:45px;width:auto;height:639px;z-index:1;” scrollamount=”6″><span class=”falling1″><img src=”http://i38.tinypic.com/2h3r7l4.jpg” /></span></marquee><marquee behavior=”scroll” direction=”down” style=”position:absolute;border:0px;padding:0px;margin:0px;left:685px;top:6px;width:auto;height:231px;z-index:1;” scrollamount=”3″><span class=”falling1″><img src=”http://i38.tinypic.com/2h3r7l4.jpg” /></span></marquee><marquee behavior=”scroll” direction=”down” style=”position:absolute;border:0px;padding:0px;margin:0px;left:138px;top:29px;width:auto;height:584px;z-index:1;” scrollamount=”2″><span class=”falling1″><img src=”http://i38.tinypic.com/2h3r7l4.jpg” /></span></marquee><marquee behavior=”scroll” direction=”down” style=”position:absolute;border:0px;padding:0px;margin:0px;left:847px;top:118px;width:auto;height:205px;z-index:1;” scrollamount=”4″><span class=”falling1″><img src=”http://i38.tinypic.com/2h3r7l4.jpg” /></span></marquee><marquee behavior=”scroll” direction=”down” style=”position:absolute;border:0px;padding:0px;margin:0px;left:890px;top:69px;width:auto;height:418px;z-index:1;” scrollamount=”6″><span class=”falling1″><img src=”http://i38.tinypic.com/2h3r7l4.jpg” /></span></marquee><marquee behavior=”scroll” direction=”down” style=”position:absolute;border:0px;padding:0px;margin:0px;left:2px;top:68px;width:auto;height:297px;z-index:1;” scrollamount=”7″><span class=”falling1″><img src=”http://i38.tinypic.com/2h3r7l4.jpg” /></span></marquee><marquee behavior=”scroll” direction=”down” style=”position:absolute;border:0px;padding:0px;margin:0px;left:701px;top:110px;width:auto;height:435px;z-index:1;” scrollamount=”1″><span class=”falling1″><img src=”http://i38.tinypic.com/2h3r7l4.jpg” /></span></marquee><marquee behavior=”scroll” direction=”down” style=”position:absolute;border:0px;padding:0px;margin:0px;left:229px;top:51px;width:auto;height:537px;z-index:1;” scrollamount=”3″><span class=”falling1″><img src=”http://i38.tinypic.com/2h3r7l4.jpg” /></span></marquee><marquee behavior=”scroll” direction=”down” style=”position:absolute;border:0px;padding:0px;margin:0px;left:833px;top:74px;width:auto;height:282px;z-index:1;” scrollamount=”2″><span class=”falling1″><img src=”http://i38.tinypic.com/2h3r7l4.jpg” /></span></marquee><marquee behavior=”scroll” direction=”down” style=”position:absolute;border:0px;padding:0px;margin:0px;left:771px;top:82px;width:auto;height:153px;z-index:1;” scrollamount=”7″><span class=”falling1″><img src=”http://i38.tinypic.com/2h3r7l4.jpg” /></span></marquee><marquee behavior=”scroll” direction=”down” style=”position:absolute;border:0px;padding:0px;margin:0px;left:859px;top:51px;width:auto;height:444px;z-index:1;” scrollamount=”1″><span class=”falling1″><img src=”http://i38.tinypic.com/2h3r7l4.jpg” /></span></marquee><marquee behavior=”scroll” direction=”down” style=”position:absolute;border:0px;padding:0px;margin:0px;left:554px;top:1px;width:auto;height:178px;z-index:1;” scrollamount=”1″><span class=”falling1″><img src=”http://i38.tinypic.com/2h3r7l4.jpg” /></span></marquee><marquee behavior=”scroll” direction=”down” style=”position:absolute;border:0px;padding:0px;margin:0px;left:169px;top:21px;width:auto;height:206px;z-index:1;” scrollamount=”3″><span class=”falling1″><img src=”http://i38.tinypic.com/2h3r7l4.jpg” /></span></marquee><marquee behavior=”scroll” direction=”down” style=”position:absolute;border:0px;padding:0px;margin:0px;left:786px;top:25px;width:auto;height:142px;z-index:1;” scrollamount=”4″><span class=”falling1″><img src=”http://i38.tinypic.com/2h3r7l4.jpg” /></span></marquee><marquee behavior=”scroll” direction=”down” style=”position:absolute;border:0px;padding:0px;margin:0px;left:775px;top:74px;width:auto;height:771px;z-index:1;” scrollamount=”1″><span class=”falling1″><img src=”http://i38.tinypic.com/2h3r7l4.jpg” /></span></marquee><marquee behavior=”scroll” direction=”down” style=”position:absolute;border:0px;padding:0px;margin:0px;left:450px;top:38px;width:auto;height:418px;z-index:1;” scrollamount=”6″><span class=”falling1″><img src=”http://i38.tinypic.com/2h3r7l4.jpg” /></span></marquee><marquee behavior=”scroll” direction=”down” style=”position:absolute;border:0px;padding:0px;margin:0px;left:250px;top:92px;width:auto;height:775px;z-index:1;” scrollamount=”4″><span class=”falling1″><img src=”http://i38.tinypic.com/2h3r7l4.jpg” /></span></marquee><marquee behavior=”scroll” direction=”down” style=”position:absolute;border:0px;padding:0px;margin:0px;left:173px;top:19px;width:auto;height:389px;z-index:1;” scrollamount=”3″><span class=”falling1″><img src=”http://i38.tinypic.com/2h3r7l4.jpg” /></span></marquee><marquee behavior=”scroll” direction=”down” style=”position:absolute;border:0px;padding:0px;margin:0px;left:804px;top:49px;width:auto;height:493px;z-index:1;” scrollamount=”7″><span class=”falling1″><img src=”http://i38.tinypic.com/2h3r7l4.jpg” /></span></marquee><marquee behavior=”scroll” direction=”down” style=”position:absolute;border:0px;padding:0px;margin:0px;left:543px;top:72px;width:auto;height:397px;z-index:1;” scrollamount=”2″><span class=”falling1″><img src=”http://i38.tinypic.com/2h3r7l4.jpg” /></span></marquee><a style=”color: #000080; font-family: tahoma; font-size: 11px; text-decoration: none; border: 1px double #00ADEF; padding: 1px; background: #FFF”</a>

3.Adding To blogspot.
1. Log into blogger and go to your blogger account dashboard.

 Creating Spring Effect To Blogger

2. Navigate to layout and on your sidebar click Add Gadget and select HTML/javaScript

 Creating Spring Effect To Blogger

3. leave the title empty, and on the content area, paste your generated code.

 Creating Spring Effect To Blogger

4. click Save, now move the gadget from sidebar top area
to bottom area.

 Creating Spring Effect To Blogger

5. Click save changes And Enjoy,

 Creating Spring Effect To Blogger

Note:please save this image and upload to your Image directory And replace http://i38.tinypic.com/2h3r7l4.jpg with your link or upload your own picture and replace the link with http://i38.tinypic.com/2h3r7l4.jpg.

Related posts:

  1. How Make Page Peel Effect Add For Blogger .. ...
  2. Add Related Posts Widget after Each Blogger Post ...
  3. Random Posts Widget for Blogger / Blogspot ...
  4. Show Beautifull Strip Ad Navbar like Blogger Navbar ...
  5. Creating .bat programs ...
  6. 3D Tag Cloud for Blogger Blogs (Cumulus in Blogger) ...
  7. How to increase your Internet connection speed? ...
  8. Chucky Theme Blogger Template ...