Friday, February 19, 2010

How To Show Label Specific Icons Below Post Titles ??

In this Blogger tutorial, you will learn to display icons or any text/image specific for any label/category under the post titles in your blog.

STEP #1:
Log in to Blogger, go to Layout -> Edit HTML and tick the tick-box "Expand Widget Templates"

Find (CTRL+F) this code in the template: <div class='post-header-line-1'/>

and immediately BELOW/AFTER it, paste this code:

If you want to display the icons for four labels, then use this code:

Replace the code in "YOUR_LABEL_#1" etc with the exact names of your labels/categories (including space " " between two words). And replace the text in "TEXT OR LINK TO IMAGE COMES HERE" with the link to the icon you want to use.

For Example: To use the books icon, replace that text "TEXT OR LINK TO IMAGE COMES HERE" with this code: <img src="" alt="Book Reviews"/>

Finally save the template.

Hey! My friends, If you like my post you can save it using "Save Page as PDF" button below and you can even share them to your friends with social networking buttons provided below this post.

Add To Google BookmarksStumble ThisFav This With TechnoratiAdd To Del.icio.usDigg ThisAdd To RedditTwit ThisAdd To FacebookAdd To Yahoo

No comments:

Post a Comment

Hey Guys! Thanks for visiting my blog. Hope you enjoy reading. Just leave your comments if you think this post is a worth readable! Your valuable comments are always welcomed. Please don't spam! and No abusive language would be tolerated. I would moderate your feedback and then it would be published. If you have any query I will try to give feedback as soon as possible.