Hi Blogger,
many image in your blog maybe interesting. your blog will looking beautiful with image in your post title. Do you want to insert an image in your post title like in my blog? just following this step:
#Step 1
find your desire animation picture in google, the file extension must be .GIF
#Step 2
Join Photobucket to host your picture free.
#Step 3
After you join at photobucket, upload your picture. Click Save. After that copy the code at the Direct Link form.
Now the next step is setting your width and height of your image by typing this code:
width="your desire width"
height="your desire height"
to make your image online you must type this code:
<img src="your image url">
for example; i have one image url and i want to make it online, so i type my code like this:
<img src="http://i423.photobucket.com/albums/pp320/blackhacker_2008/loader-gif-images1.gif" height="40" width="40">
the result will be like this:
to make it small just set your height and width.
The next step is placing your image at your post title.
#Step 1
- sign in to blogger.com with your id
- click layout.
- Click edit html.
- with Ctrl+F find this code :
<b:else/>
# Step 2
place your image code between your blogger template code like this:
<a expr:href='data:post.url'> <img src="http://i423.photobucket.com/albums/pp320/blackhacker_2008/loader-gif-images1.gif" width="45" hight="45" border="0"></img> <data:post.title/></a>
<b:else/>
now Click Save Template.
That's all finish, now look at your blog. have you see your picture in your post? If not just leave your comment bellow.
1 comments:
Thank you great trick.never heard about and i ám not new to the blogging.
Keep going!
Post a Comment