Add image Before Blogger Post Title

Blogger post titles are basically using in post titles h3 tags that's are not optimizing your title because your sidebar title is defaultely using h2 tag then how you getting better seo for your pos titles. You can finding in internet many popular sites are their those are using h1 tag in post titles and h2 or h3 tag in post headlines. The many bloggers are their those writing much more articles per day but not getting money or traffic. Also many bloggers are using h4 tag but why they are using h4 tag in post titles no can give any reason. But using h4 or h3 tag means you loss your site seo and traffic. Now in this article you will find how to add an image before post tile. You can see a demo in our post titles, our site contributors are much more liking this thing now i interested to sharing this trick for my readers.

Add an Image before Post title

Firstly if you are using H3 tag then our site recommended to using H1. If you are interested to using H1 tag in your blog post titles then read the topic How to get better SEO from Blogger Post Title. Then after completing the topic work then read the below steps.

Go to Blogger Dashboard > Design > Edit HTML

Then search below code using Ctrl + F

]]></b:skin>

Then your are finding a below like codes

h1.post-title, .post h1 #Blog1 h1, #Blog2 h1 {border-bottom:0px Dotted #000000;border-top:0px Dotted #000000;margin:.25em 0 0;padding:0 0 4px;font-size:150%;font-weight:normal;line-height:1.4em;color:#1c3c6f;}

Replace the above code with below code.

  .post h1 {
background:url(Your Image Link) no-repeat;
color: #4A4949;
font:bold 180% Arial, sans-serif;
line-height:1.2em;
margin: 0 0 5px;
padding: 0 0 15px 30px;
}
.post h1 a, .post h1 a:visited, .post h1 strong {
display:block;
text-decoration:none;
color:#4A4949;
}
.post h1 strong, .post h1 a:hover {
color: #333;
text-decoration: underline;
}

Now you are done.

Visit your blog and enjoy your self.