Kamis, 02 Mei 2013

Cara Membuat Buku Tamu Auto Hide Di Blog

Cara Membuat Buku Tamu Auto Hide Di Blog,ini adalah pembahasan selanjutnya yang sebelumnya saya sempat membahas Cara Membuat Artikel Acak Di Blog,buku tamu merupakan alat media untuk melakukan percakapan lewat tulisan yang di pasang di blog,dan biasanya kebanyakan buku tamu di pasang secara sembunyi atau auto hide.

Buat kalian yang ingin mencobanya Cara Membuat Buku Tamu Auto Hide Di Blog silahkan lihat caranya di bawah,hansmjlkcommunity akan memberikan triknya yang paling mudah dan di jamin sukses,penasaran nih baiklah kita mulai sajah langkah langkahnya di bawah ini.

1. Buat yang belum punya kode CBOX silahkan daftar dulu disini
2. Setelah itu login ke akun blog kalian.
3. Pilih Tata Letak Kemudian Add Gadget
4. Pilih HTML/Javascript,kemudian copy kode di bawah dan pastekan pada HTML/Javascript pada kolom konten.



<style type="text/css">
#gb{
position:fixed;
top:20px;
z-index:+1000;
}* html #gb{position:relative;}

.gbtab{
height:150px;
width:50px;
float:left;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3EewR52nzvEMCI59OvDWONtcxlSRaXfjfUKEXN5T_JcoPveI8fuirODtfsfuGcpAtWtaoLVHNsqwPty5BnpVICvpQpI9umHVXmMnq42Pt8OBEcv_AxVbGmfLMubesxmA_QnylGnnYVgY/s1600/HANSMJLKCOMMUNITY.gif') no-repeat;
}

.gbcontent {
float:left;
border:1px solid #000000;
-moz-border-radius-bottomleft:5px;
-webkit-border-radius-bottomleft:5px;
-o-border-radius-bottomleft:5px;
-khtml-border-radius-bottomleft:5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
background: #F2F2F2; url() no-repeat bottom;
padding:10px;
}

</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 51-w) : moveGB(30-w, 0);
gb.opened = !gb.opened;
}function moveGB(x0, xf){

var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 25 ? 25 : 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+")", 5);}
}</script>

<div id="gb">
<div class="gbtab" onmouseover="showHideGB()"> </div>

<div class="gbcontent">
<center>
Letakan kode  CBox kalian disini
<br />
<div style="text-align:center">
<span style="float:right; color:#000000;">Get this <a target="_blank" href="http://http://hansmjlkcommunity.blogspot.com/2013/04/cara-lengkap-membuat-buku-tamu-di-blog.html"> widget! </a></span>
</div>
</center></div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (50-gb.offsetWidth).toString() + "px";
</script>

</div>

5. Kemudian save dan silahkan lihat hasilnya.

Keterangan :
Untuk tulisan berwarna hijau ganti dengan kode Cbox Kalian yang telah di buat pada langkah nomor satu.


Itulah tutorial yang bisa saya berikan tentang Cara Membuat Buku Tamu Auto Hide Di Blog yang begitu singkat dan semoga dapat bermanpaat buat semuanya.

Tidak ada komentar:

Posting Komentar