Welcome! If you like our Blog so please Follow this blog and also +1 this blog here---->

Saturday, 27 October 2012

Pin It

How to Customize Read More in Blogger

Customize Read more in blogger
Hi today i will show you how you can change read more text or change read more text to a button mention above. If you want read more buttons instead of text so please first download this Read More Button Pack.
If you want to change text follow this Step 1.

Step 1:

1.Find the following code (Tip: Press CTRL+F to find code.)
<b:if cond='data:post.hasJumpLink'>
You will see the following code :
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url' expr:title='data:post.title'>Read More</a>
</div>
</b:if>
Here change Read More with your own text like Continue Reading etc. Then Save you template and you have done.

If you want to see Read More Button instead of Text follow this Step 2.

Step 2:

1.Find the following code:
<b:if cond='data:post.hasJumpLink'>
When you find this it will look like this:
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url' expr:title='data:post.title'>Read More</a>
</div>
</b:if>
In the Read More text above replace it with this code:
<img src="Your Button Link Here" />
 Replace Your Button Link Here  with your Button link.


Hope you find this post helpful please Share this post and follow our blog.



Bilal ahmed Janjua Post Author

Hi. My name is Bilal Ahmed. The Author and the Owner of this blog. I posted daily new Posts about Blogger and Wordpress. So, Stay tuned with me.