Lets Make a Scrolling Bar menu for your Blog
Login To Blogger Go To > Design > Page Elements.
Simply add a Gadget of HTML/JavaScript type.
add this code in to it:
<div style="overflow:auto;width:260px;height:300px;padding:10px;">
<ul>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
</ul>
</div>
Replace Your Link and Your Text with your contents.<ul>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
<li><a href="Your Link">Your Text</a></li>
</ul>
</div>
you can edit width,height and padding in blue to adjust it to your blog.
Now click Save and That's It.
4 comments so far:
Hi!
Thanks for this tutorial!
Could you please tell me what is mean by padding:10px
Thanks!
Hi! Leesa
It is used to make the distance between the writing or content of the scrolling page and the wall of the scrolling page or you use this code in order not to make the writing or content of the scrolling page touch the page of wall. You can change this code as you like, such as; padding; 5px.
Thanks! It's really helpfull.
And One More thing I checked out many sites, For Better Blogging. But I got Nothing good. But You're site is really good. May god Your site get More and more Popularity.
Post a Comment