How To Make LabeL Scrolling Efect

In this posting we will discuss how to control the label by using the scroll effect, do you have a blog with the amount of many content? .... content to hundreds of thousands may be? we may have the same problem, i fix the problem by creating a label scrolling effect, as you see on this blog.

Now, how to make a label scrolling effect?do you wanna know how to make it?


Step 1

Go to HTML Edit menu

Step 2

Backup your template on notepad

Step 3

Click Expand Widget Template, and find this code

<b:widget id='Label1' locked='false' title='LABELS' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>


Step 4

Replaced that code with this code :

<b:widget id='Label1' locked='false' title='LABELS' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:100px;'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

you can change the width and height as you want

Step 5

Save Template and see the results.........

I hope this is useful for you