Cara Membuat Buku Tamu Tersembunyi.Padahal pagi ini saya belum
sarapan,namun demi “lupa” ini, perut tidak jadi masalah. Ok? Seringkali saya
lupa dalam mengganti template, widget yang telah ada lupa untuk di save
terlebih dahulu,hingga begadang bermalam-malam jadi sia-sia.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 k
ita bisa mengetahui siapa saja yang
berkunjung ke blog kita.
Peningkatan ukuwah kita sesama blogger,masih jadi pokok
utama misi Cinta Deras dengan adanya buku tamu tsb. 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:
Register atau sigup dulu tuk
bikin Cboxnya
disini setelah beres baru copy pastekan html cboxnya dan ganti
kata
<!-- Ganti ini dengan kode buku
tamu sahabat -->
Selanjutnya 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/AVvXsEhIO-WPNozYE-4slw21FZeu37MFdlCQGmD4OsZXx5uO-iKTOBrMUW3mPd8J43kXmBGVuMTlNZzBZ2Kea-lgvI731wGcRiWF_NTxf0yP2isrmuw8phXm6yRvl_dyECAWwG5KGKrIoLyv_XI/')
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://yakomserui.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 sesuaikan disini .
Tanpa terlupakan .....,karena
perut ini sudah keroncongan,ada yg mau sarapan pagi? Ikuti saya ,kita sarapan
pagi bersama di MechWarg !
Selamat mencoba,semoga
bermanfaat !