Translate This Blog
Always Remember To Back Up Your Template Before Attempting Any Of The Tweaks On This Site

Marquee Scrolling Gadgets

Lets spice up your blog with scrolling gadgets. This is a really nice trick that is pretty simple to do.

1. First you need to locate the widget/gadget ID of the gadget you want to make scroll.

2. Go to your Edit HTML page of your template and Expand Template Widgets.

3. Click Ctrl+F to activate the browser find bar and input your Widget/Gadget ID you just found in step 1.

(This will locate the code in your Edit HTML page.)

You should see something similar to what I have below with the blue highlighted.

<b:widget id='Widget/GadgetID' locked='false' title='TITLE' type='LinkList'>
<b:includable id='main'>

<b:if cond='data:title'><h2><data:title/></h2></b:if>
 <marquee direction='down'><div class='widget-content'>
   <ul>
     <b:loop values='data:links' var='link'>
       <li><a expr:href='data:link.target'><data:link.name/></a></li>
     </b:loop>
   </ul>
   <b:include name='quickedit'/>
 </div></marquee>
</b:includable>
</b:widget>

4.The red is the marquee tag I am adding to make it scroll. Refer to HTML marquee tags for help on what marquee tag you should use.

The rule is to add a marquee tag before the widget content div and after the closing widget content div as I have done above.

3 comments:

Tea Jurković said...

tnx, this is so cool!!!!!

sonidlo said...

Thanks!

Admin said...

Wow, this is really amazing...

Post a Comment

Please don't post hyperlinked text within the comment box! It will not be published and you will be marked as spam.

Web Design Blogs PageRank