adf.ly - shorten links and earn money!

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)

    HTH,how-to house,read more


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!

5 comments:

  1. just what i've been searching for
    tapi...
    i dunno where i did wrong and it didn't work :(

    ReplyDelete
  2. adaka? ko dah pkai tu page break ka?

    ReplyDelete
  3. @rina, dah pakai ikon page break tu ka?

    ReplyDelete

Drop your comment. Ask or suggestion.

Join us on Faceboook Page too.