Home Photos Softwares BlogHacks eTricks Contact



Add Animated Image Icon Before Post Title In Blogger

Add Animated Image Icon Before Post Title In Blogger (Blogspot)

Adding small graphic or icon to your post titles will add value to yours blog ,Adding icon to post titles is very easy just you have to follow few simple steps carefully ,and you can easly add yours Favourate icon on yours blogspot Blog Titles.

Finding Image or Icon for Blogspot Titles

  • The very first step is to find the icon that you will add before yours blogspot blog title , If you alreedy have image then alrite otherwise search any cool image of 50px*50pxwidth and upload it to any free hosting services like Photobucket or any social networking sites like Orkut ,Facebook,Myspace 

Creating Image File To Insert In Template

  • Second step involves creating Image File from yours image code Just copy the Image Url , Add it in Place of below Image url and yours Final Code is ready for Template .
<img src=" Yours Image UrL " style="border-width:0px" />  

Adding Above Image Code Inside Blogspot Template

  • Login Blogger > Go to Layout > Edit Html > Tickmark Expand Full Template and Search below code inside your blogspot Template .
<b:if cond='data:post.url'>

Add Image before Blog Title

Add above Image Url ( From Second Step ) before the code and Click Preview ,if the image is added succesfully then save the template otherwise click on clear edits and start editing again to make this tutorial works for you again.