Pages

Subscribe:

Wednesday, May 18, 2011

Adding Read More Link Icon For Blogger

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:
# Change 'Your Read More Link Icon URL'
Example below:
http://lh6.ggpht.com/_OzNnI7Y03Iw/S3jOUa4I81I/AAAAAAAAA90/eLAtlSQuH4w/7-large-allblogtools.gif

# 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 For Blogger.

0 comments:

Post a Comment

Dear Visitor If you like my post please post your Comments

Search This Blog