Read More Script

Posted by Ibnu Siham

This code is used to cut our posting, and appear fully when we click Read More or More Link. This script will automatically cut our post and make a thumbnail when we insert image.
Follow this step :
1. Go to "Layout" click "Edit HTML"
2. Click box "Expand Widget Templates"
3. Press Ctrl + F (I used Firefox) and then type  <data:post.body>
4. If  found replace with this code :

<script type="text/javascript">

          summary_noimg = 430;
          summary_img = 340;
          img_thumb_height = 100;
          img_thumb_width = 120;
          </script>
          <script src="http://blogergadgets.googlecode.com/files/excerpt.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 style="float: right;"><a expr:href="data:post.url" href="">Read more</a></span>
          </data:post.body>
          <b:if cond="data:blog.pageType == &quot;item&quot;"><data:post.body></data:post.body>


</b:if>
5. Save

Source : www.deluxetemplate.com


{ 1 comments... read them below or add one }

warung ilmu said...

maybe this is would help to complete it

http://bloggerstop.net/2009/05/automatic-read-more-hack-for-blogger.html

Post a Comment

Related Posts with Thumbnails