Hi i am Ankur garg and today I am introduce the new auto read more script for the blogger templates and the what is the benefits of that auto read more script features. Auto read more script is working like the read more feature as we know the recommended post that hold the link of the new post of your blog as same as the auto read more script is working like same but that have some benefits like that dose not take many time to load and it also optimise your blog performance.
Not too long ago i write about the post that covers how to use the recommended post widget to your blog! remmember that it also improve your blog performance try this also.
How it works :
It automation take the first thumbnail's of your blog post and make the summary of your blog post as it have the meta description and display.How to install this widget :
First go to Blogger Dash Board --->> Template --->> Edit HTML
After find the </head> tag and paste the below code before </head> tag.
<script type="text/javascript"> var summaryConf = { showImage: true, imgFloat: 'left', imgWidth: 120, imgHeight: 90, defaultThumb: 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIqXY-9wAspM3Znl7LA3fIvWygPKXk3QRPzIVbrS19YCCnbnDiH0ybfErIzNxPniGRSrodOpIciwuvleZFbUXkx9wB7G2_dO0bROSNq6PK3x8OrDt4m5I0edPRo5_uUVP-kcaKYBWB2oX6/s1600/no+thumbnail+available+.png', words: 65, wordsNoImg: 80, skip: 0, showHome: true, showLabel: true}; </script> <script type="text/javascript" src="https://googledrive.com/host/0Bx4EcEKX-gK0NzRVeXlNdEh6N2M"> </script>
After that find <data:post.body/> by using Ctrl+F and replace with
<span expr:id='data:post.id'><data:post.body/></span> <b:if cond='data:blog.pageType == "index"'> <script type='text/javascript'>summary("<data:post.id/>")</script><b:else/> <b:if cond='data:blog.pageType == "archive"'> <script type='text/javascript'>summary("<data:post.id/>")</script> </b:if></b:if>
after replace save the template and see your blog page..
Comments
Post a Comment