Friday, March 23, 2012

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



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

You Might Also Like:

Labels: , ,