How To Add Read More Button to Your Blog


Today I am going to tell you how to put Read More button on your blog. First, let's see What is Read More button. Usually we published a post on blog it's shown full post in homepage. So this Read More is only the first part of the article makes shown from Home page. If We want to read full post we need to click "Read More" button.

Advantages from the Read More button will put on our blog can keep cool and do not be a very long Home Page. Also, according to your will , we can put on as a way to the Read More link or button.

Well , let's talk about how this can work step by step .

First, go below path.
Dashboard > Template > Edit HTML

Note : Before Edit HTML Backup your template. 


Next, click HTML box to activate it. Now press Ctrl + F to Search. Then copy below code and paste Search bar and hit Enter.
]]></b:skin>

          Now copy and paste this code below that ]]></b:skin>
<style><b:if cond='data:blog.pageType == "item"'>span.fullpost {display:inline;}<b:else/>span.fullpost {display:none;}</b:if></style>
Then Search this code.
 <data:post.body/>

 Now copy and paste this code below that I tell above code.
<!--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>
</b:if>

<!--READ-MORE-STOPS-->


If you want add this code left side replace to right to "left" on above code.

Finally, Save your template. The job is not finished yet. Now click "New Post"

If you want add button to Read more text replace below code it.
<img border="0" alt="read more" src="URL of Read more button image"/>


Note : Usually you write post on Compose tab and add this code to post.
<span class="fullpost">
You do not want to show on the home page a few parts
</span> 

Here you can add this images to as Read more button.


How To Add Read More Button to Your Blog

How To Add Read More Button to Your Blog How To Add Read More Button to Your Blog

How To Add Read More Button to Your Blog

How To Add Read More Button to Your Blog How To Add Read More Button to Your Blog

How To Add Read More Button to Your Blog

How To Add Read More Button to Your Blog How To Add Read More Button to Your Blog



Leave a Comment in this article you have learned something important .

We are sure that you would have loved this post. If you have any question comment in the comment box. You suggestion may help any of our reader out there.

Was it helpful? Then do share it to praise our work and to help others.




1 comments:

Leave a Comment to praise our work !

 
Top