Friday, October 13, 2017

How To Add Read More Button In Blogger

How To Add Read More Button In Blogger Hello friends, today I will show you how to add insert Read More Button in Blogger Blog. If we use Blogger Blog default jump break then the Read More link is appear and it is not cool enough, So today we add insert Read More Link with Read More Button in Blogger Blog post.


These are Following Steps:-

Step 1: Go to Template Link 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'> ".

Step 3: We replace the Code "<data:post.jumpText/>" with 

" <img src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijXzIdbkRZveBJVMpFe_vRJaz7B3LI2MrfV9HHPGJ033-47qZfOJ5HUzEuWMxpWY87GtLkDva7zZcshyphenhyphenLxxxENkyG4HMB_dDI4uQ1djjodlRIDB4aNbZtMONl7UQectrneLP5c2sM4gUo/s1600/ReadMore2-+techtspot.jpg”/> ".

If We Want Different Button Then Replace These Images URL
Read More Button For Blog 1
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLkV4Qg54LynQq5LclYiQK4mIF5X_GHItjNsC04uWuUo4dbu2U-AYniC3_-Xzi5kJPBWsebBAwHwXbgeN9G_ggHSwJPCWst_dlgeUyl0gf1iABNIYFgI6HZJxNt3VCBWv6a9-JlhPwOrY/s1600/ReadMore1-+techtspot.png
Read More Button For Blog 2
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipdjYRwWXf9-U3uiCEnLmMhiNjKM7c3D9hv4O8gglNz9mzssHcmyKER56dxdaq8C7VMT5AaBiC_adTXBLjHD4ynL1q4CTpy4Ew7KJL5UCsW4jDdM3oABiQjaem8-iWwqEIzBJ2CvHsOOA/s1600/ReadMore2-+techtspot.jpg
Read More Button For Blog 3
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYH7idtnQhuIVL8985Qb0aaYPQYSr-9DVV3ncyTnCSyDoeuITSQnRIMQENH3TC8MW_i6bGa32JVfTPeTDrMELs0K-hCnLSdhkzRmgkepNT7kg4h2LLDKQyunOiPNPL6T0PECQsE0fB8Ws/s1600/ReadMore3-+techtspot.png
Read More Button For Blog 4
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGyC_nG3hvtrU6wgrMX2NjTF9WG7HMHS60kNoTQLiwq9TmfLxuIujjtp72kB7kbd7qdefkh-yEjXDaSaFCO4tFX9OrnKYDGCjudLKl24d1o0lG2jO9wql9lvhwpzFQDnZwDIJrP4SkRco/s1600/ReadMore4-+techtspot.png
Read More Button For Blog 5
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjttDPV9ky1tCN3M0ody2YbrZu_i2B9ArNDWP61kk5SCuZ8-tk9-cFY5MBaIMskSEkn_Wcxvfe7LyveqJGUAYSepK5tLa2GoNV6l5FmjBtxAYcTj33gmu-KLij1eGS5U82q9fZc2fcYrqY/s1600/ReadMore5-+techtspot.png

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

No comments:

Post a Comment