2009-05-21

Image

Show Only Post Title In Blogger Home Pages


1.Login to Blogger
2.Go To LAYOUT
3.Then Click On Edit HTML
4.Check Mark Expand Widgets
5.Press Ctrl+F

Now search For below code line in red :-

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

And Replace it with Below Codes:-


<b:if cond='data:blog.homepageUrl
!= data:blog.url'>

<b:if cond='data:blog.pageType != "item"'>

<h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3>

<b:else/>

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

</b:if>

<b:else/>

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

</b:if>


Now Preview Your template. If it accepts Your Html.Then Save It.

Now open your blog and click on the label or archive page of your blog it will show only post title .

I hope you will be satisfied with it.This is one way.

Now there is another way of doing it but the results are different.

If you want to show only title of posts in your blog home page also,then only follow this way and implemet it.If you want only label page to show post title just get stoppd after reading first way only.

Now the second way to show only post title in blogger home page too.

1.Login to Blogger
2.Go To LAYOUT
3.Then Click On Edit HTML
4.Check Mark EXpand Widgets
5.Press Ctrl+F

Now search for this line in red :-

<p><data:post.body/></p>

After finding this line replace it with below codes :-


<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>
</b:if>


This will show only post title on all pages of blogger including homepage label and archive pages.

One of my reader asked to show post title only in archive pages so i am placing code for him

Just use these codes to replace the above red line in place of above codes.


<b:if cond='data:blog.pageType == "index"'>
<p><data:post.body/></p>
</b:if>


And if you dont want to use post titles in archive pages use archive in place of index in above codes that's the only word making basic difference between the codes.

*Note-If you are using read more hack in your blogger you will get above red line twice.So replace only the line that appears first in your blog html code and leave second one as it is.

And then preview your template,if its ok. Save It.


التعليقات:

  1. ماشاء الله جزاك الله خيرا

    ReplyDelete
  2. العفو اخى الفاضل

    ReplyDelete
  3. ´´´´´´´´´´´´´´´´´´´´´´¶¶¶¶¶¶¶¶¶¶¶¶
    ´´´´´´0¶¶¶0´´´´´´´´ø¶¢´´´´´´´´´´´´ø¶ø
    ´´´´´¶ø´´´¶¶´´´´o¶1´´´´¶¶¶´´1¶¶¶´´´7¶¢
    ´´´´´¶1´´´´¶´´´$ø´´´´´´¶¶$´´´¶¶´´´´´´¢¶
    ´´´´´o¶´´´o¶´´o¶´´´´´´´¶¶o´´´¶¶´´´´´´´øø
    ´´´´´´¶´´´¶´´´¶´´´´´´´´´´´´´´´´´´´´´´´´ø
    ´´´´¶¶¶¶¶¶¶¶¶¶¶¶´´´´´´´´´1¶1´´´´´´´´´´´ø¶
    ´´´¶´´´´´´´´´´´´¶´¶¶´´´´´¶¶¶´´´´´´¶¶´´´´ø
    ´´ø¶´´´´´´´´´´´o¶´´¶¶´´´´´´´´´´´´¶¶´´´´´ø
    ´¶¶´´´¶¶¶¶¶¶¶¶¶¶¶´´´7¶¶ø7oo77¢¶¶¶´´´´´´ø¶
    ´¶´´´´´´´´´´´´´´´¶´´´´´¶¶¶¶¶¶¶´´´´´´´´oø
    ´¶¢´´´´´´´´´´´´´´¶´´´´´´´´´´´´´´´´´´´¶
    ´´¶´´´¶¶¶¶¶¶¶¶¶¶¢¶7´´´´´´´´´´´´´´´´7¶ø
    ´´´¶´´´´´´´´´´´¶´´ø¶¶´´´´´´´´´´´øø¶
    ´´´´¶¶¶¶¶¶¶¶¶¶¶ø´´´´´´¶¶¶¶¶¶¶¶¶¶´



    collection of mY best BLOG

    http://mystery4life.blogspot.com/
    http://4urdesktop.blogspot.com/
    http://4urfone.blogspot.com/
    http://fmurdu.blogspot.com/
    http://selectislam.blogspot.com/
    http://guromusic.blogspot.com/
    http://4ursport.blogspot.com/
    http://4urart.blogspot.com/
    http://planets4u.blogspot.com/
    http://4urglobal.blogspot.com/
    http://permit4u.blogspot.com/
    http://visa4study.blogspot.com/
    http://w3cworld.blogspot.com/
    http://cool4sms.blogspot.com/
    http://4urmortgage.blogspot.com/
    http://secretbanking.blogspot.com/
    http://4urfashion.blogspot.com/
    http://csufi.blogspot.com/
    http://4urpets.blogspot.com/
    http://dreamyhealth.blogspot.com/
    http://4urtech.blogspot.com/
    http://nationmaker.blogspot.com/
    http://nobelgenius.blogspot.com/
    http://crimesking.blogspot.com/
    http://awanbank.blogspot.com/
    http://pakway.blogspot.com/
    http://ipakway.blogspot.com/
    http://cwildlife.blogspot.com/
    http://4urjazz.blogspot.com/
    http://soulpic.blogspot.com/
    http://picwar.blogspot.com/
    http://desivoyeur1.blogspot.com/
    http://malik4u.blogspot.com/
    http://awan4u.blogspot.com/
    http://idesix.blogspot.com
    http://dollarbanao.blogspot.com/
    http://4urcash.blogspot.com/

    http://cfirst.blogspot.com/

    http://paksoldier.blogspot.com/

    ReplyDelete
  4. Excellent post. I will have to try ti. It is a pity that you have to know a lot of html to improve your blog. But This opens the door of customization. Because there are lot of things that you can do with a blog. If you know about hmtl.

    ReplyDelete
  5. This comment has been removed by the author.

    ReplyDelete
  6. This comment has been removed by the author.

    ReplyDelete

Total Pageviews