How to add Auto Read More Option in Blogger?

The steps involve in adding an automatic jump break to your Blog post is simple if you follow the instruction below carefully. Jump break makes your blog look neater, load faster and also makes it easy for your blog readers to read summary of your post before viewing the full post. With Read More option, your posts will only display just a short summary of your posts on the home page and a link to read the full post will be below each post. The advantages of break jump was that, it will reduce the content on your blog and speed up your blog loading speed and also applying jump break or read more option to your blog allows visitors to click on your summary before having access to the full post which therefore increases page views.

The auto read more option makes it easy to add jump break to all your posts at once instead of adding it to any posts you want to add it to which is how to manually add jump breaks.

Advantages Of The Read More Option:

· You can choose how much text is displayed in the summery.

· The Read more will also apply to all the your blogs previous post

· Your thumbnail size can also be adjust to your preferred size.

· Your posts will automatically be displayed as short summaries with a read more link.

· An image from the post will be resized into a thumbnail and displayed beside the summery.

How to add Auto Read More in Blogger?

To apply this to your site, kindly follow the few steps below carefully;

#1: Login to your blogger dashboard

#2: Click on Template

#3: Remember to back up your template (not compulsory). Click here to see how to backup and install a blogger template.

#4: Click on Edit HTML

#5: Click inside the HTML CODE area, then

#6: Press CTRL + F on your keyboard and find this code </head>

#7: Copy and paste the code below, before </head>

<script type='text/javascript'>

var thumbnail_mode = "no-float" ;

summary_noimg = 430;

summary_img = 340;

img_thumb_height = 120;

img_thumb_width = 120;

</script>

<script type='text/javascript'>

eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+

((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,

)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function()

{return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'

\\b','g'),k[c]);return p}('j m(a,b){6(a.5("<")!=-1){3 s=a.J("<");I(3 i=0;i

<s.4;i++){6(s[i].5(">")!=-1){s[i]=s[i].7(s[i].5(">")+1,s[i].4)}}a=s.E("")}b=

(b<a.4-1)?b:a.4-2;z(a.u(b-1)!=\' \'&&a.5(\' \',b)!=-1)b++;a=a.7(0,b-1);r a+

\'...\'}j q(a){3 b=A.o(a);3 c="";3 d=b.p("k");3 e=t;6(d.4>=1){c=\'<h v="w:x

; y:g K B g;"><k 9="\'+d[0].9+\'" C="\'+D+\'8" F="\'+G+\'8"/></h>\';e=H}3

f=c+\'<l>\'+m(b.n,e)+\'</l>\';b.n=f}',47,47,'|||var|length|indexOf|if|subs

tring|px|src|||||||0px|span||function|img|div|removeHtmlTag|innerHTML|get

ElementById|getElementsByTagName|createSummaryAndThumb|return||summary_noimg

|charAt|style|float|left|padding|while|document|5px|width|img_thumb_width|

join|height|img_thumb_height|summary_img|for|split|10px'.split('|'),0,{}))

</script>

#8: Find this new code <data:post.body/>

#9: Replace the code above with the code below.

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<data:post.body/>

<b:else/>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>

<data:post.body/>

<b:else/>

<div expr:id='&quot;summary&quot; + data:post.id'>

<data:post.body/>

</div>

<script type='text/javascript'>

createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);

</script>

<div style='clear: both;'/>

<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>

</b:if>

#10: Then kindly Save your Template.

Then you are done, if your post contain an image, it will be automatically use as your thumbnail.

Please don’t forget to use the comment box.

READ ALSO: LIST OF SMARTPHONES IN NIGERIA THAT SUPPORT 4G LTE

SHARE ON:

Pages

Sunday