0

Create 'Read More' automatically for blogger. Support THUMBNAIL (ver 2.0)

Posted on 9:00 PM by Blogger-Template.Net and filed under ,
If you want to create links Read More of your blogger automatically without having to manually use the span (class = fullpost) to prevent parts described and the full posts. It also helps the blogger before it does not read more active can create links that do not need to edit posts.Beside, which support the representative, it will get the first pictures in the article as the images represent.

Installation: Step by step

1. At the Template - Edit HTML, Expand widget, to find <data:post.body/>

and replace it with the following code:
<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'><a expr:href='data:post.url'>Readmore...</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
2. In addition, you also must insert the code below into the HEAD ( <head> ... </ head> ) of your template:
<script type='text/javascript'>
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script src='http://www33.websamba.com/anhvosite/blogger/js/summary-post-v20-test.js' type='text/javascript'/>
With:
  • summary_noimg is number of the character description for the items are not representative.
  • summary_img is number of the character description for items with the representatives.
  • img_thumb_height : height of the avatar (pixels).
  • img_thumb_width : width of the avatar (pixels).
Done!

Note: You can upload js file to your hosting and edit link in the code above.

Wish you success...!
Source vietwebguide.com . Translated by Joker_H
0
Responses to ... Create 'Read More' automatically for blogger. Support THUMBNAIL (ver 2.0)

Post a Comment