Senin, 02 Februari 2009

Adding an Image Beside Post Title

. Senin, 02 Februari 2009

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.

Feel interesting for this post? Please Digg it!.

0 komentar:

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Poskan Komentar

 
Contact info submission url: oookezone.blogspot.com/ site_owner: address1:pepe rt 03 trirenggo address2: city: bantul state: yogyakarta country: indonesia postal_code: 55714 phone_number: +62817277309 display_email: site_name: oookezone site_description: javanese annuity
my blog about javanese annuity and tutorial all oookezone
Namablogkamu is proudly powered by Blogger.com | Template by o-om.com