Add Attractive And Animated Read More Links

How To Apply the new style to the Read More Link

1. Go to Blogger > Design > Edit HTML
2. Backup your template
3. Click the "Expand widget Templates" Box
4. Search for this,

                                 <data:post.body/>                                   

      6. Just below it you will find the read more link code similar to this one,

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>

<div style="text-align: right;">Read More ->></div></a> 
</b:if>

If you are using a read more link button then the code will look something like this,                                       

     <b:if cond='data:blog.pageType != "item"'> 

<a expr:href='data:post.url'>

<div style="text-align: right;">< img src=http://xyz.com border="0"/></div></a> 

</b:if>            

In both  cases , Copy any one of your image code from downwards and replace it with  black highlighted above code the red code shown above is that where to show it At this time it is

on the right side but if u want it on left side replace red code above with 'left'

Without (' ').

Eight "Read More" Link Styles

Style # 1                                                                                                                                                   

http://1.bp.blogspot.com/-                                                                                                                         QNNPpN1Gy4k/TxvLskYS2PI/AAAAAAAAAG4/PT6Tw8u4tcE/s200/coollogo_com-246272906.png

Style # 2:

http://1.bp.blogspot.com/-                                                                                                                      P3ZHUGitgDA/TxvMLbhtwoI/AAAAAAAAAHA/jdLoJdm7lxs/s1600/coollogo_com-246855749.png

 Style # 3:

http://3.bp.blogspot.com/-                                                                                                                      

PL5NosUrLJQ/Txuwjkd2C9I/AAAAAAAAAGA/_s6Y7WAQ6n4/s1600/coollogo_com24670957.gif

Style # 4:

http://4.bp.blogspot.com/-                                                                                                                   jzCKenThfV4/TxvMLyL7ekI/AAAAAAAAAHE/oeTfqBeph84/s200/coollogo_com-246855783.png

Style # 5:

http://3.bp.blogspot.com/-                                                                                                                     s_DvLhAhqx8/TxvnqIhI4hI/AAAAAAAAAHQ/PF1OVP2cgDE/s1600/coollogo_com-247108626.gif

Style # 6:

http://3.bp.blogspot.com/-                                                                                                                         

mKDt8fLg2I8/TxvLH7aCV3I/AAAAAAAAAGw/v-eBGRRZ_x0/s1600/coollogo_com-246111691.png

Style # 7:

http://1.bp.blogspot.com/-                                                                                                                 IF0gpAxkpes/TxvKjh5MCuI/AAAAAAAAAGg/0bzEcf6ebyI/s1600/coollogo_com-24606202.png

Style # 8:

http://2.bp.blogspot.com/-                                                                                                                       _nGJolCMcnA/TxvKqbVPayI/AAAAAAAAAGo/KXybx6va6F8/s1600/coollogo_com-96032283.png

  

I hope you like this post please share and subscribe it

if you have any problem then comment below