Blog Tricks Center: How To Add Auto Read More To Blogger Posts

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
<span style="font-size: x-large;"><b><i>Add Automatic "Read More" Button Blogger Tricks</i></b></span></div>
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<br />
<ins class="adsbygoogle" data-ad-client="ca-pub-8616135883183169" data-ad-slot="7224714538" style="display: inline-block; height: 280px; width: 336px;"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

<div style="text-align: left;">
<span style="font-size: large;"><i>Add Automatic Read More Button in Blogger: Although it's not a Big Deal that How To Add Read More Button in Blogger but some new bloggers can't fix this Problem and they are randomly searching for this hack. Let me elaborate it for you People , this is not as hard as "mesothelioma trial attorney " this word .This Hack just add "read more" option in every post. Actually you may have seen in some Blogger Templates that when you post some contents , it just show the whole contents i.e article from Start to the end but this Hack will wind up the article and will not show the whole article but read more button will be present there.So let's add this read more button in blogger.</i></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF_10fDvG2rMghbkjAMKBWfW3QfMG87NRAdPxi3umFLC1wTwkyzh-3Qt-5PtVY5JbTO6xWeGgLRZ-NAdshMOWjZaB1b7CjeTwA7FlG1wZ8QCfMJh9HIj-3Q4_elG1va0ixuISeGkZT5zXT/s1600/thatsblogging-readmore.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF_10fDvG2rMghbkjAMKBWfW3QfMG87NRAdPxi3umFLC1wTwkyzh-3Qt-5PtVY5JbTO6xWeGgLRZ-NAdshMOWjZaB1b7CjeTwA7FlG1wZ8QCfMJh9HIj-3Q4_elG1va0ixuISeGkZT5zXT/s1600/thatsblogging-readmore.jpg" /></a></div>
<span style="font-size: large;"><i><b>How To Add Automatic "Read More" Button/Hack In Blogger</b></i></span><br />
<br />
<ul style="text-align: left;">
<li><i style="font-size: x-large;">Go To Blogger Dashboard</i></li>
<li><i style="font-size: x-large;">EDIT HTML</i></li>
<li><i style="font-size: x-large;">Now Press CTRL+F and Search for </head></i></li>
<li><i style="font-size: x-large;">Now Copy the below Script and paste it above </head> tag.</i></li>
</ul>
<div>
<span style="font-size: large;"><i><b> CODES ARE UPDATED WORKING 100%</b></i></span></div>
<br />
<div>
<span style="font-size: large;"><b><i><script type='text/javascript'></i></b></span></div>
<div>
<span style="font-size: large;"><i></i></span><br />
<div style="font-weight: bold;">
<span style="font-size: large;"><i>var thumbnail_mode = "no-float" ;</i></span></div>
<span style="font-size: large;"><i>
<div style="font-weight: bold;">
summary_noimg = 400;  /* Summary length if no image*/</div>
<div style="font-weight: bold;">
summary_img = 300; /* Summary length with image*/</div>
<div style="font-weight: bold;">
img_thumb_height = 200; /*Image Height*/</div>
<div style="font-weight: bold;">
img_thumb_width = 200; /*Image Width*/</div>
<div style="font-weight: bold;">
</script></div>
<div style="font-weight: bold;">
<script type='text/javascript' src='http://iamifti.com/readmore_thatsblogging.js' ></script></div>
<div style="font-weight: bold;">
<br /></div>
<div>
<div>
<ul style="text-align: left;">
<li><i><div style="display: inline !important;">
<div style="display: inline !important;">
You can change the number in red to your desire number. If a post doesn't have images then the length of the summary will be surely 500. If a post contains image, then of course the text length will be 450, And the 1st image that will be displayed will have these dimensions: width= 120, and height= 100.</div>
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<br />
<ins class="adsbygoogle" data-ad-client="ca-pub-8616135883183169" data-ad-slot="6839278135" style="display: inline-block; height: 90px; width: 728px;"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

</div>
</i></li>
<li><i><div style="display: inline !important;">
<div style="display: inline !important;">
Now Search for <data:post.body/></div>
</div>
</i></li>
<li><i><div style="display: inline !important;">
<div style="display: inline !important;">
Now Copy the Below Script and replace the above mentioned script with the below Script</div>
</div>
</i></li>
</ul>
<div>
<div>
<b><b:if cond='data:blog.pageType == &quot;item&quot;'></b></div>
<div>
<b><data:post.body/></b></div>
<div>
<b><b:else/></b></div>
<div>
<b><b:if cond='data:blog.pageType == &quot;static_page&quot;'></b></div>
<div>
<b><data:post.body/></b></div>
<div>
<b><b:else/></b></div>
<div>
<b><div expr:id='&quot;summary&quot; + data:post.id'></b></div>
<div>
<b><data:post.body/></b></div>
<div>
<b></div></b></div>
<div>
<b><script type='text/javascript'></b></div>
<div>
<b>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</b></div>
<div>
<b></script></b></div>
<div>
<b><div style='clear: both;'/></b></div>
<div>
<b><span class='rmlink' style='font-weight:bold;padding:5px;float:right;text-align:right;'><a expr:href='data:post.url' >Read more...</a></span><a href="http://thatsblogging.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVYIWd7kVfw4AN44SJOudxI81HYTatf-3Wywi3OlPJzSnvBequyumsVS4mhkOj_sabqQucD9y5liJoLZd4LB9FJwo3Sty5yrnBW0elaRaeCVkWOMroel16pqKTkphhKhBjsM_aipAkZvY/s1600/1x1juice.png"></a></b></div>
<div>
<b></b:if></b></div>
<div>
<b></b:if></b></div>
</div>
</div>
</div>
<div>
<ul style="text-align: left;">
<li><i><div style="display: inline !important;">
<div style="display: inline !important;">
Now Save template and that's it ;)</div>
</div>
</i></li>
</ul>
</div>
<div>
<br /></div>
</i></span></div>
<span style="font-size: large;"><i></i></span></div>

Add Automatic "Read More" Button Blogger Tricks Add Automatic Read More Button in Blogger: Although it's not a Big De...