How to Add Read more Button to Blogger Blog

How to Add Readmore Button to Blogger Blog

You are here to learn about how to "add read more button to your blogger blog".

Step by Step Process to add Read More button to blogger blog :

Step 1 : Login to your blogger dashboard

Step 2 : Go to Template ---> Edit Template

Step 3 : Now Press CTRL + F and find </head> Tag in you HTML code

Step 4 : Now copy the below code and paste it above the in </head> Tag

 <script type='text/javascript'> var thumbnail_mode = &quot;float&quot; ; summary_noimg = 430 summary_img = 340 img_thumb_height = 100; img_thumb_width = 120 </script>   
 <script src='http://keerthiset2.110mb.com/excerpt.js' type='text/javascript'/>  

Step 5 : Now find the below code in the HTML Code of your Template

 <data:post.body/>   

Step 6 : After finding the code replace it withe the below code :

 <b:if cond='data:blog.pageType == &quot;item&quot;'> <data:post.body/> <b:else/> <div expr:id='&quot;summary&quot; + data:post.id'>   
 <data:post.body/> </div>   
 <script type='text/javascript'> createSummaryAndThumbundefined&quot;summary<data:post.id/>&quot;); </script>   
 <div style='clear: both;'/>   
 <span style='padding-top:5px;;float:right;text-align:right;'>  
 <a expr:href='data:post.url' rel='bookmark'>  
 <b>Reade More >></b></a></span> </b:if>  

Now you can see your New Read More button in Blogger Blog

How to Remove Blank Space Above Blogger Header ?

How to Remove Navigation Bar from Blogger Blog

How to change the font size in blogger post easy ? 

How to Remove Powered by Blogger Attribution Gadget

Tags :

How to add read more button to blogger blog, How to add custom read more button to blogger blog

Share :

Tweet

✚

Related Post