GuidePedia

0
cara menampilkan buku tamu berada di samping blog
tentunya sobat blogger menambahkan buku tamu di samping blog tanpa menghalangi pembaca dan
jika pembaca ingin memberi komentar atau tanggapan  atau mengisi buku tamu itu bisa tinggal klik dan akan muncul cendela dari samping, tinggal pengunjung bisa mengisinya tanpa memakan banyak tempat
caranya sangat mudah kok sobat masuk ke blogger/ blog sobat
ke tata letak
tambah gadget
tambah HTML
copy paste kode berikut;


<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('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.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">

isi dengan gadget ShoutMix, shout box, dll

<br/>
<a href="http://dagujang.blogspot.com">.
</a>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

sebelum menyimpan  ganti warna tulisan warna merah dengan gadget buku tamumum bisa dari shoutbox, shout mix, dll, yang sobat punya.

kemudian warna biru ganti dengan alamat blog sobat
dan simpan hasilnya bisa sobat lihat di blog sobat sendiri,,,
sekian terima kasih,,,,,

jangan lupa berkunjung ke blog ini lagi ya sobat
dan jangan lupa tinggalkan komentar sobat....


Post a Comment

terima kasih atas komentarnya

 
Top