Now You can install auto read more or summary function in your blogger blog with thumbnail. This blogger trick will help you to insert auto read more link in every post. Whenever you will publish a post, a summary will be displayed in your mainpage or label page of blog with a link ” Read More ” and when any one will click on that link, he/she will be able to read full post. This is all on auto. Follow these steps to add a automatic read more trick in your blog.
Auto Read More Summary with Thumbnails for Blogger
- Login to Your Blogger Account
- Go to Dashboard > Template > Edit HTML > Proceed
- Search This Code </head>
- Now Add Below given code just before </head>
<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://folsol.googlecode.com/files/readmore.js' 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://folsol.googlecode.com/files/readmore.js' type='text/javascript'/>
- Now Check Expand Widgets Box option and Search for <data:post.body/>
- Remove <data:post.body/> and paste below given code
<b:if cond='data:blog.pageType == "item"'>
<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>Reade more...</b></a></span>
</b:if>
<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>Reade more...</b></a></span>
</b:if>
- Now SAVE TEMPLATE and check your blog
If you face any problem, discuss here using comments form
No comments:
Post a Comment