How To Add "Read More" To Blogger

If you use customize blogger template other than default blogger template, sometime there is no "Read More" option. So, let's follow this how-to.

Let's start. Steps :

• Go to your blogger Dashboard > Design > Edit HTML.
• Check " Expand Widget Template .
• Find the code below :

  <data:post.body/> or <p><data:post.body/></p>

• Put the code below, exactly above code it :

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

•  Then, search for this code :

  <data:post.body/>/font> or <p><data:post.body/></p>

• Put this code,  after it.

  <b:if cond='data:blog.pageType != "item"'><br />
<a expr:href='data:post.url'>Read more...</a>
</b:if>
</b:if>

• Next, you need to go to Dashboard > Settings > Formatting.
  
• Go to Post Template area. Put this code into it.

  Post Before %u201Cread more%u201D
  <span class="fullpost">
  And here is the rest of it
  </span>

• Click SAVE TEMPLATE button.
  
• DONE!

Customize "Read More" with image :

1. Find this code or something like this :

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url   "#more"'>Read More </a>
</div>
</b:if >

2. Change :

<a expr:href='data:post.url   "#more"'>Read More</a>

to

<a expr:href='data:post.url   "#more"'><img border="0" src="Paste your READ MORE Image URL here"/></a>

3. To align it, just add this code <p align="xxxx"> :

Example :

<a expr:href='data:post.url   "#more"'><p align="Left">Read More</p></a>

or

<a expr:href='data:post.url   "#more"'><p align="right"><img border="0" src="Your READ MORE Image URL "/></p></a>

4. DONE!

Other method : How to use "Read More" :

• Click on the page break icon to use "Read More". (screenshot)
  
  
  

To Change "Read More >>" to other word you want :

• Go to Page Elements tab.
  
• Click "Edit" on "Blog posts" Element. Change "Read More".
  
  
  
  
• SAVE and DONE!

Source : Allblogtools


Share or recommend  this article to your friends!