How To Add Auto Read More To Blogger Posts - Helper Blogger

Blogger Widgets | Templates | Tutorials


Sunday, 8 January 2012

How To Add Auto Read More To Blogger Posts

Read This Tutorial

Why Add Read More Button ?

Why to add read more button ? Answer is here. Just go to any website that you know and search for content which you want,obviously the site will contains some any other material and you are getting down and down to find your content. If the admin of that website was added a read more button to poss then you will definitely find which you want.

Click Here For An Updated Post

How To Add Auto Read More Button ?

1. Log in to your dashboard--> layout- -> Edit HTML
2. Click on "Expand Widget Templates"
3. Scroll down to where you see </head> tag.
4. Now add below code just before </head> tag.

<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 230;
summary_img = 140;
img_thumb_height = 100;
img_thumb_width = 100;
<script src='' type='text/javascript'/>

Note : You can change above value as your choice.

5.Now find <data:post.body/>

6.Replace above code with below code.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div expr:id='&quot;summary&quot; +'>
<script type='text/javascript'>
<div style='clear: both;'/>
<span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>Reade More >></b></a></span>

7.Now save your template and you are done.

Please comment on this tutorial if you found any fault in this tutorial, Also tell me if you can't add auto Read More button to your blog.

No comments:

Post a Comment

If you want to be informed about any replies then check "Notify me" option (present at lower right corner of comment box and it will display if you are logged in to your google account). PLEASE DO NOT SPAM