Thursday, February 17, 2011

Creating Automatic Readmore

| Thursday, February 17, 2011 | 0 comments

Hello blogger friends wherever you are.This time ttcom will make an article about "Making Automatic readmore"
With the automatic readmore, we can determine how the height and width of a fragment of posts 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 already know. For those of you who do not know how to make automatic readmore, can follow the tutorial below.
  • Please log into your blogger acount and then select the Edit Html, do not forget to tick marks on the reading "Expand Widget Templates"
  • Then find the code </head> then enter the following script right under the code.
  • <script type='text/javascript'> var thumbnail_mode = "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'/>
  • Find the following html code:
  • <data:post.body/> atau <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 change.
    ==> 430 = high noimg Summary severed articles without image
    ==> 430 = high img Summar severed article with image
    ==> Readmore can you replace with Read More, a full read etc ...

  • THIRD, click save template

    Next, you can make postings and see the results, or read more Readmore will automatically installed after you publish news.

0 comments:

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Post a Comment

 
© Copyright 2011. TTCOM™ . All rights reserved | TTCOM™ is proudly powered by Clairdechugi | Template by o-om.com - zoomtemplate.com