Skip to main content

Auto Read More Script Widget For Blogger : Optimize Your Blog Performence


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

Popular posts from this blog

Minified Your Blogger Template For Fast Response ! How to minified CSS.

Minified is also means minimisation or minimization,  In computer programming languages and especially JavaScript and CSS is the process of removing all unnecessary characters from source code without changing its functionality. These unnecessary characters usually include white space characters, new line characters, comments, and sometimes block delimiters, which are used to add readability to the code but are not required for it to execute. If you want to remove these unnecessary character, spaces and more from your blogger template so you should follow these steps given below. 1. First you have to open your blogger template editor . 2. Then find this tag on your template. <b:skin> < ![CDATA[/* 3. Copy entire data written under this tag until the style closing tag was encounter . it is recommended please leave the comment section if exists means a author bio or etc. ]]> </b:skin> 4. After that you have to Minified your your copy data or CS...

How To Use Bootstrap In Blogger Template.

We know that blogger have its own predefine libraries and these libraries work only on blogger. In blogger we use .xml file format or we say we use xml language to make blogger template. In this post we discuss about how to place bootstrap CSS and Java script to blogger template. First we discuss about how to place bootstrap in blogger. 1. First you have to open your template edit section. 2. Then find head opening (<Head>) tag. 3.Then copy these codes. <meta content= 'width=device-width, initial-scale=1.0' name= 'viewport' /> <link href= '//netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css' rel= 'stylesheet' /> <link href= '//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css' rel= 'stylesheet' type= 'text/css' /> 4. Paste these codes in your <head> section. like the example given below---> <head> <meta charset= 'UTF-8...

Organic Search & Paid Search - SEO

Paid Search -  is related to AdWords its look like a search advertising program by google. In the paid search google adwords show the related ads on the google search query (top and bottom) at the page. When user search any thing at the google search the AdWords scheme show the related ads and take money from the company. this is one of the income source of google. We know that the Search Engine paid search is related to Ad Words so "Search engine optimisation" are not work there. when we are using SEO tips and tricks on our website that was not effects on the paid search result that was same as show. Organic search SEO - Organic search is related to our Search engine optimisation this is deepening on our SEO, Indexing of our site content, meta description etc. when we search any word or any topic in the google search so the engine find out the related content of the word it may be any site name or any people, place or things. google highlighter is the tool that h...