18 October, 2009

Creating spring Effect To blogger[with demo]



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.
2. Navigate to layout and on your sidebar click Add Gadget and select HTML/javaScript
3. leave the title empty, and on the content area, paste your generated code.
4. click Save, now move the gadget from sidebar top area to bottom area.
5. Click save changes And Enjoy,

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


See A image Based Tutorial

2 comments:

  1. Ishan invited you to join the Facebook group "PAVO9-HELPING HANDS".

    To see more details and confirm this group invitation, follow the link below:
    http://www.facebook.com/p.php?i=1056192146&k=Z61ZXWUZQXTF6BD1PB5ZUWSQUSIB4Z6MU4ATF&oid=106733012699936

    Facebook helps you find and keep in touch with family, friends and colleagues. You can share unlimited photos, plan events and join discussion groups. It's free and everyone can join.

    To register, go to:
    http://www.facebook.com/p.php?i=1056192146&k=Z61ZXWUZQXTF6BD1PB5ZUWSQUSIB4Z6MU4ATF&r

    If you are receiving this email and are already a Facebook member, please make sure that this email address is associated with your Facebook account.

    Thanks,
    The Facebook Team

    ___________________
    was invited to join Facebook by Ishan Banga. If you do not wish to receive this type of email from Facebook in the future, please click on the link below to unsubscribe.
    http://www.facebook.com/o.php?k=000b3f&u=100001016432266&mid=22aa939G5af34d0fc68aG122dG6
    Facebook's offices are located at 1601 S. California Ave., Palo Alto, CA 94304.

    ReplyDelete
  2. =======================================
    To join Facebook, please follow the link below: http://www.facebook.com/r.php?re=391989d5d379cdc106906764a07d528f&mid=5482b4dG5af34d0fc68aG0G46&key=AQDzwW9UVqAenfM5jEgFFdfzPN8r1bNuO5lKrkMUsJHmo16q0kVi_RMnxoAtaoX82GohVbGfuuijE1S4&invid=1056192146 =======================================

    Hi,

    The following person invited you to be their friend on Facebook:

    Ishan Banga (Invite sent: 5 de octubre de 2011)


    Other people who have invited you to join Facebook:

    Siahn Guntavid (Invite sent: 1 de noviembre de 2010)


    Facebook is a great place to keep in touch with friends, post photos and videos, and create events. But first you need to join! Sign up today to create a profile and connect with the people you know.
    Thanks,
    The Facebook Team

    To join Facebook, please follow the link below: http://www.facebook.com/r.php?re=391989d5d379cdc106906764a07d528f&mid=5482b4dG5af34d0fc68aG0G46&key=AQDzwW9UVqAenfM5jEgFFdfzPN8r1bNuO5lKrkMUsJHmo16q0kVi_RMnxoAtaoX82GohVbGfuuijE1S4&invid=1056192146

    =======================================
    This message was sent to If you don't want to receive these emails from Facebook in the future, please follow the link below to unsubscribe.
    http://www.facebook.com/o.php?k=000b3f&u=100001016432266&mid=5482b4dG5af34d0fc68aG0G46
    Facebook, Inc. Attention: Department 415 P.O Box 10005 Palo Alto CA 94303

    ReplyDelete


Spam/advertising comments will NEVER BE TOLERATED and will be deleted immediately!

I advise you to also "subscribe to the comment feed" and get email updates when I respond to your question.
Thanks for reading,
Admin