Search This Blog

Friday, July 1, 2011

Make Blog Archive Scroll!






Function Scroll Box on the blog serves to save some space of  your blog templates!
Like on this blog appears on the right side bar, look the blog archives are equipped with a scroll that can be shifted up or down!
 This is very important to those who active posting and i'm sure your blog archive might be expand so much!
Just like this blog, you can see archive can be scroll up and down and the size of archive is controlled!
It was cool! I can save some space for the other widgets!
Let's begin!

1. Log in your Blogger Account Design >Add Gadget > Blog Archive > Save
If you already add this widget, just skip "Add Gadget" step!
2. Click on Edit HTML > Check On Expand Widget
3. Click on CTRL+F and find this ]]></b:skin> tag!
4. Add this code below before the ]]></b:skin> tag!


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





Figures in red indicate high areas of the scroll, change according to what you need!!
5. Done! Save you template!

Add To Google BookmarksStumble ThisFav This With TechnoratiAdd To Del.icio.usDigg ThisAdd To RedditTwit ThisAdd To FacebookAdd To Yahoo

1 comments:

Adzrien Shoppe said...

TQ for this tutorial... excellent!
http://adzriel.blogspot.com/

Post a Comment