How To Apply the new style to the Read More Link
- Go to Blogger > Design > Edit HTML
- Backup your template
- Click the "Expand widget Templates" Box
- 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'>
<a expr:href='data:post.url'>
<div style="text-align: right;">Read More ->></div></a>
</b:if>
</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
Post a Comment