WebHQ

The Headquarters Of Web

Facebook Twitter Google Plus RSS Feed Email

Customizable Auto Summary Script For Blogger

Published on: at 5:23 PM | Posted By:
Blogger auto readmore script is the best trick available for Bloggers / Blogspot users. Almost every advanced blogger use this trick. This Script automatically creates post summaries with thumbnails to help the visitor to browse faster and to save traffic. It can also give a beautiful look to your blog. By using this you can controls following options if you wish,

  1. You can use default thumbnail image when your posts don't have any image.
  2. You can turn off auto read more for some first posts.
  3. Option to turn on/off read more for home page and labels page.
  4. You can also change the size of image and can increase or decrease number of words which will be shown on summary

How To Add Auto ReadMore / Summary Script To Blogger template?

Go to Dashboard > Template > Edit HTML. Find </head> and insert this code just above it,:

<script type="text/javascript">
var summaryConf = {
    showImage: true,
    imgFloat: 'left',
    imgWidth: 120,
    imgHeight: 90,
    defaultThumb: 'http://4.bp.blogspot.com/-9htAhhkgszo/UX5-jobzVHI/AAAAAAAAHXw/nv6mwyjNXxQ/s1600/no-thumb.jpg',
    words: 65,
    wordsNoImg: 65,
    skip: 0,
    showHome: true,
    showLabel: true
};
</script>
<script type="text/javascript" src="http://webhq.googlecode.com/svn/trunk/js/auto-summary.js"></script>

After that, find this line in your template:

<data:post.body/>
Replace with:
<span expr:id='data:post.id'><data:post.body/></span>
<b:if cond='data:blog.pageType == "index"'>
    <script type='text/javascript'>summary("<data:post.id/>")</script>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
    <script type='text/javascript'>summary("<data:post.id/>")</script>
</b:if>
</b:if>
That’s all! You can refresh your blog and see how it works.

How to change customizable options

The options are very easy to change. It’s declared in the first part of script above. These are their meanings:

showImage: Do you want to show thumbnail? If yes, set it true, if no, set it false.

imgFloat: There are 3 values of this option: 'left' – float thumbnail to the left, 'right' – float thumbnail to the right and 'no' – no thumbnail float. Note the quotes around values.

imgWidth and imgHeight: Size of the thumbnail image.

defaultThumb: Default thumbnail URL, used when posts don’t have any images.

words and wordsNoImg: Number of words shown in summary when have thumnail and no thumbnail.

skip: Skip some first posts, don’t apply auto readmore for them. If this option is set to 0, all posts are applied auto readmore.

showHome and showLabel: Allow or not auto readmore for homepage and label page. true is allowed, false is not.

Adjust these options to fit your blog and enjoy!

1 comment On "Customizable Auto Summary Script For Blogger"

  1. In writing, it is best to focus your attention in developing your paragraphs more. In that case, you have to be aware about its structure and how ideas are passed from sentence to sentence and to the next paragraph in your content. See more automatic summarization

    ReplyDelete

Get Latest Updates

Blog Archive

Total Pageviews