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=editWidgetSave 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
margin:10px 0 10px 0;
padding:8px 0 8px 10px;
font-family: Sans-serif, Arial, Helvetica;
color:#ffffff; text-shadow:0 1px 0 #fff;
CustomizationReplace “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.