Sunday, March 1, 2009

How to Adding an Image Beside Post Title

If you read the article on my blog, you'll see the image on the title of the article.

Andreas (Owner Blog): Whether the image that ?
Visitors : emoticons Yahoo!
Andreas : Yes, correct! You will get the prize car Ferrari !

With the emoticons, my blog article look more interesting (not boring). And you can also add an image to the title of the article so that your blog looks more interesting. How to make it: you call the fire department team, and you say to him: I want a glass of orange, please take it to my room (just kidding).

First step if you want to adding an image beside post title, you must have a little image. The picture not allowed too large, because will not be suitable to be put next to the title of the article.
To be easier, please upload to Shareapic.net.


  1. Log in to Blogger with your Blogger account.
  2. Go to Layout.
  3. Go to Edit HTML.
  4. Mark on Expand Template Widget.
  5. Search below code.

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

  6. If not found, please try to find this code.


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

  7. If you have found, paste the HTML code of your image beetween the the <a expr:href='data:post.url'> code and <data:post.title/> code.
  8. Save your template. Finished.



After you perform the steps above, your task is not complete. You need to do now is to see the results from the above tutorial just follow you. Please open your blog, and will be visible an image on the left of your title of your article . Ok, happy blogging!

0 comments:

Post a Comment