Add Scrollbar Widget To Blogger

How to Add Scrollbar Widget To Your Blogger :

We can add scroll bar widgets to our Blogger blog. It is easy to add a scroll bar widget with the overflow attribute.

Follow below steps to add scrollbar widget to blogger

Step 1 : Go to Blogger dashboard

Step 2 : Click on Layout

Step 3 : Click on Add a gadget and add Html /JavaScript gadget

Step 4 : Place below code in Html /JavaScript gadget window

<div style="overflow:auto;width:240px;height:250px;padding:12px;">
<ul>

<li><a href="Url Link">Text</a></li>
<li><a href="Url Link">Text</a></li>
<li><a href="Url Link">Text</a></li>

</ul>
</div>

Step 5 : Click on Save

You can increase or decrease the width and height of the scrollbar widget by changing the values in the <div> tag.

1 comment: