Buku tamu merupakan salah satu sarana yang digunakan pengunjung blog untuk menyapa kita. Biarpun bukan merupakan hal yang harus, tapi ini bisa digunakan menambah kecantikan blog kita, atau pun hanya sekedar salam saling sapa… dalam kesempatan kali ini saya akan menjelaskan bagaimana cara bulu tamu pada blogger kita... berikut penjelasannya
Cara pasang buku tamu yang tersembunyi
2. Copy kode yang telah disediakan
3. Buka blogger dan login sesuai akun anda pilih klik Rancangan/Design/Tata Letak dan Klik Tambah Gadget/Add Gadget
4. Pilih html/javascript dan 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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYcwwl_4bpuc08tvo5d2AGt2mOtWQdDRmjVd04VRZ1ficMdekmELsbzDUxsUkI9NEpwB7sNJIYKBbMm_QodxFKqX4ksOGEtvez7am_gig3zG8t3_3pU8pk7NKvpmLtjweVgD3lufCj0PI/s1600/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">
Lalu Paste Kode Buku Tamu yang sudah di kopi tadi Di Sini
<div style="text-align:right">
<a href="http://blog.ahmadrifai.net/2011/06/pasang-buku-tamu-tersembunyi-di-blogger.html">[Pasang Ini Juga]</a>><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></div></div>
#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/AVvXsEjYcwwl_4bpuc08tvo5d2AGt2mOtWQdDRmjVd04VRZ1ficMdekmELsbzDUxsUkI9NEpwB7sNJIYKBbMm_QodxFKqX4ksOGEtvez7am_gig3zG8t3_3pU8pk7NKvpmLtjweVgD3lufCj0PI/s1600/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">
Lalu Paste Kode Buku Tamu yang sudah di kopi tadi Di Sini
<div style="text-align:right">
<a href="http://blog.ahmadrifai.net/2011/06/pasang-buku-tamu-tersembunyi-di-blogger.html">[Pasang Ini Juga]</a>><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></div></div>
Anda bisa mengatur sendiri tampilannya sesuai selera, anda tapi ini hanya kusus bagi yang sudah memahami bahasa html dan css
Tidak ada komentar:
Posting Komentar
silahkan berpartisipasi di blog ini dengan berkomentar