Saturday, 14 June 2014

How to Add Automatic Read more Trick for Blogger blog

How to Add Automatic Read more Trick for Blogger blog

Fast Copy the html code from the below  box


<script type='text/javascript'>
var thumbnail_mode = "no-float" ;
summary_noimg = 400;  /* Summary length if no image*/
summary_img = 300; /* Summary length with image*/
img_thumb_height = 200; /*Image Height*/
img_thumb_width = 200; /*Image Width*/
</script>
<script type='text/javascript' src='http://netoopscodes.
googlecode.com/svn/branches/Js%20files/auto-readmore-blogger.js' ></script>

Now go to Blogger template and search html box 
Find </head> 
Copy the  html code and paste just above the </head> tag 

(2)Copy the html code from the below  box 
 
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&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 class='rmlink' style='font-weight:bold;padding:5px;float:right;text-align:right;'><a expr:href='data:post.url' >Read more...</a></span><a href="http://netoopsblog.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLYyK4GGus2JRqCHeGmi53WqSrWkSY3jfZxICCmVCcuX9FAqkmJG2kt5P1unf-lEBlsPKDyL3PZNQTyI194hLhW_QPbb9sXF3Gs9561REp2GUISF5cy6Suw42iP3svL5iP-S9rjrIXsnU/s1600/1x1juice.png"></a>
</b:if>
</b:if>

Now Search <data:post.body/> Copy the  html code and paste the flowing code 

 

0 comments:

Post a Comment

visitor

 
- See more at: http://adminwidget.blogspot.in/2014/06/how-to-add-next-previous-numbered.html#.U60N95SSyKQ