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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_hVyIE-_ShMqfwK9AU1TjxGIKG82ZauEsWaVUAuiZ15aAq_Xiaz_CWKDwZWfqvikF_Q7TcBkpdaVt-bt7K-O_7ExUjqCh5toYFgyNkb3P3aKVebBu8use-8D20GtZ9LNqszU9AuE5q6oN/') 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://alamat anda.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>
#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/AVvXsEi_hVyIE-_ShMqfwK9AU1TjxGIKG82ZauEsWaVUAuiZ15aAq_Xiaz_CWKDwZWfqvikF_Q7TcBkpdaVt-bt7K-O_7ExUjqCh5toYFgyNkb3P3aKVebBu8use-8D20GtZ9LNqszU9AuE5q6oN/') 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://alamat anda.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,,,,,




0 komentar:
Post a Comment