Tips Guestbook tucked next to the blog

For you are like, with blogwalking definitely excited about the blog if you go to have a shout box / chat mix or guest book. Here you can leave a trail of links blog / website and also your message to the owner of the blog.

By utilizing the space we can create a widget tucked beside the guest book. So in short you can save space in your blog. Well how about I create a guest book tucked next to the blog?. yuk tutorial let's create together.

The first step you should do is you have to have the shoutbox code to your guestbook. previous shoutbox dafar free preview of my recommendations and also how to make a shoutbox.

If you already have a problem in the use ga wrote.

A. Login to your blogger dashboard.
2. CLICK Design / Layout Getget --- Added --- HTML / JavaScript +.
3. Copy-Paste the Code in the box "Highlight All" button below and copy the notepad:
4. before you Post on your blog Find a word or a sentence like this "
 
Paste CODE guestbook here

  and replace with the code of your guestbook

<br /> <style type="text/css"> #gb{ position:fixed; top:50px; z-index:+1000; } * html #gb{position:relative;} .gbtab{ height:100px; width:30px; float:left; cursor:pointer; background:url('http://i827.photobucket.com/albums/zz194/depalpiss/bukutamu5.png') no-repeat; } .gbcontent{ float:left; border:2px solid #000000; background:#F5F5F5; padding:10px; } </style><br /> <br /> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; gb.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script><br /> <br /> <div id="gb"><br /> <div class="gbtab" onclick="showHideGB()"></div><br /> <div class="gbcontent"><br /> <div><br /> <span class="Apple-style-span" style="font-size: x-small;">Leave your message here!</span><br /> <br /> </div><br /> <a href="http://recent-imagination.blogspot.com/"><span class="Apple-style-span" style="font-size: x-small;">Greetings Bloggers Mania</span></a><br /> <br /> Paste CODE guestbook here<br /> <br /> <div><br /> <span class="Apple-style-span" style="font-size: x-small;">Want to Have a rich gini Widget <br /> <br /> </span></div><br /> <a href="http://recent-imagination.blogspot.com/2012/02/tips-guestbook-tucked-next-to-blog.html">Read the tutorial here</a><br /> <br /> <br /><br /> <br /> <div style="text-align:right"><br /> <a href="javascript:showHideGB()"><br /> <br /> [closed]<br /> <br /> </a><br /> <br /> </div><br /> </div><br /> </div><br /> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script><br /> <br />