Wordpress users may have the power to display automatic post summaries for their blog posts. But what can the blogger users do? Should they continue using the "Jump break" button each time on their posts? Are the Blogger users all doomed? Do only Wordpress users have much power? Of course not! Now here's a way with which you can create automatic post summaries of equal characters for your blogger blog post. Actually I must that this one is really amazing. It will automatically create post summaries with thumbnails too.
You need not add any extra code to your posts to enable this trick. It works on its own. You just gotta make some changes to your blog template. These post summaries will be displayed on all the pages except the post page. Now let us proceed to add this to your blog.
ADDING THE CODES TO YOUR TEMPLATE
You need not add any extra code to your posts to enable this trick. It works on its own. You just gotta make some changes to your blog template. These post summaries will be displayed on all the pages except the post page. Now let us proceed to add this to your blog.
ADDING THE CODES TO YOUR TEMPLATE
- Go to blogger.com and log into your account
- Navigate to DESIGN > EDIT HTML
- Download a copy of your template before making changes.
- Find the </head> tag ( Use CTRL + F for fast search )
- Now replace the </head> tag with the codes below.
<script type='text/javascript'>var thumbnail_mode = "float" ;summary_noimg = 230;summary_img = 140;img_thumb_height = 100;img_thumb_width = 100;</script><script src='http://blogergadgets.googlecode.com/files/excerpt.js' type='text/javascript'/></head>
- You can edit the parameters in blue color
- Now find the <data:post.body/> tag
- Replace it with the code below.
<b:if cond='data:blog.pageType == "item"'><data:post.body/><b:else/><b:if cond='data:blog.pageType == "static_page"'><data:post.body/><b:else/><div expr:id='"summary" + data:post.id'><data:post.body/></div><script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script><div style='clear: both;'/><span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>Read more >></b></a></span></b:if></b:if>
- Save the template.
That's it now, you can see automated post summaries in homepage and also in the labels page but not in the post page.
Hope you liked this post and don't forget to share this with your blogger friends!
Courtesy : Webbuzz
No comments:
Post a Comment
Leave your valuable feedback...