See Latest Post

Removing Default Read more or Jump break option from Blogger template!

He every body! welcome again from me, Today I am gonna tell you how you will remove blogger's default 'Read more' or Jump break link from it to stylize it with your own. Blogger Jump Break link gives much flexibility to the new bees in Blogger but it doesn't bear any sense when you are a professional blogger. Because as a professional one, you won't surely want  a manual process  of adding 'Read more' option in your blog. You would set up an automatic 'Read more option with Thumbnail' in your blog. In this case you must remove blogger's default 'Read more' option, otherwise it may creates some coding complex in your template.  
Remove Blogger's Read more...
So getting more customizing advantages from blogger you should remove blogger default 'Read more.... ' option. But how ? Let's see the process step by step do it.

Before changing or editing any codes at Blogger you should keep your whole template backed up so that you can use it, if any irregularities happen. So for this,  Now go to your Blogger dashboard and click Template from drop down menu bellow.

 Now you'll proceed to the next window. From there Select Backup/Restore from the right corner!


 To keep back up of the whole template, Click on Download button to download the template so that you can use it later.



Now you can proceed to edit some changes Teplate coding! To do it now click on Edit HTML button bellow web version template.
You will be prompted to the template's coding area! Here to find any specific codes, press Ctrl+F button from the keyboard to make visible find option in Template coding!


Press Ctrl+F to find out specific codes and find out the following part of the codes.
<b:if cond='data:post.hasJumpLink'>
Finally delete this part of the codes and press Save button.
<b:if cond='data:post.hasJumpLink'> <div class='jump-link'> <a expr:href='data:post.url + "#more"'><data:post.jumpText/></a> </div> </b:if >

Find
]]></b:skin>

Copy the following code just abov this code ]]></b:skin>

.jump-link{
display:none
}

Hope this will assist you to customize your blog somewhat. Please make comment and share this post you find this helpful. Take care!

No comments