Read More Plugin Is Useful Plugin for Blogger To view the Latest Posts with More Professional and Stylish look.
Read More Plugin Installation
First Step: Navigate to your Blogger Dashboard >> Design >> Edit HTML >> Check Expand Widget Templates
Step Two: Find The following Code
And Add the following code before it
</head>
And Add the following code before it
<script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 500;
summary_img = 450;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script src='https://sites.google.com/site/merciblogger/read-moreotomatis.js' type='text/javascript'/>
summary_noimg = 500;
summary_img = 450;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script src='https://sites.google.com/site/merciblogger/read-moreotomatis.js' type='text/javascript'/>
Red = length of posts doesn't contain Images
Green = length of posts contains Images
Orange = height of thumbnail image
Blue = width of thumbnail image
Step Three: Find The Following Code
Green = length of posts contains Images
Orange = height of thumbnail image
Blue = width of thumbnail image
Step Three: Find The Following Code
<data:post.body/>
If you Found Two Codes, So the second whose intended
Replace It With The following Code
<p><b:if cond='data:blog.pageType != "item"'> <div expr:id='"summary" + data:post.id'><data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'>Read More..</a></span> </b:if> <b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if></p>
save your template.
No comments:
Post a Comment