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.