Friday, May 4, 2018

√ Cara Menciptakan Buku Tamu Tersembunyi Di Blog

Pernahkah Anda melihat sebuah blog buku tamu atau cbox-nya tersembunyi disamping blog? Biasanya buku tamu menyerupai ini akan memperhemat kawasan selain kita memasang buku tamu dalam posting. Pada kesempatan kali ini kita akan membahas cara menciptakan buku tamu tersembunyi di blog, tapi sebelum mengikuti langkah-langkah terlebih dahulu Anda harus menciptakan buku tamu atau cbox.


Kalau sudah menciptakan buku tamu/cbox, berikut kita simak langkah-langkah menciptakan buku tamu tersembunyi di samping blog :

1. Login akun blogger Anda.
2. Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript.
3. Copy arahan berikut ini pada 'HTML/JavaScript'.
<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/AVvXsEiteUD66pdIAjyqPd_U2s29WLS4sHIOnzdnNTC6Uc7EPQ01-va6b1ina4X0F76z4eg09LA6PkmNpf-zAzjZujMC5yL3Kykh8wADnyhE-ctcWC38X0rmgVcV3AC69uuPpSuD_dPaZxPJ33E/s1600/bukutamu.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/j4vascript">
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">

Letakkan Kode Buku Tamu Disini!

<div style="text-align:right">
<a href=" aciknadzirah.blogspot.com/">[get this widget]</a>><a href="j4vascript:showHideGB()">
[Tutup]
</a>
</div>
</div>
</div>
<script type="text/j4vascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div> 
4. Kemudian klik Simpan.

Nah, ketika ini jikalau Anda ingin berkomentar pada cbox atau buku tamu terlebih dahulu harus meng-klik icon buku tamu disamping blog. Jika masih mengalami duduk masalah silahkan hubungi kami melalui contac.
Sumber http://id-pemula.blogspot.com