Membuat Buku Tamu di Sidebar atau Tersembunyi pada Blogger
Minggu, 23 Oktober 2011
2
komentar
| SPACE IKLAN 1 | SPACE IKLAN 1 |
Buku tamu seperti gambar di samping ini yang saya maksud, pahamkan?
Untuk membuat buku tamu agar berada di samping kiri secara pop up, ikuti langkah-langkah sebagai berikut.
1. Login ke blogger.com
2. Tambahkan HTML
3. Kopi script (semua teks warna orange) 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://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">
LETAKKAN DI SINI HTML BUKU TAMU ANDA!
<div style="text-align:right">
<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>
5. Jika Anda belum mempunyai HTML buku tamu, silakan daftar di shoutmix.com
Semoga bermanfaat
Categories:
Tips dan Trik
Jika Anda suka dengan posting ini, Silakan bagikan ke teman Anda melalui :
2 komentar:
Mungkin sedikit masukan, buku tamu di sini tidak cukup di netbook sy ,mungkin harus pake komputer ato laptop yang monit0rnya cukupuntuk membukanya karena agak tinggi, trims
Sebelumnya saya ucapkan salam kenal dan terima kasih atas perkenan Saudara berkunjung di laman saya.
Memang kalau buku tamu seperti milik saya dipakai di notebook maka kelihatan tidak cukup monitor Anda, karena terlalu besar ukurannya. untuk mengganti ukuran silakan Anda ubah melalui skrip buku tamu Anda pada bagian height atau widht.
Semoga jawaban ini bisa membantu. Saya harapkan Anda berkunjung kembali di laman ini, terima kasih
Posting Komentar