Saturday, April 8, 2017
How To Add Auto Read More Future With Thumb Nail
How To Add Auto Read More Future With Thumb Nail
This nice trick will automatically create post summaries with thumbnails.You dont need to add any extra code in every blogger post that you make.
1.Log in to your dashboard--> layout- -> Edit HTML
2.Click on "Expand Widget Templates"
3.Scroll down to where you see </head> tag.
4.Now add below code just before </head> tag.
Note : You can change above value as your choice.
5.Now Scroll down to where you see this:
6.Replace above code with below code.
7.Now save your template and you are done.
1.Log in to your dashboard--> layout- -> Edit HTML
2.Click on "Expand Widget Templates"
3.Scroll down to where you see </head> tag.
4.Now add below code just before </head> tag.
<script type=text/javascript> var thumbnail_mode = "float" ; 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/> |
5.Now Scroll down to where you see this:
<data:post.body/> |
6.Replace above code with below code.
<b:if cond=data:blog.pageType == "item"> <data:post.body/> <b:else/> <div expr_id="summary" + data:post.id> <data:post.body/> </div> <script type=text/javascript> createSummaryAndThumb("summary<data:post.id/>"); </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> |
7.Now save your template and you are done.
Available link for download