- Sign In to Blogger Dashboard
- Go to Template -> Edit HTML
- Find </head>
- Copy the following code above it
<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> If you add CSS codes to style jump link in your blog, then See the Update
|
<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/AVvXsEgpTkQeWe0RxJoVq9NWtH4Qq81hcQOmB-0aGrijQp2nMuCg5-NypmHWKARdtEnKArGDbNUJQjFm4yqrixAIeRpqsPPBNIQjmUPBkGw_HmFfAw8hUtLkj5ONnUK5-UNBkTp-brsAVQfw0u0/s1600/1x1juice.png"></a> </b:if> </b:if> |
- Save Template.
