How To Add Automatic "Read More" Button/Hack in Blogger


To Add Read More Button in Blogger but some new bloggers can't fix this Problem and they are randomly searching for this hack. 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.




1. Go to Layout>Edit HTML, and look for this line:
                
                </head>   

2. Replace the </head>  line with whole line bellow


<script type='text/javascript'>var thumbnail_mode = "no-float" ;summary_noimg = 430;summary_img = 340;img_thumb_height = 100;img_thumb_width = 120;</script><script type='text/javascript' src='http://widgets.way2blogging.org/blogger-widgets/w2b-auto-readmore-blogger.js' ></script>
</head>



3. Now search <data:post.body/> and replace with next code

<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;'><aexpr:href='data:post.url' >Read more ... </a></span>
</b:if>
</b:if>

Click Save Button and That's All.

Customizacion: 

img_thumb_height = 100;   Thumbnail Height
img_thumb_width = 120;     Thumbnail Width



Credits: way2blogging

Mix-R
Mix-R

"Myths, legends and stories are the signposts previous generations have left us so we don’t have to figure out our own personal journey in solitude!"

Disqus CommentsLoadHide