0

Auto Readmore Script ver3.0

Posted on 2:52 PM by HuyDX0312 and filed under , ,
you can see more about version 2.0 here.

New Feature in Version 3.0: Use version 3.0 you can optionally be shown 2 types:

1. Show as ver 2.0, meaning Thumbnail Summary on the left and right.
2. Display Thumbnail above (flat margins between) and Summary below, this very beautiful for the collection site and images site.

Demo: my blog

Installation:

Installation is easy and fast, nearly version 2.0 installed.

If you have installed version 2.0, the upgrade conducted as follows:

Search for code format and length of the Thumbnail:
<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'/>
Add the following code in the above:
var thumbnail_mode = "no-float" ;
summary_noimg = 430;
...
Continue to change link in the code:
http://www33.websamba.com/anhvosite/blogger/js/summary-post-v20-test.js
 to
 http://www33.websamba.com/anhvosite/blogger/js/summary-post-v30.js
it is finished.

Row
var thumbnail_mode = "no-float" ;
is the show's Readmore. Default is no-float: that is displayed in the Thumbnail and Summary below. When you use this mode, the variables and img_thumb_height img_thumb_width will be the largest width and largest height of Thumbnail. If you want to show Thumbnail Summary right and left, the fix-it float to float.

If you have not installed version 2.0 (never installed):

At 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'>Read more...</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
In addition you must also code below into the HEAD (<head> ... </ head>) of the template:
<script type='text/javascript'>
var thumbnail_mode = "no-float" ;
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
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).
Wishing you happy, especially the long time you fly "expect" this version!

Source:vietwebguide.com translated by Joker_H
0
Responses to ... Auto Readmore Script ver3.0

Post a Comment