Add Twitter/Digg Button Before Title at blogger

In this post , I will tell you how can you add any Icon/ Image which you like to add before/ after the Post Titles at your Blogger. You can also Add Twitter/ Digg Button there which look excellent and even most of the blogger users use this one. This will be displayed like this ::-



OK, Then Login to blogger -> Layout -> Edit HTML -> click on "Expand Widget Templates"

Press (CTRL+F) and Find This code in the template:

<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>

Now to show the image or button, just before the title, add the image code between those two lines, like this :

<b:if cond='data:post.url'>
*Image Code Or Button Code Here*
<a expr:href='data:post.url'><data:post.title/></a>

And to show the image or button just after the title, add the image code after those two lines:

<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
*Image Code Or Button Code Here*

Now Finally save The Template
Done.!

If you enjoyed this post, make sure you subscribe as an Reader!