Always Give "Read More This Post" For Your Homepage

Like We said in before blogging, you must try to give the best performance of your blog or website when it loaded. So, when users come to your homepage their will not going soon. Remember, every users very very very doesn't like when opening the homepage where it take very long to loaded.

So, when you decide to use a widget, you also need to think loading speed. What We give at this time is one of the importance trick to get the best performance of your blog. That is, give to your users Read More This Post with thumbnail at the homepage. With using this then your computer (also your internet) only opening several words on the first paragraph as summaries. Also at the homepage, try to give 7 or less summaries for users. Don't worry, users know how to navigate your page to get the oldest post.

Ok, let's  begin, but first you must know, this valid if you are using template from blogger service or several template. Why? you will know if you read our post on before blogging. Now in the Edit HTML click Expand Widget Templates of your blogger find </head>, you can user Ctrl + F for quickly (for mozilla firefox). And then put this code before </head>

<!--for readmore--> <script type='text/javascript'> var thumbnail_mode = &quot;float&quot; ; summary_noimg = 280; summary_img = 280; img_thumb_height = 100; img_thumb_width = 100; </script> <script src='http://blogergadgets.googlecode.com/files/excerpt.js' type='text/javascript'/> <!--for readmore--> 

You can manage how many words that will show in summaries if your post doesn't contain image with using summary_noimg. Or summary_img if your post contain image. You also can manage the size of thumbnail with using img_thumb_height for height of thumbnail and img_thumb_width for width of thumbnail. Now, find the code <data:post.body/> and paste this code before that

<!--for readmore--> <b:if cond='data:blog.pageType == &quot;item&quot;'> <data:post.body/><b:else/> <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <!--for readmore--> 

and also paste this code after <data:post.body/>

<!--for readmore--> <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 &gt;&gt;</b></a></span> </b:if> </b:if> <!--for readmore-->

Then click save, but don't forget to check it before with using preview. Ok, you are done. We hope this is very useful information for you. Have a nice day.