August 13, 2011

How To Add Icons on Every Blogger Widget of Blogger


Hey guys! here is cool trick for your blog. it's very cool. you see my gadget names. you see i'm add a pic to gadget name..so this post gonna show you how to add icons to blogger widget name. this is cool trick, you can abstract your visitors free. please share this post with your friend..thank you.

now guys follow the simple steps below to do it:

1.Log in to your dashboard--> Design- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see this:










.main .Blog {
border-bottom-width: 0;
}

4.After the above code , copy and paste the code below



sidebar .widget h2 {
background: yellow url('URL OF YOUR IMAGE') no-repeat left top;
margin-top:5px;
text-indent: 20px;
padding:7px;
}





5.Click on "Save Templates" and you are done.

Note : You must replace URL OF YOUR IMAGE with your image(Icon) URL.

You can change background colour and other values of above codes if you like.

No comments:

Post a Comment