Membuat buku tamu tersembunyi
setelah saya browsing kesan kemari akhir nya dapet juga tips ini karenabuku tamu dalam blogger menurut saya sendiri cukup penting, karena dengan adanya
buku tamu ini si pengunjung blog bisa meninggalkan pesan dan kesan blog anda ataupun
untuk saling berkomunikasi antara sahabat blogger dengan meninggalkan pesan.
bagi anda yang belum pasang fasilitas ini, saya sarankan segera bikin deh,..
biyasa buku tamu ini banyak yang menggunakan layanan dari shoutmix.
nah, buku tamu ini bisa anda sembunyikan untuk memper sempit layar blog anda.
ini dia Bagaimana caranya membuat buku tamu atau shoutmix tersembunyi.
ikuti langkah-langkah berikut:
1. Masuk ke account Blogger kamu, pilih Layout: kemudian Page Elements.
2. Klik "Add a Gadget" yang mana saja, kemudian pilih "HTML/JavaScript",
3. Copy-paste 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('http://i932.photobucket.com/albums/ad161/mamad_bucket/tabs-1.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #2A0A0A;
background:#610B0B;
padding:5px;
}
</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">
masukan kode buku tamu anda di sini
<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></div></div>
catatan!
1. tulisan yang berwarna kuning untuk mengatur posisi, bisa anda ubah sendiri.
2. ganti texs berwarna merah dengan kode buku tamu anda.
3. texs warna hijau merupakan warna background, bisa anda rubah warnanya.
selesai, semoga bermanfa'at.
buku tamu dalam blogger menurut saya sendiri cukup penting, karena dengan adanya
buku tamu ini si pengunjung blog bisa meninggalkan pesan dan kesan blog anda ataupun
untuk saling berkomunikasi antara sahabat blogger dengan meninggalkan pesan.
bagi anda yang belum pasang fasilitas ini, saya sarankan segera bikin deh,..
biyasa buku tamu ini banyak yang menggunakan layanan dari shoutmix.
nah, buku tamu ini bisa anda sembunyikan untuk memper sempit layar blog anda.
About this entry
Anda sedang membaca Membuat buku tamu tersembunyi.
Penulis : Oktri darmadi- Diterbitkan :
- di 20.32 on Minggu, 18 Oktober 2009
- Kategori:
- Accesoris Blog, Tips Blogger
- Tulisan Sebelumnya:
- Posting Lama
- Tulisan Selanjutnya:
- Posting Lebih Baru
![](https://resources.blogblog.com/img/icon18_edit_allbkg.gif)
Related Post
![al Ghifari](http://1.bp.blogspot.com/-o9SlNnRU9tI/TkcdFSMIs1I/AAAAAAAAABw/zrEJU9NzDwg/s1600/alGhifari.jpg)
Terimakasih atas kunjungan Anda...
Senyum selalu... ^_^
6 komentar:
wew....keren////leh juga thu
aaaaaaaaagggggaaaaaaaaannnnnnnnn....
alhamdulillah,saya minta ilmuny lgi disini...
ありがとうございます...
=)
thangs inponya
udah saya coba menu slide n buku tamu nya. cuman gmn supaya kalimat yang diisikan bs ada di barisan kedua. Karena ketika masukin link yang banyak, ko link nya berjajar ke pinggir meskipun sy udah nambahin
kk kode buku tamu.x tuch gmn chee ,, tlong d.bles
Kok hasilnya di blog saya blank ya??????? cuma warna merah saja yang ada??????
Posting Komentar