From this post A good blogger can be identified by the way he manages his blog and organizes his posts. The homepage is the most important part of every blog. The homepage must contain up to 5-6 posts in order to seize the attraction of reader as much as possible. Keeping a reader busy for a longer time is what I call a blogging success. Showing 5-6 posts is load-time and user friendly only if you show a summary of each post. On my homepage you must have seen a Read More Link, clicking which expands the entire post. Look at a screen shot Below, The steps that must be followed for planting this TNT are, Now The Most Important Step –> Back Up Your Template By backing up your template I mean that you must save a copy of your current template in your computer hard drive. If in case something goes wrong, you can restore your template and have everything working as normal as before. To backup your template click on the link saying Download Full Template , as shown below If suppose something goes wrong , you will simply click the Browse button, locate your saved template and then simply click the Upload button to restore your template back to normal. Tip: Pressing Ctrl + F and then paste this code into the search box, as shown below, The search box is an easy way of finding codes in your template. Tip: Highlight the code below and then press Ctrl + c to copy the entire code and then press Ctrl + v to paste the code <style> And just after <data:post.body/> add the code below, <!--READ-MORE-STARTS--> <b:if cond='data:blog.pageType != "item"'> <div style="text-align: right;">Read More ->></div></a> <!--READ-MORE-STOPS--> You can replace the text in red with anything you like, e.g: Continue Reading, Keep Reading If you want to shift the "Read More->>" text to the extreme-left side, use this code: <!--READ-MORE-STARTS--> <b:if cond='data:blog.pageType != "item"'> <div style="text-align: left;">Read More ->></div></a> <!--READ-MORE-STOPS--> Read Further to know How to Apply this TNT in your Posts Now whenever you want to write a post in windows Live Writer, follow the procedure below, You will see something like this, <span class="fullpost"> </span> Now suppose if you want to show the post only till the lines I have explained everything in these images so read carefully! So you will add the codes as shown below, You can see in the image above that I have added <span class="fullpost"> just above the part of the post I wanted to hide. The text that I want to hide is the one below, “Please use windows live writer only for writing quality posts. This TNT of Read More link works best with windows Live writer. Blogger Editor is simply annoying and this trick simply just don’t work efficiently with it. If you still want to use blogger editor rather than windows live writer than frustration is what you will encounter! “ I added </span> to the part where the entire post completes or source code ends In short add <span class="fullpost"> just before the text to be hidden and add </span> just after it That’s All! You can use some of the Images below instead of that Read More –>> text To add an image instead of text simply replace Read More ->> in the code above with this, <img src=”URL Of Your Image”/> Replace URL Of Your Image with your image link.
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>
<a expr:href='data:post.url'>
</b:if>
<a expr:href='data:post.url'>
</b:if>
It is My Simple Notes by Using HTML for Blogging or Blogger Users in order to better good looking content