Skip to main content

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

Comments

Popular posts from this blog

How to Block / Unblock a Website in Your Windows Computer?

Sometimes people want to block any website in their computer. For example if you are a father / mother and want to keep your child away from facebook or any other social networking website etc. so you want to block these site but don't know how to do it. You can block that specific website in your computer by a simple method and then unblock it with the same method. There is no use of any external software. This tutorial is for those people who want to block any website or websites in their PC.

NoFollow Blogger Comments - Increase Traffic To Your Site.

What Are NoFollow Tags?   NoFollow is a tag given to your site's/blog's links which is used to tell search robots to index a URLbut do not follow it.It is used when you are linking to a non-trusted site/blog.NoFollow links were originally created  to block Search Engines from following the links but not to follow them,beacause of theamount of blog comment spamming.Spammers are spamming in blog comments to get better SEO and anchored  links for their own sites/blogs.By these tags you just showed to search robots that the link they are indexing is only a text. Why To Nofollow Comment Links In Blogger? Robots follow all the comment  links on your blog they can spam and if they do so then your all site ranking and traffic will decrease suddenly,so you will not find any comment on your blog.If you add Nofollow comment links to your blog  your site/blog would be protected by Spam!

Get a Best Free Web Hosting from ByteHost.Com

A website is necessary for every business or a job now a days. And to make a website, a web hosting is needed. Many people who can't afford paid web hosting search for a good free web hosting site to make their websites. These are free but they have also some disadvantages such as they are not reliable and your data can be removed any time. Or many of these hosting site are very slow and they give small bandwidth. And some site insert their own advertisements in your site. Among the free hosting websites, there are many site which are better than others with fast speed, large bandwidth and more storage space. I suggest you to use Byethost.Com .