2009-04-20

Image

Add Automatic Read More Function To Blogger

Read more function is used to cut our post on homepage, post willappear fully when we click read more link. It's cut automatically andif we insert image, it appears thumbnail.
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
<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 != &quot;item&quot;'>
<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>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'>Read more</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
5. Replace JavaScript location to your site (http://kfile.110mb.com/summary-post.js)
6. Save / Check your blog

- If you need help to install it or to customize it, just leave a comment.

التعليقات:

  1. very good trick
    The read more option is in plain text
    how to add a image to it like the one in ur blog

    ReplyDelete
  2. Help me! the .js file: "http://kfile.110mb.com/summary-post.js" has been deleted.

    ReplyDelete
  3. OK but the topic still large and complete show

    ReplyDelete
  4. it is working ..... good but the format which i kept is changing into a normal txt showint read more.....!
    plz give me a script that provide read more ... option with out chainging the format i need...!
    thanQ

    ReplyDelete
  5. the read more button doesn't work in firefox with my blog!!

    ReplyDelete
  6. yes...the topic still large n complete show...

    ReplyDelete

Total Pageviews