(Tips) Pasang BukuTamu Tersembunyi / Hidden ShoutBox

Estetika dan Kecantikan Gigi S.A.S

Perbaikan dan Restorasi Gigi

Ig @ahligigijember

KLIK ahligigijember.blogspot.com

Sebenernya cara pasang buku tamu yang tersembunyi bukanlah lagi hal yang sulit atopun sesuatu yang baru.., dari blognya teman2 juga sudah banyak yang ngebahas Cara Pasang Buku Tamu Tersembunyi / Hidden ShoutBox. Iya kan...?

Tapi nggk ada salahnya juga kan klo saya posting cara ini, sekedar ngelengkapi category Belajar ngeblog aja, siapa tau masih ada yang belum ngerti and butuh, kan masih bisa di manfaatkan.. Hemmmmm....,,

Tapi, bagi yang masih belum daftar atau memiliki buku tamu, kalian bisa daftar disini atau disini.

Nah.. bagi yang sudah punya and ingin mencobanya.. langsung aja yach..,

1. Silahkan buka Akun Blogger kalian.
2. Pilih Layout / Tata Letak / Design dan Pilih Tambah Gadget / Add a Gadget
3. Pilih HTML/JavaScript Add dan Copy Paste kode di bawah ini

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

.gbtab{
height:100px;
width:50px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii2Px-q5p5IMgnxWdvdzFuqlT6ktvYLDwI85HKp3urPQV2uj2ImRjMh6bHT_X4aH_yvuOqZv5tPiQft1nnErrZFX5AfTE45CiTqWvkPvjxh90bhbUpgkD2mt6jsRugLG_E0K0sqK79Gt3h/') 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">

Silahkan Sisipkan Kode/script buku tamu/ShoutBox Kalian disini

<br />
Berbagipintar.blogspot.com


<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>

</div>

</div>

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

Catatan :

• top:100px; adalah untuk mengatur/menggeser letak Buku Tamu
• height:100px; dan width:50px; ini mengatur lebar dan tinggi
• float:left; untuk mengatur posisi kanan, kiri, atas atoupun bawah.. suka suka kalian aja dech.. hehehehehe
  
• Nah, untuk (Silahkan Sisipkan Kode/script buku tamu/ShoutBox Kalian disini) ini tempat kalian mempaste/meletakkan kode/scriptnya.
• Selesai dech.., selebihnya kalian modif sendiri gmna bagusnya dan gmna baeknya.. :))
• Save, trus.. lihat hasilnya... deng deng.. :)) selamat mencaba yach.. n salam sukses..
  

TAGS: Cara Pasang Buku Tamu Tersembunyi / Hidden ShoutBox, tip pasang shoutBox, cara psang buku tamu, script buku tamu, kode html buku tamu, buku tamu, cara daftar shoutbox, cara pasang shoutbox, cara pasang shoutbox di blog, tips pasang buku tamu di blog, ShoutBox, BukuTamu, cara download youtube, tips donwload youtube tanpa IDM atau alplikasi, free shoutbox [...]

Foto Tentang Kecantikan Gigi Versi Tukang Gigi S.A.S
Koleksi Foto Hasil Perbaikan Gigi
Ig@ahligigijember
ahligigijember.blogspot.com