Please follow below steps to Add Automatic Read More Button
For Blogger Blogs:
Step 1
Login into Blogger Account and Go to Blogger Dashboard.
Step 2
Step 3
Find below code with the help of CTRL + F:
</head>
Step 4
Copy and Paste below code above </head>:
<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>
Step 5
Now search below code:
<data:post.body/>
Step 6
Replace below code with this:
<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://www.haakblog.com" title="Blogger Tutorial"><img src="http://img1.blogblog.com/img/blank.gif" alt="Blogger Tutorial"></a>
</b:if>
</b:if>
Step 7
Click on Save Buttoအားလံုးကိုေက်းဇူးတင္ပါတယ္ အဆင္မေျပတာရိွခဲ့ရင္ ကြန္မန္းမွာစာခ်န္ခဲ့ေပးပါခင္ဗ်ာ။
Tags
Blog ဆိုင္ရာ
