Blogger - Add scroll Box for Archive and Labels | Life and Linda

Subscribe to receive updated tablescapes, designs and more Click Here!


Blogger - Add scroll Box for Archive and Labels

With blogging, we can get many labels and a large archive, so to keep things neat and tidy, we can put our Blogger labels and archive in a scroll box.
This is quite handy and will take up less space. I personally have my labels in a drop-down menu.

Here is my example: To see it live, scroll down to my right sidebar and look
for categories.

Here's a snapshot of  my Blogger archives in a scroll box.
To see it live, scroll down to my right sidebar, toward the bottom.

which means: 
CSS stands for Cascading Style Sheets; Styles define how to display HTML elements;
Always back up your blog before doing any coding.

Tutorial for adding your archives in a scroll box:
Go to your Blogger dashboard
Click Template
Click Customize
Click Advanced
Click the scroll bar, until you see Add CSS, it's a white box.

 Copy  this code and paste it in the white box.
Click enter on your keyboard and then click apply to blog.

Code For Archive :
#BlogArchive1 .widget-content{height:200px; width:auto;overflow:auto;}

If you want your numerous labels in a scroll box, you do the same, with the exception of the code.
 Copy this code for Blogger's labels
Code for Labels 
 #Label1 .widget-content{height:200px; width:auto;overflow:auto;}

Paste it in the box, just like the archives.  Click enter and then click apply to blog. 

Here's another example of labels without a scroll box. Before:

 After a scroll box:

See the difference? Now you will be more organized and have more room.
If you are interested in a drop down menu for your labels, that is more difficult, but can be done by editing your HTML. I can always write a tutorial for that if you are comfortable editing your HTML code.

Easy, peasy....enjoy! Paul Crowe has a great site for Blogger's resources.

About Linda @ Life and Linda

Hello, welcome to LifeandLinda. I am from Northern California. I enjoy blogging, Designing Blogs, Decorating, cooking, entertaining, gardening and clogging. I hope you enjoy your visit.


  1. I would love to do this and tidy scared to lose everything!
    Than you ..if I get brave Linda I will..
    I am also wondering about the photos that are pale and turn darker with hovering..scared of that too lol!

  2. Linda, you are a wonderful resource. I'd love to tidy up my sidebar. Like Monique, I'm nervous that I might lose everything. I've backed up my blog frequently, but not sure it is actually backed up. It is confusing to me. Thanks for sharing this. I'm going to consider.

  3. Linda- Should you add one to mine??? You know I am clueless. LOL! Your call:)

  4. You know I am scared to do things like this- but if a certain talented blogger wanted to fix mine she'd be welcome to!

  5. What a wonderful Blog Fairy you are, sweet Linda! I hope you're enjoying your Springtime. xo

  6. Thank you Linda...I have saved this so maybe I can get the courage to do some tidying up on my blog.. this is great...
    Love, Mona

  7. You truly are a Fairy Blogmother, Linda! These tutorials are so well written and easy to understand and will help lots of folks to better utilize their blogs.
    Loved our time chatting last night - you are such a doll! Hugs and love. xoxo

  8. Hi linda! You are so savvy blog wise and I need to make some changes on my blog this summer. Thank you for taking the time to share, I hope you are well! Anita

  9. Thank you so much for all your blogging tips. You explain it well but it is still waaaaay over my head!

  10. Hi Linda, you are a wealth of info and helps for bloggers. Thank you for sharing your expertise. Wishing you a wonderful holiday weekend.

  11. Linda

    I would be delighted if you would pop over to my spacious and romantic ballroom and dance with me to some wonderful music.
    A little different from Clogging.

    I have wriiten something you might like against a backdrop of a hHope you a haunting melody. No chaperone required lol


  12. Linda, the mailman got the venue wrong - this address will lead you there. I shall be waiting for you . . . . . don't lose your glass slipper! LOL

    Hugs ~ Eddie

  13. I may have to try this one day when I have time to sit long enough and read your tutorial.


  14. Tq for this simple and easy tutorial... it is very easy to understand... tq linda...

  15. I've tried as your guidance, but it doesn't work.

  16. Hi
    Thank you for posting :-)
    I love it

  17. Thank you for your sharing of this super simple step... =)


I so appreciate your visits and sharing your thoughts at Life and Linda.

Please note that I use Google Adsense, Shareasale, Rakuten and Amazon affiliate links on this site. This means using them for purchases won’t cost you extra but may earn me a small commission. Our full disclosure is available for viewing under About in the disclosure policy.
All rights reserved. Our graphics, images and text are all subject to copyright protection.