How to put “Read more...” in BlogSpot


These are the steps:
1. Login to blogspot
  • of course you must login first
  • after sign up, click the layout menu on the dashboard and then click edit HTML
  • on the edit HTML window, make sure you check Expand Template Widget, wait until it finish the loading.
  • you must find the code below (use ctrl + f)






<div class='post-header-line-1'/>
<div class='post-body entry-content'>


  • After you found the code, you can copy paste the code below under the code above
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>

<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

  • After you copy paste the code, watch the code below it
<p><data:post.body/></p>
<div style="'clear:"> <!– clear for photos floats –>
</div>


  • And then between
<p><data:post.body/></p>

  • and
<div style="'clear:"> <!– clear for photos floats –>
</div>


  • put the code below
<a expr:href='data:post.url'>Read More .. </a>
</b:if>


  • REMEMBER !! MUST BE BETWEEN
  • And this is the final result
<div class='post-header-line-1'/>
<div class='post-body entry-content'>


<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Read More .. </a>
</b:if>


<div style="'clear:"> <!– clear for photos floats –>
</div>


  • You can see that the blue code color is the additional code, and the rest are original one. All right, the first step has finished.
  • And don't forget to save it. Now we go to the 2nd step
2. Formatting Template

  • Click the Setting menu, choose formatting
  • Scroll your mouse down and find Template Posting
  • Fill the text box with the code below
<span class="fullpost">
</span>
  • don't forget, click save button
3. How to posting

When you want to post something, type your summary, and then click Edit HTML, put the code below.

<span class="fullpost">
type your full post here

<span class="fullpost">

Comments

Popular Posts