Show Only Post Title In Blogger Label-Archive-Home Pages

blogger tricks

How to Show Only Post Title In Blogger Label page,Archive Pages or even on home page of your blog.You sure would have seen many blogs using this trick to show only there post title in any page they want.Wordpress blogs easily do this using various plugins available but we bloggers also now can make it work in our blogs as its very simple tutorial to implement.
Here is an hack how to show post title in any desired page of an blog.

Please Read this tutorial very carefully as it is very easy but i am telling you two ways of doing which have different results.You can use one way at time or both ways at time but results will be different.I will try to make it very simple for you with what would be the result to the blog with each step, so read carefully.

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:      <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 open your blog and click on the label or archive page of your blog it will show only post title . For demo check the category page of this Blog.

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:    <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.
 












 Source:http://www.anshuldudeja.com/2009/03/show-only-post-title-in-blogger-label.html

Submit Blogger Sitemap To Google Yahoo And Bing

How to submit blogger sitemap to different search engines.I hope most of us have done it with there blogs but most still would be not knowing on how to do it.But this post is for all bloggers even if they have submitted there sitemaps as i would share some method to remove some errors while you are getting in indexing all blog posts in search engines.

How to Submit Blogger Sitemap to Google.

Follow the simple steps to add blogger blog to Webmaster Tools

1. Login to Blogger Dashboard.
2. At the end of the page, under Tools and Resources box – Click on Webmaster Tools.You will Be asked To Enable Webmaster Tool Enable It.
3. If asked, enter username and password again to Login.
4. After Logging in Click Add A site Button.

How To Add or Change Favicon on Blogger Blogspot

Blogger supplies every blog with the standard orange "B" blogger favicon. Having your own unique favicon is a great way to give your blogger template both a distinct and explicit brand. These small 16X16 pixel images will most definitely help your blog stand out from the rest of the blogspot blogs.

• What is a Favicon?

         A favicon is a small 16X16 image located at the top of your browser in the url bar.

How To Add 'Read More' Link with Thumbnails - Blog Tips

This nice trick will automatically create post summaries with thumbnails.You don't need to add any extra code in every blogger post that you make.

1.Log in to your dashboard--> layout- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see </head> tag.

4.Now add below code just before </head> tag.




<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 230;
summary_img = 140;
img_thumb_height = 100;
img_thumb_width = 100;
</script>
<script src='http://keerthiset2.110mb.com/excerpt.js' type='text/javascript'/>    

Note : You can change above value as your choice.

5.Now Scroll down to where you see this code :   <data:post.body/>



6.Replace above code with below code.    
                         
 

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<div style='clear: both;'/>
<span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>Reade more >></b></a></span></b:if> 

7.Now save your template and you are done.