Add Image Beside Sidebar Titles Blogger

Step 1. In your Blogger dashboard click Design > Edit Html





Step 2. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code - More Info)


]]></b:skin>

Step 3. Copy and Paste the following code Directly Before / Above ]]></b:skin>

.sidebar h2 {
background:url(IMAGE-URL-HERE);
background-repeat: no-repeat;
background-position:left center;
padding:10px 3px 0 30px;
}

Note - You must now add the image URL for your icon.Replace IMAGE-URL-HERE with the image you want to display.

Find Images - Google image search is a quick way to locate the right size image.When you search Google images you can use the options on the left to choose the exact size you want to find.

Once your happy save you template and check out the Sidebar Icons.Be sure to check out more of our Best Blog Design Tips.

Comments

Popular posts from this blog

16 Best Free Blogger Templates Featuring Amazing JQuery Featured Slideshows