How To Create Scrolling Links List

Posted by Lasantha Bandara File Under : html 0 Comment

1.Login to your dashboard--> layout- ->Page Elements

2.Click on 'Add a Gadget' on the sidebar.

3.Select 'HTML/Javascript' and add the code given below and click save.

<marquee bgcolor="#dff6ff" height="100px" width="300px" direction="up" scrollamount="2">
<ul type="circle">
<li><a href="YOUR-LINK-1" target="_blank">LINK-NAME-1</a></li>
<li><a href="YOUR-LINK-2" target="_blank">LINK-NAME-2</a></li>
<li><a href="YOUR-LINK-3" target="_blank">LINK-NAME-3</a></li>
<li><a href="YOUR-LINK-4" target="_blank">LINK-NAME-4</a></li>
<li><a href="YOUR-LINK-5" target="_blank">LINK-NAME-5</a></li>
<li><a href="YOUR-LINK-6" target="_blank">LINK-NAME-6</a></li>
<li><a href="YOUR-LINK-7" target="_blank">LINK-NAME-7</a></li>
<li><a href="YOUR-LINK-8" target="_blank">LINK-NAME-8</a></li>
<li><a href="YOUR-LINK-9" target="_blank">LINK-NAME-9</a></li>
<li><a href="YOUR-LINK-10" target="_blank">LINK-NAME-10</a></li>
</ul>
</marquee>

Result of above code will look like this.

Note : Remember to replace YOUR-LINK-X and LINK-NAME-X with your details.

             You can change bgcolor ,height ,width,...... of above code as your choice.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.