Blogger - Add scroll Box for Archive and Labels | Life and Linda -Blog Design, Decorating, Tablescapes, Gardening

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.




Share on Google Plus

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.
    Your comments are welcome!

17 comments:

  1. I would love to do this and tidy up..so 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!

    ReplyDelete
  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.

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

    ReplyDelete
  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!

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

    ReplyDelete
  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

    ReplyDelete
  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

    ReplyDelete
  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

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

    ReplyDelete
  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.
    Hugs

    ReplyDelete
  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

    xo

    ReplyDelete
  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

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

    Thanks!

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

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

    http://arakanindobhasa.blogspot.com/

    ReplyDelete
  16. Hi
    Thank you for posting :-)
    I love it
    https://thanbyuzayattownship.blogspot.com

    ReplyDelete

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

Need a New Look?