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.
Sign up with your email address to receive the latest updates straight in your inbox.
I would love to do this and tidy up..so scared to lose everything!
ReplyDeleteThan 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!
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.
ReplyDeleteLinda- Should you add one to mine??? You know I am clueless. LOL! Your call:)
ReplyDeleteYou know I am scared to do things like this- but if a certain talented blogger wanted to fix mine she'd be welcome to!
ReplyDeleteWhat a wonderful Blog Fairy you are, sweet Linda! I hope you're enjoying your Springtime. xo
ReplyDeleteThank you Linda...I have saved this so maybe I can get the courage to do some tidying up on my blog.. this is great...
ReplyDeleteLove, Mona
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.
ReplyDeleteLoved our time chatting last night - you are such a doll! Hugs and love. xoxo
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
ReplyDeleteThank you so much for all your blogging tips. You explain it well but it is still waaaaay over my head!
ReplyDeleteHi Linda, you are a wealth of info and helps for bloggers. Thank you for sharing your expertise. Wishing you a wonderful holiday weekend.
ReplyDeleteHugs
Linda
ReplyDeleteI 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
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
ReplyDeleteHugs ~ Eddie
I may have to try this one day when I have time to sit long enough and read your tutorial.
ReplyDeleteThanks!
thanks
ReplyDeleteTq for this simple and easy tutorial... it is very easy to understand... tq linda...
ReplyDeleteI've tried as your guidance, but it doesn't work.
ReplyDeletehttp://arakanindobhasa.blogspot.com/
Hi
ReplyDeleteThank you for posting :-)
I love it
https://thanbyuzayattownship.blogspot.com
Thank you for your sharing of this super simple step... =)
ReplyDelete