Header Ads

  • Breaking News

    How To Add Automatic "Read More" Button/Hack in Blogger


    To Add Read More Button in Blogger but some new bloggers can't fix this Problem and they are randomly searching for this hack. This Hack just add "read more" option in every post. Actually you may have seen in some Blogger Templates that when you post some contents , it just show the whole contents i.e article from Start to the end but this Hack will wind up the article and will not show the whole article but read more button will be present there.So let's add this read more button in blogger.




    1. Go to Layout>Edit HTML, and look for this line:
                    
                    </head>   

    2. Replace the </head>  line with whole line bellow


    <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 type='text/javascript' src='http://widgets.way2blogging.org/blogger-widgets/w2b-auto-readmore-blogger.js' ></script>
    </head>



    3. Now search <data:post.body/> and replace with next code

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <data:post.body/>
    <b:else/>
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
    <data:post.body/>
    <b:else/>
    <div expr:id='&quot;summary&quot; + data:post.id'>
    <data:post.body/>
    </div>
    <script type='text/javascript'>
    createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
    </script>
    <div style='clear: both;'/>
    <span class='rmlink' style='font-weight:bold;padding:5px;float:right;text-align:right;'><aexpr:href='data:post.url' >Read more ... </a></span>
    </b:if>
    </b:if>

    Click Save Button and That's All.

    Customizacion: 

    img_thumb_height = 100;   Thumbnail Height
    img_thumb_width = 120;     Thumbnail Width



    Credits: way2blogging

    No comments

    Post Top Ad

    Post Bottom Ad