Sunday 4 March 2012

How To Make "Read More" in Blog


Method 1 (using jump break) :
1. Login to you blog
2. Make a new post
3. In new post klik the jump break like the picture below























4. Finish

Method 2 (using html) :
1. Login to your blog
2. Go to Template then klik Edit HTML
3. To be able edit overall template, you must check/enable the Expand Widget Templates
4. Enter the following code before the tag </ head> or just after the code } ]]> </ b: skin> like this:
<style>
<b:if cond='data:blog.pageType == "item"'> 
   span.fullpost {display:inline;}
<b:else/>
   span.fullpost {display:none;} 
</b:if>
</style>
5. Next, to arrange for posting can be cut off, look for the code <p> <data:post.body/> </ p> in your template and add the following code right below it:
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>
6. Well, to cut off every time you post, click on the post where you want to post Read More .. appears, and type <span class="fullpost"> remaining posting until the end </ span>. To add this codeyou must be in Edit HTML mode instead of Compose. Example :






















7. Finish

No comments:

Post a Comment