Auto Read More with Thumbnail

Auto Read More with Thumbnail

Some template may not suggest auto read more option. By this option the reader of your blog can read your full topic. This script will auto... 05:26

Some template may not suggest auto read more option. By this option the reader of your blog can read your full topic. This script will automatically create summary of your post with a 'Read More' option.

To get this trick just follow the steps-

i) Log in to Blogger account

ii) Go to Template

iii) Backup your template

iv) Click 'Edit HTML'

v) Press Ctrl+F and search '<data:post.body/>'

vi) Replace the code with this-

<b:if cond='data:blog.pageType == "static_page"'>

<data:post.body/>

<b:else/>

<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;padding-top:20px;'><a expr:href='data:post.url'>Read more...</a></span>

</b:if>

<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

</b:if>

vii) Now press Ctrl+F and find </head> and place the below code immediately before it-

<b:if cond='data:blog.pageType == "static_page"'>

<data:post.body/>

<b:else/>

<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;padding-top:20px;'><a expr:href='data:post.url'>Read more...</a></span>

</b:if>

<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

</b:if>

viii) You have successfully added 'Auto Read More With Thumbnail'