Hide Technorati Tags In Between Blogs:Blog Tricks

Your site visitors will not be shown the Technorati tags by default. However, they may choose to toggle the visiblity of Technorati tags by clicking the tag link. This way, we are not violation any of Google webmaster guidelines.

Remember To Enable Javascript In Web Browser.Add below Code to your CSS file.

<style type="text/css">
<!--
 .showTechnoratiTags {DISPLAY: block;}
 .closeTechnoratiTags {DISPLAY: none;}
 -->
</style>

// Add this to your Javascript file
<script language="JavaScript" type="text/javascript">
 // Toggle Tag information display
 var isTechnoratiTagsVisible = 0;

function toggleTechnoratiDisplay(id){
 // get Technorati CSS Tag ID
 technoratiTagID = document.getElementById(id);

if (isTechnoratiTagsVisible == 1){
 // Hide Technorati Tags
 technoratiTagID.className = "closeTechnoratiTags";
 isTechnoratiTagsVisible = 0;
 }
 else {
 // Show Technorati Tags
 technoratiTagID.className = "showTechnoratiTags";
 isTechnoratiTagsVisible = 1;
 }
 return;
 }
</script>

// Replace tags here with your own Technorati Tags
 <A href="javascript:toggleTechnoratiDisplay(technorati)">
                Technorati Tags</A>
 <DIV class=closeTechnoratiTags id=technorati>Technorati Tags :
 <A href="http://www.technorati.com/tag/technorati"
                rel=tag>technorati</A> /
 <A href="http://www.technorati.com/tag/tags"
                 rel=tag>tags</A> /
 <A href="http://www.technorati.com/tag/invisible"
                 rel=tag>invisible</A> /
 <A href="http://www.technorati.com/tag/hide"
                rel=tag>hide</A>
 </DIV>

Print this post

Related Posts by Categories

Widget by Scrapur | Scrap Book