Bloggertricks and blogging tips

By default in Blogger Template webmasters won’t find any special type customization option to design Blogger Sidebar Header into choice colors/images effectively to flavor blog template.
To attract visitors/readers Webmaster needs something to spiceup Sidebar widgets into effective and eye-catchy.
Here, BlogTariff come back with different trick for Customizing blogger Template Sidebar Widgets in easy methods by adding simple code.
All widgets have its own unique ID to customize any part of the widget if needed. Lets’ begin the tutorials for widget designing.

How to Know ID of Blogger Widget?

Sign into your blogger account
Click on “View Blog”
At the bottom right side end you can find “Editor Tools” image as shown in the image below
Select which widget want to customize, now “Right Click” on that Editor Tool and Copy Link Location

http://www.blogger.com/rearrange blogID=123456789123456789&widgetType=HTML&widgetId=HTML4&action=editWidget

Save the copied Link Location URL in any Note Pad
All the ID’s are perceptive so utilize them as they show

How to modify a widget with Unique ID?

In this part we going to customize the Heading style i.e H2 tag a portion of widget, let’s start.
Click on “Edit HTML” link tab
Now search for code

]]></b:skin>

After successful finding the code copy the below code and paste above to it

#ID h2{
background:#575656;
margin:10px 0 10px 0;
padding:8px 0 8px 10px;
font-size:12px;
font-family: Sans-serif, Arial, Helvetica;
font-weight:bold;
text-transform:uppercase;
color:#ffffff; text-shadow:0 1px 0 #fff;
}

Customization

Replace “ID” with your already copied Widget Link Location URL
If need change the background and Font color by using our “Color chart”
After successful replacements now, “Save the Template” to preview your experiment.