Use Image Inplace Of Automatic Read More Jump Break On Blogger

Read more button function is to give a short summary of your post, it will reduce the content of your homepage and speed up your browser load time. It will also helps in google search ranking as your blog is receiving more clicks, and if your post contain any image it will be use as your thumbnail.
In my previous post have discuss on how to add automatic read more jump break without image, which you may need to apply this to your template, before inserting this, because you might not be able to find the keyword you are about to search for now.



Let's get started

1. Login to your blogger dashboard
2. Click on "Design" > "Edit HTML" (remember to back up your template)
3. Mark/Tick "Expand Widget Template"
4. Use ctrl F to find "Read More", if probably you can't fine Read More, find <data:post.jumpText/>
5. Choose any image of your desire below and replace "Read More" or <data:post.jumpText/> with the code of the image.

IMAGE 1:

 Code for the image above  

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-adWGWMDxEuhznepjzy8SbrfC703SFtr1HvuPldSBYeHXs1RsE0NB127GcHm5gf7QwBBZcLzfFkIJbQl8GJnm-WuHT0d1aQVrKxjvb5K0K57rZM-j5JJiIpzDDyMVLwcLG7AoUcUFfvtY/s1600/read-more-6.png" border="0" alt="Read Full Post" />

IMAGE 2 :

Code for the image above

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUjkZ3kNK3mJddx9qIBXEGLvJWTOpk4BUcqGS78zdsg1ZIw0IeEAKsMe-PxUAunea1fi9LsVN5KtKqsXgdo0rKjRbtuDSpSVTO-j0rZ9BmjeD5oHHn09WI3imdwDSEqo2MvORh7qgxUIvg/s1600/read-more-4.png" border="0" alt="Read Full Post" />

IMAGE 3 :

Code for the image above

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho7j8zfZIBgNUOZq6N8p6TiyhwRQgTSiklqpMuKa6l674rsDy3x7DSUqqzJJK9UTPDtqI_BBgQ1JilHErK1tWIXq94lnqDHY0rR8cYcR6KZHSKXh64t9wC_nnU1wB0gN16Ahf7_b12VR0Y/s1600/read-more-10.jpg" border="0" alt="Read Full Post" />

IMAGE 4 :

Code for the image above

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDQqvO-9GjQR9EqwGoEx6Bt58pOciMphHLefdddJKE2PdH44FGW_r8KgpVumR_MEaxSAqTv5EryJm3l0y3rm6neB4DGw6ZatunhyphenhyphenJJnLM6vgLIB3tLc4niQ-4N1GfS04ahVp7YM838O6xY/s1600/read-more-9.gif" border="0" alt="Read Full Post" />

IMAGE 5 :

Code for the image above

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-UVR4Cje_MMXaCfDi_Ole1tJLg3ZpqPAxar50s-H-9-wsuxXHQqM-j2tBBjDdvGjKfE0miH0CW4kKKhkJLLzgvpL15peMRdhDobtmyTWsfgcQVrO2E9fCek59j90fveRp8DI4zOdT4yq9/s1600/readmore-3.gif" border="0" alt="Read Full Post" />

IMAGE 6 :

 Code for the image above

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVNZJU5bEkdC4TPNUVQfDmL63vNBQAzo5LpjfFTjB4BiRAQs-T3o4AaTnncMcCxJuI7GvBoSrat0x8CXxuHA2vmAnDgqLiyzQVx-TqrDWaqSIFaWjTTnOdbApap2wEzXV0raL7Pnem7Alm/s1600/read-more-2.jpg" border="0" alt="Read Full Post" />

IMAGE 7 :

Code for image above

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1BfsONqZCm1tWYqDx2rRqc-5JkdWmz6t-M7amwRul5C1XjoAJBtyfqNbCRYYadnvwIXL55kl0s5dcSDD4cbtWCs5wwt_6_CLzmWwbSfW6lFBBxECDUzlUgF9ljMwDOg3RiDiMpiCQaPh0/s1600/read-more-1.gif" border="0" alt="Read Full Post" />

IMAGE 8 :

Code for image above

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7oSZoJpXhBY9wMk-YCjtxxd-QQpwR1JgETBa0wG2tYb_NU8MouMnCCMDeH5wS6Md60vJ7wvafjwJ9xDaMmrpzbN2MMMZRYeyXDJNQFDkWLJBjVOT0-oE6GAQLl6myUQbRVzUpvOhalrZv/s1600/read-more-8.gif" border="0" alt="Read Full Post" />

IMAGE 9 :

Code for the image above

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtzJpaNbBlsqc-QV57h2afbXvSCirKbp2WoWW1DXysn01YzhgK9YuMi4z_z-MhUrHBDkQehJ16GNn3gHbISY629vrBwyzky4f-KV3J01AbmJ-an0Ravh5N2abLDDhYDYOX22vDTQ-WaSvv/s1600/read-more-7.png" border="0" alt="Read Full Post" />

IMAGE 10 :

Code for the image above

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJbUO1QI8Q2WLc5YLpXW06ilcDcqROzr0OOWnNGfXNH8zrL13Rc2jzWZ7MBC9-iyW1m9dyp7BxpIB8BB9aiUxLMJ7GTMr2MA3pS2msqXXzCjdNA662PL3fkmZftv1tscstWV2M9KiMUjCu/s1600/read-more-3.png" border="0" alt="Read Full Post" />

After replacing the code in your template, click "SAVE TEMPLATE"
That's all.
hope you enjoy this? if you have anything to say of ask, please use the comment box below, and don't forget to subscribe to this blog, for update of our future post.

Go Social:

Subscribe For Free Updates!

*Please confirm the email sent to your inbox after clicking "Sign Up!".

Follow @realcombiz