How to edit, customize and style the new Jump Break or Read more option in Blogger

Today I will make a post how to edit, customize and style the new Jump Break or Read more option in Blogger.
Customization like,  adding an image instead of read more link. This is very easy and simple to do it. i will explain how to do it very easy

This is the tutorial :
1. Log in to your Blogger
2. Go to Design => Edit HTML
3. Click the expand widget templates check box
4. Find this

<data:post.jumpText/>

5. Replace it with

<b:if cond="data:post.hasJumpLink">
</b:if>
<div class="jump-link">
<a expr:href="data:post.url" expr:title="data:post.title" href="http://www.blogger.com/post-create.g?blogID=306294535298887365"><img src="http://your-image-URL.gif
" /></a> </div>

6.Save Template

NOTE : Before editing your template, you may download your template. Download it if you worry you make mistake when replace the code

Tittle : How to edit, customize and style the new Jump Break or Read more option in Blogger
Source URL : https://hazbiynews.blogspot.com/2012/03/how-to-edit-customize-and-style-new.html

You can share or copy this article | How to edit, customize and style the new Jump Break or Read more option in Blogger | to your blog/website, but don't forget to submit the source url of How to edit, customize and style the new Jump Break or Read more option in Blogger

You Might Also Like: