Featured post

How to set a profile for your Blogger account

Sunday, 21 April 2019

How To Add Read More Button Option In Blogger Post


Hello Guys, welcome to the My Tech 4 support Blogger today Tutorial I will show you how to add insert Read More Button Option in Blogger blog Post with pictures and Text. If we use Blogger default jump break then the Read More link appears and it is not cool enough, so today we add Read More button in Blogger blog post.




These are Some Following Steps We Will Use:-






Step 1: First of all Go to Blogger Theme and click the Edit HTML button.

Step 2:After that Click in the Code and press Ctrl+F find " <div class='jump-link'> ".

Step 3:  At the End replace the Code "<data:post.jumpText/>" with 
" <img src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja86eX4CpnROaL_rlOeJ0ycm-6FGjxkEImUTxfz75LhEh5uP7sbIPIiCzYErpQA3Z9lNlP8Ek0QmENFUOOy-mF1KXFy-Nfvr-yy8QyUCsbMqaNtV5No2tjpb2yr9lfDJAQ_g_ATW0aKKg/s1600/ReadMore2-+techtspot.jpg”/> ".

If We Want Different Button Then Replace These Images URL To Blue Image URL (which up there)
Read More Button For Blog 1
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCwpwwMyyUA0X4JovFCDKNQbAfWYxZ-a53PP17PFoqtlCQAli7sbyJBT_4F8M35y83vVNkfqBiMyt91ygy1a1exrugPBvZ3OE3ezsb1yBqP2V8tf_LN4g3z2Wa3ujnWxYVPAlvcLaCKzQ/s1600/ReadMore1-+techtspot.png
Read More Button For Blog 2
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_BOqqlirFOEW9C8k_O-zwhLIsOu8iKyKxM5PMAeWMdT6Iv9F6h-tgvSYDGoiWIhr23DEkrtL8Vr_CIzbwCkcV4_ER4uBc1Zc4tP8eBL2fhPTgNwVjGM11-GOV4UK4LDB65dJhS0avUXY/s1600/ReadMore2-+techtspot.jpg
Read More Button For Blog 3
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0K2W8CSSRscqolaOoL5mGy-VQO6AoHn-00i74-uHBkEXt8NLeO_ohbsLEsZdy9ftvHDbsfuh6OIW3Pl_UmQVAYYfMZgV3VSFqgCGgwtHD_BHBu0EOdIpTMTaLUMzwuFdttO0M_JShH0M/s1600/ReadMore3-+techtspot.png
Read More Button For Blog 4
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-sTG3t5WNCQIBzNKLI8knezoTT0eAtzvcAs12GjPBqGFLqXv6AxBWj2I1vnxAQdL8wBlJWbLOqzl9tki0NcrT-YtpWycFbv7wkyWBrnWf0acvRdHsO8hKzs7IBJ7GIVftXmaRJn293CY/s1600/ReadMore4-+techtspot.png
Read More Button For Blog 5
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVfwV45004PFkr5sRhD36hdyB0XKNZKmiCQoLYr7tNS7iLdTYzVDlGbGlaOMkF75_1-h3fQgA9_Ea1WeiLsJvYfq_OJUBOg7C74-dP13r3bHkBSYjUKNJxJl-iLdEsy9tgAwPN14z8RTg/s1600/ReadMore5-+techtspot.png




              I hope you enjoy this Post. If any problem comments it.
                           Daily Tech Update Check and Join Us :


 Facebook Twitter | Google+ Tumblr | Instagram | YouTube





No comments:

Post a Comment