How To Make Hidden Shoutmix or Cbox (GUESTBOOK)

Hidden Chatbox is a place of storage or put widgets Chatbox (Shoutmix, shoutbox, etc.) that could be hiding. Hiding here certainly does not mean missing, vague, but we deliberately hide the blog to save space. For nearly a month I have not installed the widget shoutmix, it's because many other more important widgets from it for display. But after learning and understanding, I use this trick to install Hidden Chatbox shoutmix so my blog does not look crowded again.

Here is the Script

<!-- right hidden chatbox by http://tipsbloggerzacky.blogspot.com START --><br /> <style><br /> #hcr {<br /> position:fixed;<br /> top:100px;<br /> z-index:+1000;<br /> }<br /> * html #hcr {position:relative;}<br /> .hcrtab {<br /> height:100px;<br /> width:30px;<br /> float:left;<br /> cursor:pointer;<br /> background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWz31OtuAL_LHxrEHmnWp0LnK3ZiuqN3yZvdl0KM8TBdTQdAsneTEeK0hfu_ecB9CinVR13CJQmjw15k_AbLaLa0hsGCqF7lWL2kWTWkp-8FiZprg-Rc4RpZ8URD7C2iLrIdtpdrWHcQg/s400/cbblue.png') no-repeat;<br /> }<br /> .hcrcontent {<br /> float:left;<br /> border:2px solid #003e82;<br /> background:#f3f6f7;<br /> padding:10px;<br /> }<br /> .hc-credit {font-size:9px}<br /> .hc-credit a {text-decoration:none}<br /> </style><br /> <script type="text/javascript"><br /> function showHidehcr(){<br /> var hcr = document.getElementById("hcr");<br /> var w = hcr.offsetWidth;<br /> hcr.opened ? movehcr(0, 30-w) : movehcr(20-w, 0);<br /> hcr.opened = !hcr.opened;<br /> }<br /> function movehcr(x0, xf){<br /> var hcr = document.getElementById("hcr");<br /> var dx = Math.abs(x0-xf) > 10 ? 5 : 1;<br /> var dir = xf>x0 ? 1 : -1;<br /> var x = x0 + dx * dir;<br /> hcr.style.right = x.toString() + "px";<br /> if(x0!=xf){setTimeout("movehcr("+x+", "+xf+")", 10);}<br /> }<br /> </script><br /> <div id="hcr"><br /> <div class="hcrtab" onclick="showHidehcr()"> </div><br /> <div class="hcrcontent"><br /> <br /> <!-- KODE SHOUTMIX ANDA DISINI --><br /> <br /> <br /><br /> <div class="hc-credit"><br /> <span style="float:left"><br /> <!-- THIS CREDIT MUST STAY INTACT FOR LEGAL USE --><br /> <a href="http://tipsbloggerzacky.blogspot.com/2010/01/hidden-chatbox.html" target="_blank"><br /> Get this widget!<br /> </a><br /> </span><br /> <span style="float:right"><br /> <a href="javascript:showHidehcr()"><br /> [close]<br /> </a><br /> </span><br /> </div><br /> </div><br /> </div><br /> <script type="text/javascript"><br /> var hcr = document.getElementById("hcr");<br /> hcr.style.right = (30-hcr.offsetWidth).toString() + "px";<br /> </script><br /> <!-- right hidden chatbox by http://tipsbloggerzacky.blogspot.com END -->

now we put the code on the blog. Already know how to do it? select Layout -> Page Elements -> HTML / Javascript, and enter the code hidden Chatbox there.



Note :This hidden tricks you can use to install other widgets, so the trick is not specific to installing shoutmix.