Tips and Tricks|Latest Tips and Tricks|Free Tips and Tricks: Add Read More On Blogger Post

<div dir="ltr" style="text-align: left;" trbidi="on"> Open Blogger.com Sign in with your Username and Password then follow the step to to add Read More Link on each Blogger post.<br />
1.Log in to your dashboard--> layout- -> Edit HTML<br />
2.Click on "<span style="color: #3333ff;">Expand Widget Templates</span>"<br />
3.Scroll down to where you see this:<br />
<table border="2" cellpadding="2" style="width: 350px;"><tbody>
<tr bgcolor="#ffffff"><td><center><p><data:post.body/></p></center></td></tr>
</tbody></table><br />
4.Replace above code with below code.<br />
<table border="2" cellpadding="2" style="width: 350px;"><tbody>
<tr bgcolor="#ffffff"><td><center><b:if cond='data:blog.pageType == "item"'><br />
<style>.fullpost{display:inline;}</style><br />
<p><data:post.body/></p><br />
<b:else/><br />
<style>.fullpost{display:none;}</style><br />
<p><data:post.body/><br />
<a expr:href='data:post.url'><strong>Read more...</strong></a></p> <br />
</b:if></center></td></tr>
</tbody></table><br />
<br />
5.Click on "Save Templates"6.Now go to  Setting-->formatting-->Post Template.<br />
7.Fill that "Post Template" blank text area with below code :<br />
<table border="2" cellpadding="2" style="width: 350px;"><tbody>
<tr bgcolor="#ffffff"><td><center><span class="fullpost"><br />
<br />
<br />
<br />
</span></center></td></tr>
</tbody></table>Look at the picture below.<br />
<img alt="" border="0" id="BLOGGER_PHOTO_ID_5331517946614623218" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPvil9NZ9CtFJidDY1sA13nRkgWZXcVzncDT8hN_aphNxmP8L0CYlHyrzOwcdYdQxJtmfp1090fHl7-3umyqzwbfQWa_bnNIn2nVBusVLWNHgrzHVGBfbwui7xJAo-ZvkdobudTdH0ifE/s400/post+template3.jpg" style="cursor: pointer; height: 148px; width: 400px;" /><br />
8.Click on "Save settings"<br />
9.When you post your article, choose "<span style="color: red;">Edit Html</span>"  tab. and you will see the code below :<br />
<table border="2" cellpadding="2" style="width: 350px;"><tbody>
<tr><td><center><span class="fullpost"><br />
<br />
<br />
<br />
</span></center></td></tr>
</tbody></table>Look at this image.<br />
<br />
<img alt="" border="0" id="BLOGGER_PHOTO_ID_5331520656110029042" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHmcp9jjxIWMcn6AIB20ABhxibMMVRKF1boMsqMqmrpD5yeH6JZG1GYbTP8XdTTfryB2CFuXVbvUlZDwoFvZ8ybqEe4UuzAt_PnkzZLWT4_VTKPLUT5tSQcQwHCnUjzHsNHQHrs6fQsRA/s400/edit4.jpg" style="cursor: pointer; height: 249px; width: 400px;" /><br />
10.Place the paragraps you want <span style="color: red;">show with read more</span>, <span style="color: #3333ff;">above of below line</span>.<br />
<table border="2" cellpadding="2" style="width: 350px;"><tbody>
<tr><td><center><span class="fullpost"></center></td></tr>
</tbody></table>11.Place the <span style="color: red;">rest of the post (you want to hide)</span> <span style="color: #3333ff;">between below 2 lines</span>.<br />
<table border="2" cellpadding="2" style="width: 350px;"><tbody>
<tr><td><center><span class="fullpost"><br />
<br />
<br />
</span></center></td></tr>
</tbody></table><br />
<br />
Look at the image below.<br />
<br />
<img alt="" border="0" id="BLOGGER_PHOTO_ID_5331525569972992226" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizQD-R9It2tKOJwajrnydXe0OMprC04GYiRy7bpznFmdJYuEPcO298Mh0S1UjtlYX40Q2CKxOXIi0UtAumyDthLa5cE04XwC8oxwJbKM8O9zZ2tHG5H18n0zqDMgzICSI90LGIZNmSFV0/s400/edit6.jpg" style="cursor: pointer; height: 400px; width: 280px;" />12.Then <span style="color: red;">Publish</span> your post.You are done.<br />
<strong>Note :</strong>If you want to add this feature to your <span style="color: #3333ff;">old posts</span> ,do the 9-12 steps to each posts.</div>

Open Blogger.com Sign in with your Username and Password then follow the step to to add Read More Link on each Blogger post. 1.Log in to y...