Tuesday, August 14, 2012

Create 'Read More' Button to Your Blog Post

i Write the my recent article that is Avoid Your Blogs From Copypaster . Now i Write my new Article How to Create Read More Button In Your Blog Post.
If You Write some Article to your blog and it will displayed on the page. If you write the long post content, your blog will opened more long time. Here's the trick with Short script . Your Post And abstraction post (text) will displayed on the main page, And Full post replaced by Read More Links.

Step By Step Guide To Create Read More Button:- )



  • Login in to Your Blogger Account.
  • Design.
  • Edit Html.
  • Click on Expand Widget.
  • Fine the Code below in your Html Codes (Simple Press CTRL + F)
<div class='post-header-line-1'/>
<div class='post-body'>
or

<div class='post-header-line-1'/>
<div class='post-body entry-content'> 


  • If You Find this Code, put this code below under the above code. 
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>


  • Under the Code the code will like this  <p><data:post.body/><p>  you have to put the code below under it. 
<a expr:href='data:post.url'>Read More......</a>
</b:if>


  • You Can Also Change the Read More text With Other named.
  • Save Your Job.
  • Now Go To Setting -> Formating Tab menu.
  • At the lower page you will found "text area" box beside text "Post Template".
  • Put the code below to the box.    
<span class="fullpost">
</span>


  •  Then click Save the setting.
  •  If you want to post, put your short post or description above this code <span class="fullpost">, and the next or full post put between <span class="fullpost"> and </span> code.
Good Luck All of you!!

If you Any Question About This Article Discuss in Comments. And If you Like this Article let me know in Comment box.

No comments:

Post a Comment