April 26, 2011

How to List Only Post Titles when Click Label in Blogger

Your blog has lots of posts with a label, you may want to show only post titles to your readers. Actually it'a way web sites do.

When you are ready, just follow simple steps.

1. Sign-in your blogger account.
2. Go to Dashboard >> Design >> Edit HTML
3. Backup / Restore current template (use button in top of the showing page). Whenever you changes the HTML template, DO Backup before begin.
4. Check the 'Expand Widget Templates' box (in top-right of the template script box)
5. Find line below. Just use find function on your browser (CTRL + F)
<b:include data='post' name='post'/>

6. Replace the line with

<b:if cond='data:blog.homepageUrl != data:blog.url'>
   <b:if cond='data:blog.pageType == &quot;index&quot;'>
      <div>
         <a expr:href='data:post.url'><data:post.title/></a>
      </div>
   <b:else/>
      <b:include data='post' name='post'/>
   </b:if>
<b:else/>
   <b:include data='post' name='post'/>
</b:if>
7. You can do styling your post titles by inserting style property on <div> tag. Of course you can use another tag, for example <span> and <p> surrounding <a>...</a>. For instance,
<div style="color:red;padding-left:20px;">
<a expr:href='data:post.url'>
<data:post.title/></a> </div>
Done. Enjoy Blogging!