UTS_TI 1 A (SIGIT PURWANTO NIM 32141037) NOMER 4

CARA MEMASANG BUKU TAMU DI BLOG

1.      Masuk dulu ke halaman cbox lalu klik sing in kemudian muncul tampilan seperti di bawah ini kemudian kita di minta untuk mengisikan data jika sudah klik create my cbox

2.      Kemudian akan muncul tampilan seperti di bawah ini masukkan pasword kemudian klik apply untuk menyimpan juka sudah kemudian klik publish

3.      Kemudian akan muncul tampilan seperti di bawah ini pilih posisi buku tamu kita di Choose a variation kemudian kopi kode nya di copy to clipboard

4.      Kemudian kita masuk lagi ke blog kita pilih tambah gadget kemudian klik HTML/java script

5.      Selanjutnya ketik script nya

<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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1E8ltGrMy3oXsBd8Km_kB8EG3hhomgyIODLjm9bLn67uvi9OqMGh9MDSLrktXs_S0bgJCJndu1McEyzktvrCGhzihoMcuieB7FWcJxBoXE7zpo7T-D2uRrUdRvnMO3m1DuxNrAN1duDP3/') 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">
    <pastekan disini kode Shoutbox / buku tamu Anda yang dari cbox>

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

6.      Buku tamu anda sudah terpasang