How To: Hide Your TagBoard
I’ve come out with this (seemingly silly, but practical) idea of hiding my TagBoard – initially to protect the outlook of the layout, because usually they kind of spoil the overall look, no matter how nice you tweaked the TagBoard.
What you’ll need:
- Patience
- Text editors (Windows Notepad is good enough)
The steps are pretty simple. Theres 2 blocks of HTML codes that you will need to place in your current page.
Place the first block of code (below) anywhere before the second. I recommend that you put this in your <HEAD> section.
<script language="JavaScript"> function toggleVisibility() { target_l = document.getElementById("tagboard"); if (target_l.style.display=="block") { target_l.style.display="none"; } else { target_l.style.display="block"; } } </script> <style type="text/css"> #tagboard {position:relative;display:none;} </style>
Next, the second block of code is actually a container:
<a href="#" onClick="toggleVisibility();">TagBoard</a> <div id="tagboard"> <!-- Put your TagBoard codes here --> </div>
Basically, what you have to do is to place your actual TagBoard codes in between the DIV tags. I hope this helps in making your blogpages less cluttered. :)
