Saturday, 1 April 2017

How to add Read More Button in Blogger with Pictures

Hello friends, welcome to the Techtspot Blogger tutorial today I will show you how to add insert Read More Button in Blogger blog with pictures.
How to add Read More Button in Blogger with Pictures

If we use Blogger blog default jump break option then the Read More link is appear and it is not cool enough, so today we add Read More button in Blogger blog post.

These are Following Steps:-


Step 1: Go to Blogger Theme and click Edit HTML button.
Create Custom Read More Button For Blog
Step 2: Click in the Code and press Ctrl+F find " <div class='jump-link'> ".
Create Custom Read More Button For Blog 2
Step 3: We replace the Code "<data:post.jumpText/>" with 
" <img src=”https://1.bp.blogspot.com/-_UGlR-zE7bc/WOCHFXDhBLI/AAAAAAAAIcw/a3t0_KHWS2MyYWoLuzpAgoNZc-oO-0KYwCLcB/s1600/ReadMore2-%2Btechtspot.jpg”/> ".
Create Custom Read More Button For Blog 3
If We Want Different Button Then Replace These Images URL To RED Image URL (which up there)
Read More Button For Blog 1
https://1.bp.blogspot.com/-PeZjnMOxJ0I/WR3jag8RcLI/AAAAAAAAIyk/TF23bASOs_Qo5xU0qDVax1um-cxIGW95QCLcB/s1600/ReadMore1-%2Btechtspot.png
Read More Button For Blog 2
https://1.bp.blogspot.com/-RgxC3SQO5UE/WR3ja5ajEWI/AAAAAAAAIyo/bALFKS-fWXAaobJKVCGHpQ5xDLMiiQRiACLcB/s1600/ReadMore2-%2Btechtspot.jpg
Read More Button For Blog 3
https://3.bp.blogspot.com/-5vdra-G19aY/WR3jamI_rDI/AAAAAAAAIyg/iUkpjul0TOo7fUIH9WWxE6C9e_XU5_wFQCLcB/s1600/ReadMore3-%2Btechtspot.png
Read More Button For Blog 4
https://4.bp.blogspot.com/-x60MkrCE_r8/WR3jbfYYgTI/AAAAAAAAIys/nr3fsmTi3BYQVQzdyzFs6YoAiMjR2FpRgCLcB/s1600/ReadMore4-%2Btechtspot.png
Read More Button For Blog 5
https://1.bp.blogspot.com/-GPG7_9PIOIA/WR3jbXaFpvI/AAAAAAAAIyw/k_H1G-R2xYMsI6DTh1sSaYTKzsKK1bLjgCLcB/s1600/ReadMore5-%2Btechtspot.png


Read More:- 
How to Add Animated Download Buttons in Blogger
How to Schedule Post on Blogger blog
How to Disable Comments Box on Blogger Pages
How to Add Flipboard Magazine to Blogger

I hope you enjoy this Post. If any problem comment it.

9 comments: