How to create a guest book on the blog

You've seen him donk of course the guest book in a blog??

Hell in his usual position beside her and then when clicked it will exit the place you criticize, greet, advise, or even to say hello!!

The visitors just enter his name and his own site (although not having the site also does not matter what) and then fill out the relevant messages to the blog !!!!!

Well, for you who have a site and want to make the guest book then it is the easy way ...

Without a longer length we get on with it ...

His list was the easy way, when entering the front page of their site just click create shoutbox, well after you will be in html code that will give you copy it to your blog .. there are two styles that you can make with the html code,

A. Shoutbox her outside and can see all the people without having to click it first, its way easily into the dashboard> design> page elements ...

Then select Add a gadget html / script and enter the code from earlier shoutmix ...

whatever you want to put it right where ...

B. Make it beside the shoutbox that if only the new will appear at the click of his example as I got on the right of the screen and inscribed sampin my guestbook, just try clicking it will display messages from friends blogwalking ...

How to make as I have above is fairly easy; Dashboard> Design> Elements page ..

then Add the gadget, select the Html / Script, and enter the code below:

<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://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') no-repeat; } .gbcontent{ float:left; border:2px solid #A5BD51; background:#F5F5F5; padding:10px; } </style><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 /> <div id="gb"><div class="gbtab" onclick="showHideGB()"></div><div class="gbcontent">Masukan alamat shoutmix anda di sini<br /> <br/><br /> <br/><br /> <a href="http://forantum.blogspot.com">.<br /> </a><br /> <div style="text-align:right"><a href="javascript:showHideGB()"><br /> [close]<br /> </a><br /> </div></div></div><script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script><br />

Posted in: Internet knowledge