UTS EMA LISTIANINGRUM

CARA MEMBUAT BUKU TAMU AUTO HIDE DI BLOG

1.  Masukkan email Anda untuk mendapatkan verifikasi akun cbox Anda.
2. Klik tautan dari cbox yang ada di kotak masuk gmail Anda.
3. Kini akun cbox Anda aktif, dan  klik Publish di akun cbox.
4. Klik script cbox Anda, dan copy dari kata/kalimat tengah-tengah antara begin dan end ke notepad script blogger Anda.
5.  Masukkan ke blogger Anda > tata letak > tambah gadget > html/javascript.
6. Copy script dari Ibu Ike, kemudian paste ke blogger Anda.  
   
7. <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/AVvXsEjKIe8DGA2VAjvhYHV_sxAzSOmzngrrUCw34On8JdYGfPSCy5Ki1pt3_lDvWTSS4kXzleCdraKbWd_cZPf2U3mc3X1RHwhh8Zqrb3qzdnu__3rFs3Sqwh84nrhEkvoSM8hgI2nfXMATxsEs/') 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">
   
   
8. Edit teks warna merah dengan script cbox Anda yang sebelumnya sudah disimpan di notepad.
9. Dan edit teks yang berwarna oranye dengan url gambar yang Anda inginkan.
10. Selesai.

Gambar tutorial :

1.