TutorialWebForBlogger

TW4B It's about a blog that talking about blogging widgets, blogger template tutorials, search engine optimization SEO and other useful blogging tips

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://tutorialwebforblogger.blogspot.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://tutorialwebforblogger.blogspot.com-->

5. Click Save Template and Done.

Now you've already added read more link icon on your blog.

There are no comments yet for 'How to Add Read More Link Button in Blogger Post'