Just make your links more clear and understandable without letting your visitors click them. You can show symbols along with links, fully automatic to analyze which symbol needs to be displayed.
In this tutorial i have made the code to work by adding extlink class to anchor tag with different links to be checked whether internal link, external or an email link, images have already been set you can also use your own, so here i write the code--
HOW TO USE--/* show users that this is an external link */
.extlink a[href^="http:"] {
background: url(http://i41.tinypic.com/x1jb11.jpg) no-repeat right top;
padding-right:10px;
}
/* show users that this is an internal link */
.extlink a[href^="http://stayhere4fun.blogspot.com"] {
background-image:none;
padding-right:0px;
}
/* show users that this is an email link */
.extlink a[href^="mailto:"] {
background: url(http://i43.tinypic.com/xlikc2.png) no-repeat right center;
padding-right:15px;
}
First of all you need to replace the internal link to your own site link in line
.extlink a[href^="http://stayhere4fun.blogspot.com"] {
Now whenever you want your external or internal or mailto links in your post to be noticed without affecting any other link on website simply use-
<div class="extlink">
//all your links
</div>
Here is the output--
Posts
