Cara membuat buku tamu di blog - Hallo Sob Jody Blog, artikel kali ini berjudul Cara membuat buku tamu di blog, kami telah menuliskan yang kami tahu pada artikel ini, semoga bermanfaat.

Judul : Cara membuat buku tamu di blog
link : Cara membuat buku tamu di blog

Cara membuat buku tamu di blog

Blog bagaikan sebuah rumah ,nah tergantung penghuni nya mau di bagaimanakn rumah tersebut,nah ibarat rumah blog juga butuh di renofasi hingga membuat blog tersebut menjadi lebih indah nah salah satunya di sediakan nya buku tamu pada sebuah blog tersebut Nah Untuk Cara Membuat buku Tamu Yang Valid Html 5di blog silahkan ikuti tutorialnya secara lengkap:

1. Sobat harus loggin dulu ke blogger
   
2. Setelah masuk ke dasboard == Edit Html == Cari kode ]]></b:skin>



3. Lalu masukkan kode Css berikut Tepat di atas kode ]]></b:skin>berikut kodenya :UPDATE

   #gb{
   position:fixed;
   right:250px;
   z-index:+500;
   }
   * html #gb{position:relative;}
   .gbtab{
   height:100px;
   margin:0;
   width:30px;
   float:left;
   cursor:pointer;
   background:url();
   }
   .gbcontent{
   margin-top:140px;
   width:auto;
   float:left;
   border:1px solid #404040;
   background:#333;
   padding:10px;
   }




4. lALU SAVE,Selanjutnya:



5. Masuk Rancangan>>tambah gadget>>Pilih HTML java script masukkakn kode script berikut :

   <script type="text/javascript">
   function showHideGB(){
   var gb = document.getElementById("gb");
   var w = gb.offsetWidth;
   gb.opened ? moveGB(0, -600-w) : moveGB(0-w, 0);
   gb.opened = !gb.opened;
   }
   function moveGB(x0, xf){
   var gb = document.getElementById("gb");
   var dx = Math.abs(x0-xf) > 35 ? 25 : 1;
   var dir = xf>x0 ? 1 : -1;
   var x = x0 + dx * dir;
   gb.style.top = x.toString() + "px";
   if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 1);}
   }
   </script>
   <div id="gb">
   <div class="gbtab" onclick="showHideGB()"> </div>
   <div class="gbcontent">
   <div style="text-align:center">
   <div style="background:#ddd;height:415px;border-color:red blue green yellow;border-style:solid;width:232px;border-Radius:10px 10px;
   overflow:hidden;padding-top:10px;">
   ------Kode C Box nya disini --------
   </div>
   </div>
   <div style="text-align:center"><a href="javascript:void(0);" onclick="showHideGB()"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHJ82ofXv0D_gnSrQy5pMhcbM6NM_QlUf5i291fBhcgcWoXUkMbWnHf5KjgeLH3WslWMzCT5ja18NW7yV0xTRyxBxXWy1NEJHkpXBZGCq9gVygen0w6DerDAAhBPPFHfBu8v2AtHR1jTlz/s1600/close.png" alt="close" title="Click here to Close Cbox" /></a></div>
   </div>
   </div>
   <script type="text/javascript">
   var gb = document.getElementById("gb");
   gb.style.top = (-600-gb.offsetWidth).toString() + "px";
   </script>
   <div style='position:fixed;top:0;right:0;cursor:pointer;font-weight:bold;font-size:14px;padding:3px 16px;'><a href="javascript:void(0);" onclick="showHideGB()">
   <img src="http://i1136.photobucket.com/albums/n499/Mahfid_Mayanto/buku-tamu.gif" alt="image" title="Buku Tamu" /></a></div>

PENTING: untuk mendapat kan kode script C-Box nya  Silahkan Langsung menuju ke websitenya Silahkan ajukan pertanyaan jika sobat mengalami masalah/kesulitan .

Demikianlah Artikel Cara membuat buku tamu di blog

Sekian Cara membuat buku tamu di blog, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sekian postingankali ini.

Anda sedang membaca artikel Cara membuat buku tamu di blog dan artikel ini url permalinknya adalah https://caratutorialgratis.blogspot.com/2012/01/cara-membuat-buku-tamu-di-blog.html Semoga artikel ini bisa bermanfaat.

Tweet