Add Auto Read More with thumbnail in Blogger (Blogspot) Blog

Automatic Read More For Blogger With Thumbnails. A read more will add automatically when your post published. Every time you create a new post, a read more will add automatically. The auto read more only display the summary on your blog home page. It means the auto read more doesn’t display the full post, It display on the summary. It also help you to increase your page views.

 


Blogger auto read more is one of the best hack for blogger. Maximum blogger use this. Normally every time you must choose some summary. But after using this hack you don’t need to select your image and summary, this hack will do all of your work automatically. Just write a new post and publish it with one image. No necessary to add any type of extra code in every blogger post of your blog. You can also add default thumbnail image if your posts do not have any one.

Let’s see how to install Auto Read More Hack into Blogspot (Blogger) With Thumbnail image.

 

Insert Auto Read More for Blogger/Blogspot:-

 

Step 1. Log in to your Blogger Dashboard. Template > Edit HTML. Check the “Expand Widget Templates” option.

Step 2. Scroll down to find the </head> tag.

Step 3. Simply add below code just before </head> tag.

 <script type=’text/javascript’>

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

 

Step 4. Now Scroll down again and search for the below line.

 

 <data:post.body/>

 

Step 5. Replace the above code with 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’>
createSummaryAndThumb(&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 save your blogger template.

That’s it. Now visit your blog and publish a new post for test. A read more will be added automatically when you published your post. That’s not only save your time but also make your blog user friendly. Do you feeling any problem or question? Just drop your comment.

 

Thank you for visiting my new blog. Please subscribe our email news later if you do not want to miss a single blogger or WordPress tutorial. Thanks for coming.

Posting Komentar

Lebih baru Lebih lama