Adding a picture icon on the post title

Versi Indonesia:

Adding icon image on a post title has a special attraction and it will also beautify the blog for those who liked the knick - knacks one animated image is in the title of the blog posts like this. For how to put pictures follow the easy
steps below::

Previously prepared beforehand animated image
code, just search on the internet or at photobucket.com,, you can also upload your own pictures belong there and grab the code, example code like this:


< img src="http://i234.photobucket.com/albums/ee37/ira_raselli/upin-upin.jpg" border="0" alt="ipin upin"/ >


Width and height you want to add something like this.


< img src="http://i234.photobucket.com/albums/ee37/ira_raselli/upin-upin.jpg" width="30" height="30" border="0" alt="ipin upin"/ >

And this picture,



How to put it ===>>

• Login to Blogger


• Click Layout


• Edit Html


• Check the Expand Widget Templates


• Find Code Here



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


• Place a picture Code Between post.url' > < data:post
• 
  
  
• So it will be So Like This


< a expr:href='data:post.url' > < img src="http://i234.photobucket.com/albums/ee37/ira_raselli/upin-upin.jpg" width="30" height="30" border="0" alt="ipin upin"/ > < data:post.title/ > < /a >
< b:else/ >


• Done And Save

If you want the image icon in the title of the post live in just laying fox code that will be like this

< a expr:href='data:post.url' > < data:post.title/ > < img src="http://i234.photobucket.com/albums/ee37/ira_raselli/upin-upin.jpg" width="30" height="30" border="0" alt="ipin upin"/ > < /a >
< b:else/ >



To measure the width and height at will change you.
Hopefully useful for those who like to design a blog ,....!

Category: Widget