How to Add Automatic Read more Trick for Blogger blog
<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 == "item"'>
<data:post.body/>
<b:else/>
<b:if
cond='data:blog.pageType == "static_page"'>
<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 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