Membuat Buku Tamu Tersembunyi di Blog

Posted in Label: |

 
Bukan menggurui saya posting buku tamu ini,hanya sekedar penyimpanan saja bila satu saat saya membutuhkannya lagi tanpa harus membuka  buku catatan yg sudah lapuk dan usang.Buku tamu dalam sebuah blog atau website sangat penting perannanya.Dimana kita bisa mengetahui siapa saja yang berkunjung ke blog kita.
Sahabat bisa lihat di bagian sebelah kanan layar sobat, dan klik tab yang berwarna biru tersebut. Dan buku tamu itu akan bergerak keluar, sehingga yang tadinya tidak kelihatan akan jadi terlihat.
Ok sobat,kita langsung ke TKP ,dan ikuti langkah berikut:
Masuk ke account Blogger sobat, pilih Layout kemudian  Page Elements
Klik "Add a Gadget" (yang mana aja oke), kemudian pilih "HTML/JavaScript",
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/AVvXsEhZVlXqinIEuqXl9aOtzCDrzY2NntffKXBWWaw8KjtT0N-8Mpmf41Y6aNBrVf77U_jXlE5MdDJcxv1I7D-2Vp1U7z-tYGZBmUJBeXmL8zOiXl-NHvP7vpRiKZyfTTazGPwPbVYTTFEap7k/') 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">
<!-- Ganti ini dengan kode buku tamu sahabat -->
 
<br/>
Mau Laptop Murah Berkualitas?<br/>
Klik di
<a href="http://andhyzer.blogspot.com">
sini
</a>
<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>
Keterangan :
Sahabat   bisa atur posisinya. Ubah nilai atribut top-nya. Kalau mau lebih ke atas, ubah   jadi 30px atau 20px, terserah sobat. Border juga background-nya bisa disesuaikan dengan kesukaan sahabat,silahkan kode warnanya.

Read Users' Comments (0)

0 Response to "Membuat Buku Tamu Tersembunyi di Blog"

Posting Komentar

Langganan: Posting Komentar (Atom)