How To Make Automatic Thumbnail and Read More Function (Blogger)

Before You Start,Check Another Tutorial How To Make Read More(How To Make (Read More)Function).

Follow steps as below:

1. Login Blogger>>Go To Layout >> click Edit HTML

2. Tick on "Expand Widget Templates"

3. Find this code


4. Replace with this code below

<script type='text/javascript'>
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
<script src='' type='text/javascript'/>
<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>
<span class='rmlink' style='float: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>

5. Save it and check your blog.


Post a Comment