Wednesday, July 8, 2015

How to Put Your Blogger Labels and Archives in a Scroll Box : A Tutorial

Hey jammers! Panda here, with a new blogging tutorial!

If you've ever noticed, the label and archives gadgets on AJGC are in a cute little scroll box:



This way, the labels and archives gadgets 1) are more interactive; 2) don't take up as much room in your valuable sidebar or footer space. These two gadgets (archives in particular) begin to look junky if they extend for too long. If these gadgets are "scrolly," your viewers can scroll down to look at your posts from years ago: but only if they want to. ;)

Now onto the actual tutorial...

To make the labels "scrolly"

To put your labels gadget in a scroll box, paste the following code into your blog's CSS.

#Label1 .widget-content{height:200px; width:auto;overflow:auto;}

To make the archives "scrolly"

To put your archives gadget in a scroll box, paste the following code into your blog's CSS.

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


Pretty easy, huh? Boom, now your archives and/or labels gadgets should have a scroll bar. ^.^

-Panda


at

6 comments:

  1. UnknownJuly 9, 2015 at 5:55 AM

    Wow! This helped a lot! I always find big gadgets unattractive, so this is really helpful! Btw, who should I give credit to?

    ReplyDelete
    Replies
    1. awesomepanda868July 9, 2015 at 1:36 PM

      I am so happy that it helped!

      And you don't have to give credit to anyone. ^.^

      Delete
  2. limepalJuly 10, 2015 at 12:06 PM

    panda it doesn't work for me... :( I pasted in the advancded part of the css on blog template and nothing is working..

    ReplyDelete
    Replies
    1. awesomepanda868July 10, 2015 at 12:36 PM

      Did you press the "Enter" key after pasting the code? Sometimes that helps.

      Delete
    2. limepalJuly 11, 2015 at 7:49 AM

      oh i didn't do that I'll try that, thanks!

      Delete
  3. Shan / Shyrah ☆July 10, 2015 at 11:48 PM

    Thanks, this was helpful! :)

    ReplyDelete

Hi guys! I am so happy you've decided to share your opinions on AJGC! Make sure to read/follow the following bullets:
- You guys probably know- no swearing, not even ***, no mocking or making fun of others and no judging.
- Free commenting (no moderation) is a privilege, if I see 1 inappropriate comment, comment moderation is turned on for all of you, sorry, I just don't want this to be an unsafe environment.
- If you are caught being mean to another viewer, you will have all of your comments deleted. You only have 2 chances before you are banned from ever having your comment appear again on the blog.
- I have absolutely no problem with you advertising your own blog/site in the comment section, I just request that you write an actual comment about the post or page before advertising your own site. Flat out advertising comments will not be deleted, but they make the comment area more of a spammy place- get what I mean?
- Please do not request diamond or membership codes. If you are looking for gem codes, then make sure to check out our Codes page. But if I catch you threatening another jammer, demanding a membership or diamond code, I will turn on comment moderation.
- When commenting anonymously, you must sign your username.
Sorry if these rules sounded harsh, I'm sure most of you already know the commenting rules, they are virtually the same for every blog.
Happy commenting!