Showing posts with label Marquee. Show all posts
Showing posts with label Marquee. Show all posts

May 19, 2009

Create Marquee or Scrolling Ads !

Marquee Or Scrolling Ads
On a blog or website you need to find ways to group like things together to save valuable space that you might want to use for showcasing other important things like an article list or recent posts.

Using the HTML tag <marquee> will let you combine similar units like Ads or text links and this will really save you a bunch of space.

Here are some examples of what you can do with the <marquee> tag using Ad graphics or just text.

What I also like about the marquee tag is that when you hover your mouse over a unit it will stop so you can click on an ad or text link.

The first scrolling Ad marquee is using graphic Ads that are 468px x 68px in size. I have them scrolling to the left.




110mb free hosting



The second scrolling Ad marquee is using graphic ads that are 468 px x 68 px in size. I have them scrolling to up.


110mb free hosting


Now to create a marquee ads Go to Layout>Page Element>Add a Gadget>Html/Javascript

Then Type/copy the following code:


<marquee onmouseover="this.stop()"
direction="left" onmouseout="this.start()"
scrollamount="4" loop="true"
width="468" height="68">
<img src="
Your ads Image Source Here">
<a href="
Your Ads Address Here">
</marquee>



You can change the height and width to fit whatever area you are working with.

You can play around with the scrollamount number to have your scrolling go faster or slower. The higher the number the faster your marquee will scroll.

The loop="true" tells the marquee to keep going and going and going. You can also use loop="2" where 2 is the amount of times you want your marquee to scroll and then stop

If you want the scroll to go up then change the direction to up - and you can use left, right, down.

If I am using ads I try to make all of them have the same size so it looks uniform when it is scrolling. Remember to change the height and width to fit whatever area you are working with. Then you put whatever links or graphics you want to scroll.

If you want to make text to scroll then just change the

<img src="Your ads Image Source Here"><a href="Address Here">

replacing With


<a href="Your address here" target="_blank">
Title Here</a>

If you don't understand anything here then leave a comment !
I'll try to solve your problem.
Related Posts with Thumbnails
Backlinks
Hey all My Visitors !! If you want to get a free backlink then please add my link Genius24 World to anywhere of your website/blog and then mail me at genius461@gmail.com ! I'll add your link within 24hours in my site. You can check your site later on, in the left side of my site in "Blogroll". In email please type your site name and URL. Thanks !
  • **Your website/blog must be a dofollow website/blog.
  • For image link copy the following code and paste it to anywhere of your website/blog. Photobucket
  • For text link copy the following code and paste it to anywhere of your website/blog. Genius24 World
     
    Template design by Genius @ Genius24