Pages

Wednesday, December 14, 2011

How to Make Automatic Readmore on Blogspot


How To Make Automatic Readmore. This post will give a tutorial or How to Make Readmore Read More on the blog post automatically. With the automatic readmore, we can determine how the height and width of posting snippets and image that will appear on the first page of our blog so it looks neat and attractive.

This trick may have been many who know and some that do not know. For those of you who do not know how to make automatic readmore, can follow the tutorial below.FIRST, please go to your blogger acount and then choose Edit Html, do not forget to tick marks on the reading "Expand Widget Templates" or see the image below:
gambar readmore otomatis

look for the code </ head> then enter the script below just below the code.

<script type='text/javascript'> thumbnail_mode var = "no-float"; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </ script> <script src = 'http://rizqi .moehamed.googlepages.com / read-moreotomatis.js' 
type = 'text / javascript' />
SECOND, look for the following html code:
<data:post.body/> or <p> <data:post.body/> </ p>
replace the code with the code below:

<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'> »» readmore ...</ a> </ span></ B: if><b:if cond='data:blog.pageType "item"'> <data:post.body/> == </ b: if>
Description: The red writing is that you can replace.==> 430 = high noimg Summary severed articles without image==> Summar img height = 430 articles severed with image==> Readmore can be changed with the Read More, full read, etc. ...
THIRD, click save templateNext, you can make posts and see the results, or read more Readmore will be automatically installed after you publish news.

No comments:

Post a Comment