Saturday, June 20, 2009

Adding Picture to Post Title

Blog Post will looking good with adding some picture or image. How about Post Title? Can we adding image or picture too? Of course we can. Like this blog, you can see picture in the left of post title. You can put any picture you want, like your face photos maybe. This Blogger Trick can only put same picture on every post title. So, choose the best picture you want like animation gif image. About the size, don’t too bigger more than post title font size. Because can make your post title invisible. Ok, if you want Adding Picture to Your Post Title, please follow these steps:

 

1. Prepare your picture (you can put animation too)

Example:

 

 

2. Save the picture by upload your picture to your hosting (like photobucket). Then take the URL Picture.

Example: <img src="http://i717.photobucket.com/albums/ww176/neorie/Blogger%20Trick%20For%20You/BT4UBannerChicklet.gif"></img>

 

3. Set the image size and border with adding code width=”…” , height=”…” , border=”…”

Example: <img src="http://i717.photobucket.com/albums/ww176/neorie/Blogger%20Trick%20For%20You/BT4UBannerChicklet.gif" width="94" height="26" border="0"></img>

 

4. Log in with your Blogger Account

 

5. Go to Layout Tab

 

6. Click Edit HTML

 

7. Download Full Template for Back Up Data

 

8. Check Expand Widget Template radio button

 

9. Find this code:

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

 

10. Put the picture code between <a expr:href='data:post.url'> and <data:post.title/></a>

 

Example to be like this:

<a expr:href='data:post.url'> <img src="http://i717.photobucket.com/albums/ww176/neorie/Blogger%20Trick%20For%20You/BT4UBannerChicklet.gif" width="94" height="26" border="0"></img> <data:post.title/></a>

 

11. Click Review to see the result. Done? Save Template

 

 

Good Luck! See you in the next post…

Subscribe Newsletter for Free with us to get any new post from Blogger Trick For You. Please fill your email on the box below, and click Subscribe. We will not share your email address. Because we would appreciate your privacy.

Comments :

5 comments to “Adding Picture to Post Title”

Great post. You share a very useful information. I am in search of this type of article. Thanks for sharing.

Fiance Visa said...
on 

When I initially commented I seem to have clicked on the -Notify me when new comments are added- checkbox and from now on every time a comment
is added I receive 4 emails with the same comment.
There has to be a way you can remove me from that service?

Thanks a lot!

Feel free to visit my homepage - vakantiehuisje huren

Anonymous said...
on 

Hello, i think that i noticed you visited my blog thus
i came to return the favor?.I am attempting to find things to enhance my site!
I suppose its good enough to use a few of your ideas!
!

Here is my web blog; luxe vakantiehuizen

Anonymous said...
on 

I do not know if it's just me or if perhaps everyone else encountering issues with your blog. It looks like some of the written text within your posts are running off the screen. Can someone else please provide feedback and let me know if this is happening to them as well? This may be a issue with my browser because I've had this happen previously.
Cheers

Feel free to visit my site - particuliere vakantiehuizen (http://particulierevakantiehuizen.wordpress.com/)

Anonymous said...
on 

Hello, I think your blog might be having browser compatibility issues.
When I look at your blog in Ie, it looks fine but when opening in Internet Explorer,
it has some overlapping. I just wanted to give
you a quick heads up! Other then that, awesome blog!


Here is my website vakantiehuisje frankrijk ()

Anonymous said...
on 

Post a Comment

New Old Home