free tuts

Blogger Blog Archive comes by default in expanded mode and inherits text font colour of the template. If we wish to keep the archive unexpanded, there is a small trick to overwrite default style. We’ll use a few lines of javascript which will help to achieve the desirable result. Open templatename.xml and add to the bottom, before closing “body” tag these lines of code:

Now, you may want to change colour of toggle triangle. To do that, find in your templatename.xml this line of code (it is Blog Archive widget):

Expand id “toggle” and find inside span class “zippy”. Add another class (in my example it is “zippy-custom”). Add it to the span:

Now, in template stylesheet simply style a newly added class “zippy-custom” or whatever you named it. Give itt colour corresponding to your template colour scheme, font-size, maybe paddings.