How to show / display only Post Title when click label on blogger/blogspot

Such as here on this blog, when clicking on label / categories, will show Post Title without contents , or show only titles.

How to do it? , ..Simple way:

  1. Login to blogger - layout - Edit HTML - click on "Expand Widget Templates" ,
  2. Then look the code below (Tips :press CTRL + F on keyboard, and paste the code below into "Find box" of your browser):

    <b:include data='post' name='post'/>

  3. Delete / replace the code above, change with the code below:

  4. <b:if cond='data:blog.homepageUrl !=
    data:blog.url'>
    <b:if cond='data:blog.pageType != "item"'>
    <a expr:href='data:post.url'>
    <data:post.title/></a><br/><br/>
    <b:else/>
    <b:include data='post' name='post'/>
    </b:if>
    <b:else/>
    <b:include data='post' name='post'/>
    </b:if>
Done, save template
---------------------

Update:

Cohen asks: "Can you make the links bigger? "

One of many ways, like this:

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<span style='font-size:130%;'>
<a expr:href='data:post.url'>
<data:post.title/></a> </span> <br/><br/>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

Change the font-size (130%) with yours, you can add more styles also , e.g. color, bold, underline, border, etc , ..

example:
<span style='font-size:150%; color:#000000; font-weight:bold; border-bottom: 1px solid #6893A1;>

http://onlinetool.themes7.net/

thanks all...

16 comments:

Elchin said...

Thanks so much.

Mamma Christine said...

Yay!! Thank you!!!

Mamma Christine said...

One quick question, my list of titles seems to be disrupted by the dates they were published. Is there a way to just post the titles in a list without the dates?

My blog is: http://mammachristinephotogrpahy.blogspot.com.

Click on "Shooting" to see what I'm talking about.

Mamma Christine said...

Oops, I was typing too fast my blog address is: http://mammachristinephotography.blogspot.com/

If you click on "Shooting" you can see how the dates interrupt the list. Thank you, thank you for your help!!

Weight Loss R' Pills said...

great explanation Bro!
thanks a lot..

gg said...

Thanks so much!!!

mobile phone blog said...

what anice tips... on the way to do that

free applications said...

thanks for this!

free applications said...

thanks for this guide! very helpful!

Cohen said...

Can you make the links bigger?

free7 said...

@ Cohen

I have updated for you...obove

website domain registration said...

Superb and it's really a tutorial, Many thanks for sharing this tutorial. I got a lot from this article. Thanks for sharing this useful tutorial.

Ecommerce developer said...

Nice discussion.The blog is impressive and good thoughts.It give to idea to make a site.Thanks for sharing a wonderful site.

Hamba ALLAH said...

nice.. can you solve my site.. http://www.lappy19.blogspot.com.. ican't do it.. =(

free7 said...

@Hamba ALLAH
I see you have done..

Titus said...

Thanks a Lot for the Code,Im Just Searching a lot to change the FONT Size and Finally got that :)

Post a Comment