Membuat Buku Tamu Tersembunyi di Blog

Selamat Sore semua nya baiklah sebelumnya saya ingin berbicang - bicang dahulu kepada sahabat - sahabat blogger sebelum saya melanjutkan postingan saya ini, saya mau kasih tau ni buat sobat blogger kalau saya mau merintis postingan terbaru,terhangat,terpanas hehehehe kayak apa aja deh...

Nah ini lah yang akan menuntut ke mungkinan P_B (Pemula_Blogger) akan merilis tema posting baru nya yang sudah di rencanakan sejak 1 minggu yang lalu yaitu akan berbagi kata-kata Mutiara dll, serta merintis sebuah hobi yang sudah lama saya tekuni saat kelas 4 SD hingga sekarang yaitu tentang Software,Hardware,Tips Trik Komputer,Info Komputer,hingga dari Windows dan juga ebook panduan merakit komputer dll....

Mungkin cukup itu Info nya... sekarang mari kita lanjutkan postingannya
kali ini saya akan berposting tentang "Membuat Buku Tamu Tersembunyi di Blog"
adapun cara nya sebegai berikut :

1. Login Ke akun blogger sobat
2. Clik Rancangan >> Element Laman >> Add a Gadget >> HTML/Javascript.
3. Copy & paste code berikut ini.

Di Clik Aja Tombolnya:

<style type="text/css">
#gb{
position:fixed;
top:23px;
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/AVvXsEjjAmf6nrULtk0dufizY3k1qpkJoVGTUuNCqPHCh1bLmOw1XY9fcNt2RQa9T0wtbDBiOl5MNShf49z04Ciwd2-v1hPmXiP6m4Anf0FAxpNg-g7A8oHRNBgRZyjiPz2NddUdDakC1kukZrAj/') 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">

( Tempatkan Script Buku Tamu sobat disini)
<br/>

<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>

Cukup segitu dulu ya sobat blogger mudah - mudah isi posting ini bermanfaat untuk sobat blogger sekalian. saya ucapkan terima kasih dan salam blogger.

0 komentar:

Posting Komentar