Blogger Template Experiment 3: Sticky Tape Blogger Template

Last February I wrote a post on customizing your sidebar widgets. I used the same principle and applied it to this template, but this time the customization would appear automatically on every sidebar widget. You won't need to customize each widget every time you add a new one.

Let me know if you're having issues with this template! :)

Demo | XML File

You can customize this template further using the Blogger Template Designer.

Don't forget to back up your templates first before uploading a new one!


Changing the sticky tape on the sidebar widgets

If you want a different kind of sticky tape, you can simply edit the HTML code. 

First, you have to find a sticky tape image that you like. When you find one, make sure the width fits the width of your sidebar. The one I'm using in the demo has a width of 200px and a height of just under 50px.

Once you have your sticky tape ready, upload it in your image sharing site and copy the image URL. Save it somewhere first.

Next, go to Template, then Edit HTML, and look for the code below.

.sidebar .widget h2 {

background: url(http://i39.tinypic.com/wtw013.png) no-repeat top center;

height:45px;

margin-top: -35px;

padding-top: 10px;

text-align:center;

}

Replace the text in red with the image URL of your sticky tape.

Edit the margin-top and padding-top measurements if needed.