Make Long Post Short on Blogger Homepage With Read MoreMore

The blogger default template most times lack some awesome features like the read which you will have to be add the read more manually to every post using the jump break tab above, the reason why I recommend you to use this read automatically is because is one of the best way to make revenue from your blog why? because it enables more clicks on your blog.

I have received many complains and request from my friends and blog readers consigning this feature on their blog which in one way might be missing.
The automatic read more enables your blog to look more professional and also it reduce the length of post displayed to every interested viewer to click for more.
Below are going to give some little steps on how to add the read more automatically to your blog without stress, just follow it carefully.

Step 1
First you need to visit your blogger dashboard and then select your preferred blog which you will like to work on.

Step 2
After clicking on the blog then move your mouse down to the “Template “ tab and click on it >>>> “Edit HTML”.

>Do You Want To Receive Update As Soon As We Publish? join our Telegram Channel stay updated with the latest headlines--CLICK HERE


Step 3
Click on any part of the HTML and then press CTRL+F on your keyboard and the search for the below code


Step 4
Now your will have to paste this code after the </head> tag

READ ALSO  6 Classic Mistakes That Brands Continue To Commit On Twitter

<script type=’text/javascript’>
summary_noimg = 300;
summary_img = 300;
img_thumb_height = 120;
img_thumb_width = 120;

<script type=’text/javascript’>
function removeHtmlTag(strx,chop){
var s = strx.split(“<“);
for(var i=0;i<s.length;i++){
s[i] = s[i].substring(s[i].indexOf(“>”)+1,s[i].length);
strx = s.join(“”);
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=’ ‘ && strx.indexOf(‘ ‘,chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+’…’;
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = “”;
var img = div.getElementsByTagName(“img”);
var summ = summary_noimg;
if(img.length>=1) {
imgtag = ‘<span style=”float:left; padding:0px 10px 5px 0px;”><img src=”‘+img[0].src+'” width=”‘+img_thumb_width+’px” height=”‘+img_thumb_height+’px”/></span>’;
summ = summary_img;
var summary = imgtag + ‘<div>’ + removeHtmlTag(div.innerHTML,summ) + ‘</div>’;
div.innerHTML = summary;


summary_img = 330 => if you want to display 420 characters in any post with image you can insert your preferred number.

img_thumb_height = 90 => This tag will determine the width of image thumbnail displayed.

img_thumb_width = 90 =>This tag will determine the width of image thumbnail displayed.

summary_noimg = 420 => if you want to display 420 characters in any post without image you can insert your preferred number.

Step 5
Now press CTRL+F on your keyboard and the search for the below code again


Step 6
 Now replace the above code with this one below

<b:if cond=’data:blog.pageType != &quot;static_page&quot;’>
<b:if cond=’data:blog.pageType != &quot;item&quot;’>
<div expr:id=’&quot;summary&quot; +’><data:post.body/></div>
<script type=’text/javascript’>createSummaryAndThumb(&quot;summary<>&quot;);</script>
<div class=’readmore-wrap’>
<span class=’rmlink’ style=’font-weight:bold;padding:5px;float:right;text-align:right;’><a expr:href=’data:post.url’>Read More</a></span>
<b:if cond=’data:blog.pageType == &quot;item&quot;’><data:post.body/></b:if>
<b:if cond=’data:blog.pageType == &quot;static_page&quot;’><data:post.body/></b:if>

Step 7
Finally “save” the template and the visit or preview your blog.

Don’t forget to drop a comment and share this post thanks

banner ad * TEXT ADS**
◊Cure and Knock Staphylococcus & Other Infectious Diseases out from your Body within 3 weeks --CLICK HERE

◊Order Ultimate Virtual Soccer Hacks and Secretes to Win 100k Daily --CLICK HERE

◊Register Your Business Name With CAC and Get it in less than 2 weeks--CLICK HERE

◊Join our Community and interact with fellow members>> Click here to join


◊Grab Ultimate List of Over 100+ Companies That Pays You Up To $2500 To Blog and Post Online ( #3000 Only))- CLICK HERE

◊Get All Recruitment Jobs Past Questions and Answers--CLICK HERE



Please enter your comment!
Please enter your name here