How To Add "Read More" To Blogger

	Share
Tweet

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!