Change Read more Buttons

Many New bloggers want to change their blogger read more button i will now show you how to change blogger read more button and replace it with beautiful read more buttons.

  

      FLOW THE STEP BELOW TO ADD THIS WIDGET TO YOUR BLOG

Step 1:

  Go to the template and edit HTML

Step 2:

     Now find this code <data:post.jumpText/>

Step 3:

         And change the image URL in the following code and replace it with the read more image that you like listed below

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url' expr:title='data:post.title'><img src="http://your-image-URL.gif"/></a>
</div>
</b:if >

STYLE 1:

 

IMAGE URL:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkjvkYG4cZ8uvrk-Fbc9oST3PIYqwMapIicG-X_ezBrtgafXoO2_LowYlRN9C8wAQrz8oQ_NcNnI9fgVw0jgDsxtHCmSdgcBPAhf5L23Mmd-MrtcW9_eP4GAZFyyJ171jBjZMaU5KlXepY/s1600/black1.gif

 

STYLE  2 :

 

IMAGE URL:

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyvSWu-BR9mMQ1zCAvIgoBUfWkAzXVbIQ4-vcqjLjRINGPsrVsu_G9dsf4jXWHjkWMkm1U0A_qFH2ZH7PtJuWL_jiaeQ2UyBBcyU6zSf_zT1zBE4foyo8jUG6THU_W7b8O_Ee-RFlN4jE3/s1600/cooltext666275999.gif

 

 

 

STYLE 3 :

IMAGE URL:

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhquTqrj4_lA4LddKflZ_jbc_kDYt5f2Hh8cX4QWUae_z-bdt3d8xIGW3BUi35SMmRzltjFu4Gdk9-UDDZx7TVF6tB6VNy6wZ39VQK-6R7ZytSUJXdY9DQJeebYGIXiVwi9vVGWCF7jIVhyphenhyphen/s1600/cooltext666276315.gif

 

 

STYLE 4 :

IMAGE URL:

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhk0ZUeSl-adomdu1QiGOsi_8Id9Q-MEzHs7q57P5DvcZaEjfoXXg2_oiAGFvkMdZCamNoWODB6NrBm98rqnLAmmEaHm79ngTawiRyZ6eiDGpMce9EeYahT4VcsYkkb3E05ELcfLSs1r5He/s1600/readmore.png

 

 STYLE 5 :

IMAGE URL: 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj06mzcI-itUDpZRJiO2U3Qh8u-3XCA1EmBaYNRHocgSmxow8Sxy5AzG84HdFu4jmBFEcPUTSWpwW8SZPvc045eTnyQBdqWjUelIjriMXd3KdiVr3ZVUBZa9j3GTNe63xWnlcGWVlypoBhy/s1600/RenderedImage.png