Lets see an example -
Blogger -An external Link
Fun with blogger -Internal link
You have noticed that the hyperlink blogger has an arrow image on right of it! This tells the user that the link will open up in a new tab when being clicked!One way of doing this is manually putting the class name to each anchor tag entry having external target! or just use jquery function and let Jquery do it for you.
External links are those links which points away from your site.For this we use a special attribute target="_blank" which tells the browser to open external link in new tab or window.
External link Looks like this
<a href="http://www.blogger.com/" target="_blank">Blogger </a>
Blogger Dashboard >
Layout > Edit HTML
background: transparent url("http://4.bp.blogspot.com/_M0X9MzkzNXE/Srdo-XydVRI/AAAAAAAADpA/3n29SY7GrfI/s320/external.png") no-repeat scroll right center;
Now paste the above CSS code before ]]></b:skin>
And a function which search target="_blank" attribute and will append a class name "external" to it.
That was all regarding Using jquery to make your external links looks cool and different.Stay in touch with me bu subscribing to my posts with RSS And MAIL
Please give your feedback and do share this article with your friends.