How to Add Read More Link Button in Blogger Post - Hubuhs. Living and Sharing

Hubuhs. Living and Sharing

Hubuhs is spot for living, blogger, tech, sport, travel, auto and food

Let's review a topic about how to add read more link button on your blog. Like this below : How to do ? 1. Go to Dashboard, click ...

How to Add Read More Link Button in Blogger Post

Let's review a topic about how to add read more link button on your blog.

Like this below :

How to do ?

1. Go to Dashboard, click Design, click Edit HTML

2. Click Expand Widget Templates

3. Find code of HTML below :

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>

You can use (Ctrl+F) to find easily

If you can not find it, find code of HTML below :

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;'><data:post.jumpText/></a>
</div>
</b:if>

You can use (Ctrl+F) to find easily

4. Remove it (which one you can find) with code of HTML below :

<!--Read-More-Link-Icon-BEGIN-->
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;'><img alt='read more' src='Your Read More Link Icon URL'/></a>
</div>
</b:if>
<!--Read-More-Link-Icon-END-http://www.hubuhs.com-->

NOTES :

a. Change Your Read More Link Icon URL

Example :
http://lh6.ggpht.com/_OzNnI7Y03Iw/S3jOUa4I81I/AAAAAAAAA90/eLAtlSQuH4w/7-large-allblogtools.gif

b. The result is :

<!--Read-More-Link-Icon-BEGIN-->
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;'><img alt='read more' src='http://lh6.ggpht.com/_OzNnI7Y03Iw/S3jOUa4I81I/AAAAAAAAA90/eLAtlSQuH4w/7-large-allblogtools.gif'/></a>
</div>
</b:if>
<!--Read-More-Link-Icon-END-http://www.hubuhs.com-->

5. Click Save Template and Done.

Now you've already added read more link icon on your blog.
↩ Next Back to Top Prev ↪