Sunday, August 15, 2010

Look--- I have falling leaves on my BLOG! Here’s How!!

I knew I could do it, but dang, it took a lot of tries~~  I have figured out how to add falling objects to BlogSpot!!  Here is what you do…. 

1-Copy the code below and paste it into a new note in NotePad or somewhere you can edit it and save it.  It is for the falling leaves, but below I tell you how to use your own image.

<div align="center"> 
<marquee behavior="scroll" direction="down" style="position:absolute; left:50px; top:150px; width:30px; height:15000px; z-index:1;"

scrollamount="1"><span class="falling1"><img src="http://www.123myspace.com/fallingobject/code/1491.gif" /></span></marquee> 
<marquee behavior="scroll" direction="down" style="position:absolute; left:300px; top:150px; width:30px; height:15000px; z-index:1;"

scrollamount="2"><span class="falling1"><img src="http://www.123myspace.com/fallingobject/code/1491.gif" /></span></marquee> 
<marquee behavior="scroll" direction="down" style="position:absolute; left:700px; top:150px; width:30px; height:15000px; z-index:1;"

scrollamount="3"><span class="falling1"><img src="http://www.123myspace.com/fallingobject/code/1491.gif" /></span></marquee> 
<marquee behavior="scroll" direction="down" style="position:absolute; left:800px; top:500px; width:30px; height:15000px; z-index:1;"

scrollamount="4"><span class="falling2"><img src="http://www.123myspace.com/fallingobject/code/1491.gif" /></span></marquee> 
<marquee behavior="scroll" direction="down" style="position:absolute; left:900px; top:150px; width:30px; height:15000px; z-index:1;"

scrollamount="4"><span class="falling1"><img src="http://www.123myspace.com/fallingobject/code/1491.gif" /></span></marquee> 
<marquee behavior="scroll" direction="down" style="position:absolute; left:100px; top:180px; width:30px; height:10000px; z-index:1;"

scrollamount="2"><span class="falling2"><img src="http://www.123myspace.com/fallingobject/code/1491.gif" /></span></marquee> 
<marquee behavior="scroll" direction="down" style="position:absolute; left:400px; top:180px; width:30px; height:10000px; z-index:1;"

scrollamount="3"><span class="falling2"><img src="http://www.123myspace.com/fallingobject/code/1491.gif" /></span></marquee> 
<marquee behavior="scroll" direction="down" style="position:absolute; left:800px; top:180px; width:30px; height:10000px; z-index:1;"

scrollamount="4"><span class="falling2"><img src="http://www.123myspace.com/fallingobject/code/1491.gif" /></span></marquee> 
<marquee behavior="scroll" direction="down" style="position:absolute; left:1000px; top:180px; width:30px; height:10000px; z-index:1;"

scrollamount="1"><span class="falling2"><img src="http://www.123myspace.com/fallingobject/code/1491.gif" /></span></marquee> 
<marquee behavior="scroll" direction="down" style="position:absolute; left:150px; top:180px; width:30px; height:10000px; z-index:1;"

scrollamount="3"><span class="falling2"><img src="http://www.123myspace.com/fallingobject/code/1491.gif" /></span></marquee> 
<marquee behavior="scroll" direction="down" style="position:absolute; left:650px; top:180px; width:30px; height:10000px; z-index:1;"

scrollamount="4"><span class="falling2"><img src="http://www.123myspace.com/fallingobject/code/1491.gif" /></span></marquee> 
<marquee behavior="scroll" direction="down" style="position:absolute; left:235px; top:180px; width:30px; height:10000px; z-index:1;"

scrollamount="4"><span class="falling2"><img src="http://www.123myspace.com/fallingobject/code/1491.gif" /></span></marquee> 
<marquee behavior="scroll" direction="down" style="position:absolute; left:450px; top:180px; width:30px; height:10000px; z-index:1;"

scrollamount="1"><span class="falling2"><img src="http://www.123myspace.com/fallingobject/code/1491.gif" /></span></marquee> 
<marquee behavior="scroll" direction="down" style="position:absolute; left:750px; top:180px; width:30px; height:10000px; z-index:1;"

scrollamount="2"><span class="falling2"><img src="http://www.123myspace.com/fallingobject/code/1491.gif" /></span></marquee> 
</div>

 

2- Find a gif you want to fall down your page…. you need to have it online with a web address for it to link to.  Look at the code above….

Everywhere it says>>>>>>> img src=”http://……”

That is where you change it from my graphic to the one of your choosing.

Make sure it is small, less that 30 pixels wide.

 

3.  Open your dashboard to Design >add page elements> then Add Element> Choose HTML> Paste your code there…. that is it!

How cool is that? 

Enjoy….Brooke

1 comment :

  1. Thanks for posting on how to put the falling leaves on your blog.

    Kristy

    ReplyDelete

Thanks so much for leaving a comment. I enjoy hearing from my readers!