How To Add Scrolling Effect to Blogger Link Lists

With some few lines of css, you can make a LinkList on your Blogger blog to become scroll-able. This will be helpful in adjusting the height of a LinkList that looks so long on your blog. Below is an example of a scrolling Link List gadget on my blog which am using to display links to some blogging tips on my blog.

How To Get Started

I expect you to have already added the LinkList to your blog. If not, log in to your Blogger dashboard, go to “Layout“, click the “Add gadget” link and choose “Link List” from the list of Blogger gadgets. Add links to the gadget and SAVE.

To add the scrolling effect to the LinkList, we need to get the ID of the LinkList. To get this, go to “Layout” and click on the “edit” link under the LinkList as seen in the picture below:

You should see a new window similar to the one in the screenshot below:

Click in the address bar of the new window and carefully scroll to the end of the address till you see an ID similar to the one in the screenshot above.

In the screenshot above, the id of my LinkList is LinkList6. This will be needed in the css code.

==> From your Blogger dashboard, go to “Template“, ==> “edit HTML” ==> “Proceed

==> Use CTRL F to find ]]></b:skin>

==> Immediately above it, paste this css code:

#LinkList6 .widget-content {
height: 150px;
overflow: auto; }

NOTE: If your LinkList is LinkList2, make sure you edit the code above with the id of your LinkList. You can also adjust the “height” as you desire.

==> Click on SAVE TEMPLATE.

View your blog and you should see the scrolling effect, right on your Link List.

I hope this works..

Please, let me know if it works for you. If you face challenges or have contributions to make, kindly relay them via the comments.

Cheers!

Spread the love :

Written by jidetheblogger

Pro Nigerian Blogger, Digital Marketer and Web designer. I help business owners to grow their businesses online. You can join my Facebook Group here.

6 Comments

Leave a Reply
  1. Please, i will like you to take a close look at http://www.naijainformation.com and tell me what you like and dislike about the blog.

    God bless you as you take your time to help me with this.

    Cheers.

Leave a Reply

We're glad you have chosen to leave a comment. Please keep in mind that comments are moderated according to our comment policy. Your email address is required but will not be published. No keyword stuffing in the name field and commenting from blah blah blah makes no sense. Thank You.

  • We can help you buy items from Amazon USA and ship to NigeriaMore Info
  • Do you want to ask some questions?Click Here
  • You Can Use Your Phone To Post Ad OnlineLearn More

How To Use NameCheap FREE DNS To Set Up Blogger Custom Domain With Registrars That Do Not Offer DNS Management

How To Write Blog Posts Using Nokia Phones OviMail App