Cara membuat buku tamu
di blogspot kali ini dengan cara disembunyikan atau hidden alias
tidak ditampakkan yang biasanya berada pada side bar sebuah blog.
Bingung? Contohnya pada blog jasa pembuatan blog saya ini, sobat bisa lihat di
samping kanan blog dan silahkan lihat dan coba bagaimana cara
kerjanya.
Buku
tamu pada sebuah blogger sebenarnya bukan sesuatu yang wajib dipasang,
tapi pastinya kita akan mendapatkan keuntungan apabila kita memasang
buku tamu di blogspot yaitu selain mempermanis blog juga sebagai sarana
komunikasi dengan sapa-menyapa antara pengunjung dengan admin
cara membuat buku tamu di blogspot, sobat bisa memanfaatkan situs-situs penyedia buku tamu gratis yang mudah sobat dapatkan di internet, salah satunya adalah www.cbox.ws .
cara membuat buku tamu di blogspot, sobat bisa memanfaatkan situs-situs penyedia buku tamu gratis yang mudah sobat dapatkan di internet, salah satunya adalah www.cbox.ws .
Silahkan
sobat kunjungi dahulu situs tersebut, mendaftar kemudian ambil kode
scriptnya yang nantinya akan dipasang kan ke dalam blog
sobat.
Setelah sobat mengcopy kode script buku tamunya, maka sobat
masuk ke blog sobat lalu log in > klik rancangan > elemen laman
> tambah Gadget > html/javascript, dan masukan kode di bawah ini:
<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/AVvXsEiL_-v83uEEP4gUKPgSfGCKZnCd8-qS_IVUNEEHZ3syNa_neBFWoJTo30YTvp5HTVK9sPFmFOWpVBYj3Ik7Eg9Bk_PNBqXt5G4F_g91_jgDtvaEpewAu9pRlwYy8HCKbEetDM3LlLXfbwY/s1600/bukutamu.png') 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">
Silakan Pasang Kode Buku Tamu yang sudah di copy tadi Di Sini
<div style="text-align:right">
<a href="http://jasapembuatanblog-murah.blogspot.com/2011/12/cara-membuat-buku-tamu-di-blogspot.html">[get this widget]</a>><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></div></div>
Apabila sudah di paste jangan
lupa di simpan “save” pekerjaan sobat. Dan lihat hasilnya.
Bagaimana mudah bukan “Cara membuat
buku tamu di blogspot”? Selamat mencoba..
0 komentar:
Posting Komentar