This link just adds beauty to your blog along with some pro spice to it. So lets learn how to summarize your posts and give them the expandable functionality.
The steps that must be followed for planting this TNT are,
- Go to layout > Edit HTML
Now The Most Important Step –> Back Up Your Template
- Click on "Expand Widget Templates" at the top right hand corner of your Edit HTML page
- Now find this code ]]></b:skin>
The search box is an easy way of finding codes in your template.
- Just after ]]></b:skin> copy paste the code below,
<b:if cond='data:blog.pageType == "item"'>
- Now find this code <data:post.body/>
You can replace the text in red with anything you like, e.g: Continue Reading, Keep Reading<!--READ-MORE-STARTS--><b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'><div style="text-align: right;">Read More ->></div></a>
If you want to shift the "Read More->>" text to the extreme-left side, use this code:
<b:if cond='data:blog.pageType != "item"'>
<div style="text-align: left;">Read More ->></div></a>
- Save your template and you are Done!
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,
- Once you had finished writing your post, as shown below,
- Just after completing your post click on the source button at the bottom of your windows live writer page,
UPDATE: Instead of trying the long method below, there is an easy shortcut. Wherever you want the read more link to appear, simply paste this code there:
Nothing else required! :)
You will see something like this,
- Now use the code below to hide the portion of your post that you don’t want to be shown on your homepage
<span class="fullpost">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,
In short add <span class="fullpost"> just before the text to be hidden and add </span> just after it
To add an image instead of text simply replace Read More ->> in the code above with this,
<img border="0" alt="read more" src="URL Of Your Image"/>Replace URL Of Your Image with your image link.
Need Quick Help within 24 Hours? ASK NOW
If you don't want to get yourself into Serious Technical Trouble while editing your Blog Template then just sit back and relax and let us do the Job for you at a fairly reasonable cost. Submit your order details by Clicking Here »