Mari membaca, mari menulis dengan jujur, mari kita menyebarkan ilmu pengetahuan.. LETS START >>>

Thursday 11 April 2013

Membuat buku tamu pada blog

Biasanya, orang yang berkunjung ke blog kamu cenderung lebih menyukai berkomentar di buku tamu alias “Guest Book” karena komentar mereka cepat tampil dengan lebih mudah. Untuk itu, kamu bisa dikatakan perlu untuk membuat dan memasangnya di blogmu. Ingin mencoba, ini langkah-langkahnya.
  • yang pertama, buka dashboard blog kamu --> tata letak --> tambahkan gadget -->html/java script.
  • Jika sudah, copy java script dibawah dan pastekan di javascript kamu.
<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/AVvXsEjPxMEfvmlAkqsHmv16y6SG0ZCrtIgDvuXMfdTIcRp89Nb4714mtm08rxl-YDGIvR4i-TCaDBnt4SE5zKSBisuI57NSh_rDZYoNnnzoKUotOZjOFdZgpteBdUnRvOPdIF-nc8AOCCGIftf6/s1600/impoint.blogspot.com+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">
Kode Cbox Milik sobat
<div style="text-align: center;"><span style="font-size: 10px;"><span style="font-family: &quot;Trebuchet MS&quot;,sans-serif;">Dapatkan Ilmu Bermanfaat <a href="http://pengetahuan-inspirasi.blogspot.com" target="_blank">Disini</a></span></span></div><div style="text-align:right"><a href="javascript:showHideGB()">
[tutup]
</a>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>

  • Save dan lihat hasilnya.
  • tulisan bewarna putih harus diisi dengan kode box chatting yang sobat miliki. Sobat dapat mendapatkan chatting box melalui cbox.ws

    ini screenshootnya:
     
Share:

0 comments:

Post a Comment

Kritik & Saran Anda sangat Saya Butuhkan.. Silahkan berkomentar dengan Bahasa yang Sopan. Komentar tidak boleh mengandung unsur pornografi, atau link hidup. Terima kasih.

Daftar Pengunjung

Flag Counter