Share

adding falling yellow hearts with red border for your blogspot blog. blogger falling objects -hearts-

Here is a demo blog,Click here (It’ll open in a new window) to visit it and see the falling hearts.

select all the blow code then copy it.
and go to your blogger account,
select “LAYOUT”
you now at :”Page Elements” Page
choose any sidebar of yours, if you got more than 1 sidebar, and click “add a gadget”
Select : HTML/JavaScript
And past the code that you chosen from here,
click save, and drag this new HTML/JavaScript to the bottom of your sidebar. then check your blog.

<marquee behavior="scroll" direction="down" style="position:absolute; left:110px; top:150px; width:16px; height:483px; z-index:1;" scrollamount="3"><span class="falling1"><img src="http://www.allblogtools.com/imgup/12-2008/uploaded/heart3.gif"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:169px; top:170px; width:16px; height:411px; z-index:1;" scrollamount="2"><span class="falling2"><img src="http://www.allblogtools.com/imgup/12-2008/uploaded/heart3.gif"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:213px; top:190px; width:16px; height:346px; z-index:1;" scrollamount="3"><span class="falling1"><img src="http://www.allblogtools.com/imgup/12-2008/uploaded/heart3.gif"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:279px; top:180px; width:16px; height:512px; z-index:1;" scrollamount="1"><span class="falling2"><img src="http://www.allblogtools.com/imgup/12-2008/uploaded/heart3.gif"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:310px; top:160px; width:16px; height:428px; z-index:1;" scrollamount="7"><span class="falling1"><img src="http://www.allblogtools.com/imgup/12-2008/uploaded/heart3.gif"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:250px; top:190px; width:16px; height:206px; z-index:1;" scrollamount="5"><span class="falling2"><img src="http://www.allblogtools.com/imgup/12-2008/uploaded/heart3.gif"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:148px; top:150px; width:16px; height:287px; z-index:1;" scrollamount="7"><span class="falling1"><img src="http://www.allblogtools.com/imgup/12-2008/uploaded/heart3.gif"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:297px; top:170px; width:16px; height:239px; z-index:1;" scrollamount="6"><span class="falling2"><img src="http://www.allblogtools.com/imgup/12-2008/uploaded/heart3.gif"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:110px; top:230px; width:16px; height:254px; z-index:1;" scrollamount="7"><span class="falling1"><img src="http://www.allblogtools.com/imgup/12-2008/uploaded/heart3.gif"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:369px; top:190px; width:16px; height:420px; z-index:1;" scrollamount="3"><span class="falling2"><img src="http://www.allblogtools.com/imgup/12-2008/uploaded/heart3.gif"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:385px; top:150px; width:16px; height:520px; z-index:1;" scrollamount="3"><span class="falling1"><img src="http://www.allblogtools.com/imgup/12-2008/uploaded/heart3.gif"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:441px; top:170px; width:16px; height:381px; z-index:1;" scrollamount="4"><span class="falling2"><img src="http://www.allblogtools.com/imgup/12-2008/uploaded/heart3.gif"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:477px; top:200px; width:16px; height:392px; z-index:1;" scrollamount="7"><span class="falling1"><img src="http://www.allblogtools.com/imgup/12-2008/uploaded/heart3.gif"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:569px; top:170px; width:16px; height:485px; z-index:1;" scrollamount="6"><span class="falling2"><img src="http://www.allblogtools.com/imgup/12-2008/uploaded/heart3.gif"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:599px; top:200px; width:16px; height:386px; z-index:1;" scrollamount="3"><span class="falling1"><img src="http://www.allblogtools.com/imgup/12-2008/uploaded/heart3.gif"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:530px; top:170px; width:16px; height:383px; z-index:1;" scrollamount="1"><span class="falling2"><img src="http://www.allblogtools.com/imgup/12-2008/uploaded/heart3.gif"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:608px; top:200px; width:16px; height:347px; z-index:1;" scrollamount="1"><span class="falling1"><img src="http://www.allblogtools.com/imgup/12-2008/uploaded/heart3.gif"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:642px; top:250px; width:16px; height:435px; z-index:1;" scrollamount="7"><span class="falling2"><img src="http://www.allblogtools.com/imgup/12-2008/uploaded/heart3.gif"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:681px; top:290px; width:16px; height:499px; z-index:1;" scrollamount="3"><span class="falling1"><img src="http://www.allblogtools.com/imgup/12-2008/uploaded/heart3.gif"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:659px; top:180px; width:16px; height:222px; z-index:1;" scrollamount="7"><span class="falling2"><img src="http://www.allblogtools.com/imgup/12-2008/uploaded/heart3.gif"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:698px; top:160px; width:16px; height:250px; z-index:1;" scrollamount="4"><span class="falling1"><img src="http://www.allblogtools.com/imgup/12-2008/uploaded/heart3.gif"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:726px; top:200px; width:16px; height:382px; z-index:1;" scrollamount="1"><span class="falling2"><img src="http://www.allblogtools.com/imgup/12-2008/uploaded/heart3.gif"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:754px; top:150px; width:16px; height:542px; z-index:1;" scrollamount="1"><span class="falling1"><img src="http://www.allblogtools.com/imgup/12-2008/uploaded/heart3.gif"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:780px; top:180px; width:16px; height:437px; z-index:1;" scrollamount="2"><span class="falling2"><img src="http://www.allblogtools.com/imgup/12-2008/uploaded/heart3.gif"/></span></marquee>

<a style="color: #000080; font-family: tahoma; font-size: 11px; text-decoration: none; border: 1px double #00ADEF; padding: 1px; background: #FFF" target="_blank" href="http://www.allblogtools.com/">
Get Blogger Falling Hearts</a>

By Max

I'm Max, The founder and the admin of AllBlogTools.com I'm a very big van of blogging ,design and coding, I think that i'll die next to my computer.

• Adding falling stars for blogspot
• New Tool !! Blogger Falling Objects Generator.

• 9 responses so far!
•      Gossimer ( 10:09 AM on 1/11/09 )

  Awesome! that’s really awesome! I loved it! you really have been great with the stuff you post here for bloggers.

•      Max ( 9:00 PM on 1/13/09 )

  thanks Gossimer.
  we’ll add more and more soon

•      atiey_92 ( 1:39 AM on 3/18/09 )

  i really love dis..
  but it move to slow..
  is it my blog having problem??
  or it is the movement of the falling object are to slow??
  any ideas to make it move more faster???
  help me please..
  thanks ue..
  really love this

•      Roefan ( 8:43 AM on 5/13/09 )

  do have any butterfly for this? i like butterflies on my blogspot….

•      Max ( 1:34 PM on 5/14/09 )

  hi Roefan
  we’ll add falling butterflies soon,
  and we’ll try to add falling objects generator soon too.
  so you can add what ever you want to fall.

•      malay ( 9:58 AM on 6/5/09 )

  gud idea

•      marian ( 2:04 AM on 9/5/09 )

  do you know where I can find falling leaves??

•      Max ( 7:00 PM on 9/10/09 )

  hi marian,
  we’ll add falling objects generator for allblogtools.com soon so you can have what ever you want to fall.

•      Adding falling Hearts, Stars, Leaves & Snow « သက္နႏၵာ မိသားစု ( 4:20 AM on 9/28/09 )

  [...] Heart ေလးေတြ က်ခ်င္ရင္ – http://www.allblogtools.com/falling-objects/adding-falling-hearts-for-blogger-1/ [...]