Automatic read more hack for blogger

Posted by محمد On Saturday, July 28, 2012 0 comments

Automatic read more
Hi Bloggers , In some popular blogs it takes too much time to load completely. One of the reason is some blogs don’t use the jump breaks. And some blogs who didn’t use jump breaks before have many posts and they can’t add the read more hack to all posts because it’s a waste of time. Here is the hack for all bloggers to add automatic post summary and thumbnail.


Step1 :
Go to blogger.com > Design > Edit HTML and check on the box “ Widgets”>Expand Widget Templates“
Use [Ctrl+F] to Find The Code below :
    </head>

And add the below code just above it
    <script type=’text/javascript’>
    var thumbnail_mode = &quot;float&quot; ;
    summary_noimg = 530;
    summary_img = 440;
    img_thumb_height = 220;
    img_thumb_width = 220;
    </script>
    <script src=’http://impresionate.googlecode.com/svn/excerpt.js’ type=’text/javascript’/>

To edit the image height and width change the blue-colored numbers.
Step2 :
search for This Code :
    <data:post.body/>

And replace it with the below 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 style=’padding-top:5px;;float:right;text-align:right;’><a expr:href=’data:post.url’ rel=’bookmark’><b>Read more >></b></a></span>
    </b:if>
    </b:if> 

To rename the Jump Break text change the red colored text with Continue reading>> or anything you like.

0 comments:

Post a Comment

Facebook Page

Followers