Blogger Hack|Css|HTML|Template

  • Entries
  • Comments

  • HOME
  • Blogger Templates
  • Blogging Tips

How To Insert Animation Image At Your Post Title

Thursday, December 18, 2008

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

  1. sign in to blogger.com with your id
  2. click layout.
  3. Click edit html.
  4. with Ctrl+F find this code :
<a expr:href='data:post.url'><data:post.title/></a>
<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> &nbsp;&nbsp;<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.








7:23 PM | Labels: Blogger Modification, Blogger Tutorial, blogging Tips, blogging Trick, Blogspot tutorial |  

This entry was posted on 7:23 PM and is filed under Blogger Modification , Blogger Tutorial , blogging Tips , blogging Trick , Blogspot tutorial . You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

 

1 comments:

MAwPA said...

Thank you great trick.never heard about and i ám not new to the blogging.
Keep going!

April 10, 2009 at 2:28 PM

Post a Comment

Newer Post Older Post Home
Subscribe to: Post Comments (RSS)


Free Subscibe Via Feed Burner

 

Click Icon Above If You Like My Article
  • Site Info

    Add to Technorati Favorites free counters

    Labels

    • Blogger Modification (11)
    • Blogger Tutorial (11)
    • blogging Tips (11)
    • blogging Trick (9)
    • Blogspot tutorial (10)

    Blog Archive

    • ▼  2008 (11)
      • ▼  December (11)
        • Change FeedBurner Icon With your Desire.
        • How To Modify Your BlogLog Recent Reader.
        • Making Ads Place To Your Blog
        • How To Insert Search Form In Your Blog
        • How To Make Link Exchange Box
        • Tips To Protect Your Post From Blog Faker
        • How To Insert Animation Image At Your Post Title
        • How To Insert Clock On Your Side Bar
        • Make a Walking Text With Marquee
        • Making Readmore In Your XML Template
        • HOW TO SETTING COMMENT BOX UNDER YOUR POSTING

    MY LINK EXCHANGE

  • Blog-Catalog

    My Community

    Are You Interested??

    Join Now!!


Copyright 2008 Free Premium Wordpress Themes and BlackQuanta | Bloggerized by : GosuBlogger