.

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!

6 comments:

  1. Thanks for this. will try it when I go to the cafe 2mao.

    ReplyDelete
  2. Yess! I can now scrolling linklist on my blog. I have tried it and it works.
    Thanks for sharing the Ogbonge man called Jide.

    ReplyDelete
    Replies
    1. Glad it worked for you. Thanks for the feedback. Happy Blogging!

      Delete


  3. Please, i will like you to take a close look at 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.

    ReplyDelete
    Replies
    1. This is off topic bro. You can contact me via email and I will get back to you

      Delete

We love to hear from you!

If your comment is unrelated to this post, please use our Contact page.

Want to be notified when I reply your comment? Tick the "Notify Me" box.

THANKS.