Saturday, November 6

Scrolling Pictures/Badges: How-to

Finally, Sane Insanity got a badge. Im done creating my badge and now Im accepting badge exchange. you can now grab my badge at the top of my chatbox. thank you..


anyway, i am making this post to share to you all on how i made those badges i grabbed to scroll. Fellow blogger Mona asked me how to, so I decided to make a tutorial for everybody.. kenyit

im not really good in html i just know and understand a few codes and most of the time i just search online for codes and tutorial and then experiment. Now, ill be sharing to you what i learn. this will help you organize those badges.

here is the code

<marquee behavior="scroll" direction="left" scrollamount="5" onmouseover="this.stop();" onmouseout="this.start();"> <a href="YOUR_LINK_HERE" title="WEBSITE NAME"target="_blank"><img src="URL_OF_IMAGE" border="0" width="125" height="125" alt="WEBSITE NAME"  /></a> <a href="YOUR_LINK_HERE" title="WEBSITE NAME"target="_blank"><img src="URL_OF_IMAGE" border="0" width="125" height="125" alt="WEBSITE NAME"  /></a></marquee>



or to simplify for blog owners,


<marquee behavior="scroll" direction="left" scrollamount="5" onmouseover="this.stop();" onmouseout="this.start();">PASTE THE CODE OF BADGES HERE</marquee>


in action
Sane Insanity Loitering and Noticing Dreams and Deja Vu


notes
*please change the texts in ALL CAPS with your url or website name as indicated
*direction= you can change this to "left" , "right" , "up", "down"
*scrollamount= this is the speed of the scroll, change this to any number you want
* onmouseover="this.stop();" onmouseout="this.start();" = this is the code to stop the pictures from scrolling when mouse is hovered, you can remove it if you want
* you can add as many pictures or badges you want

hope you get it, i dont really think im a good tutor.. lol
but please feel free to ask if there is something wrong or you dont understand, ill be glad to check it for you..

byebye for now
---------------------
Get cash from your website. Sign up as affiliate.

6 comments:

Related Posts with Thumbnails

Follow Me

Google+

 

Sane Insanity Copyright © 2009 Girlymagz is Designed by Bie Girl Vector by Ipietoon