Dibawah ini merupakan cara membuat buku tamu melayang disamping kanan blog anda.

Langkah-langkahnya adalah :
  1. Login ke blogspot anda
  2. Klik panah pada samping blog anda, dan pilih Tata Letak
  3. Klik tambah Gadgets, lalu pilih HTML/Javascript
  4. Setelah itu, pastekan Code dibawah ini
<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>
        <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>
        <div id="gb">
        <div class="gbtab" onclick="showHideGB()"> </div>
        <div class="gbcontent">

        < Letakkan kode yang sobat dapat dari Shoutbox disini>

        </div>
        <script type="text/javascript">
        var gb = document.getElementById("gb");
        gb.style.right = (30-gb.offsetWidth).toString() + "px";
        </script></div>

selanjutnya, masukan kode yang anda dapat dari shoutbox di kode yang berwarna merah (ganti kode yang berwarna merah)

setelah itu, klik save template.

Demikian cara membuat Buku tamu melayang disamping Blog, koranya bermanfaat.
Author image
About the Author :

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.

Connect with him on :