RSS

Search Engine

Sunday, March 21, 2010

Adding an Image Beside Post Title

Don’t you want your blog look beauty? Maybe you can add several accessories. One of them is adding a small image beside post title, for example : please take a look the image below :

post title

How to adding a small image at the post title? here is the steps.

Step #1

You must have a small image image, for example like this :

my pencil

Step #2

Upload your small image to image hosting. For example : you can upload your image to blogger, Yahoo geocities, Google pages, or another free image hosting. If you has been uploading your image, please get the image code. for example : I'm has been upload an image to Blogger and the image code is :

http://bp1.blogger.com/_c-XFk4OciTE/R9tFIn8-17I/AAAAAAAAAag/WZAbe5f7GaE/s400/mypencil.jpg

So that the picture can appear at your blog, you must create the code like this :



And the image will appear like this :



Step #3

Add the image code to your template code. Here are the steps to add image code to your blog.


Or, do you still using old (classic) template? Never mind, bellow is the steps adding image code to classic template :

  1. Login to blogger with your ID.

  2. At the dashboard page, click Template.

  3. Click Edit HTML.

  4. Back up your template code (important!).

  5. Find this code :



  6. Replace your image code beside above code :



  7. Click Save Settings button.

  8. Done. Now your every post title will appear with your small image.



This is for new blogger template (beta template) :

  1. Login to Blogger with your ID.

  2. At the dashboard page, click Layout.

  3. Click Edit HTML.

  4. Back Up your template code (important!).

  5. Please mark the little box beside Expand Widget Template. Wait for a moment


    expand-widget.png


  6. Go to your template code, and find the code like this :



  7. Add your image code like this :



  8. Click SAVE TEMPLATE button.

  9. Done. Now your every post title will appear with your small image.


All right brothers, see you at my next tutorial.

3 comments:

z6 said...

I hope you never stop to convey information that is very attractive to his readers , because we will always be waiting for information like this very quality Juegos Friv | friv 2

girls go games online said...

Thank you for your detailed instructions girls go games com , baixar o whatsapp , baixarwhatsapp

Kiên Văn Đình said...

I was working and suddenly I visits your site frequently and recommended it to me to read also. Age Of War 2
Big Farm | Slitherio
Tank Trouble | Happy Wheels
Goodgeme Empire | Slither.io

Post a Comment