This is automatic read more function with thumbnail. We just need to set up our HTML code.
Follow steps:
1. Go to "Layout" click "Edit HTML"
2. Tick on "Expand Widget Templates"
3. Find this code
<data:post.body/>
4. Replace with this code below
5. Replace JavaScript location to your site (http://kfile.110mb.com/summary-post.js)<script type='text/javascript'>
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script src='http://kfile.110mb.com/summary-post.js' type='text/javascript'/>
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'>Read more</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
6. Save / Check your blog
- If you need help to install it or to customize it, just leave a comment.
God
ReplyDeletevery good trick
ReplyDeleteThe read more option is in plain text
how to add a image to it like the one in ur blog
nice Trick
ReplyDeleteThanks ............!
http://wlivetv.blogspot.com
thnx good working
ReplyDeleteHelp me! the .js file: "http://kfile.110mb.com/summary-post.js" has been deleted.
ReplyDeleteOK but the topic still large and complete show
ReplyDeleteit is working ..... good but the format which i kept is changing into a normal txt showint read more.....!
ReplyDeleteplz give me a script that provide read more ... option with out chainging the format i need...!
thanQ
the read more button doesn't work in firefox with my blog!!
ReplyDeleteyes...the topic still large n complete show...
ReplyDelete