Menambah Buku Tamu Di Blog Serta Menyembunyikannya

Share

mau curhat dikit, main poker di facebook dapat kartu jelek-jelek jadi kalah terus, sampe putus asa. dari pada kalah terus mending lanjutin postingan blog.
di postingan ini, aku mau manulis tentang bagaimana menambah buku tanu di blog. buku tamu ini juga bisa disembunyikan. jadi bukunya gak kelihatan di blog tapi masih ada tulisan BUKU TAMU, ketika tulisan ini diklik maka buku tamunya akan muncul lagi.
ada banyak sekali situs penyedia layanan pembuatan buku tamu tapi kebanyakan membingungkan bagi para blogger pemula. ada satu yang sedikit tidak membuat bingung bagi blooger pemula seperti aku. yaitu di www.shoutmix.com.
aku bakal menjelaskannya plus cara menyembunyikan buku tamunya.

Buku tamu dengan www.shoutmix.com

1. masuk ke alamat www.shoutmix.com

2. Klik Create Shoutbox


3. isi formnya dengan benar sebagai ID kamu untuk login ke situs ini dan centang pada bagian bawah. kemudian klik continue.



4. jika muncul tampilan seperti di bawah ini, maka kamu sudah berhasil registrasi.



5. copy kode yang ada di kotak merah tsb.

6. masuk ke blog kamu dengan ID kamu tentunya

7. pada Dasbor masuk ke Tata Letak atau Rancangan

8. klik Tambah Gadget pada elemen halaman

9. Klik tanda + di samping HTML/JavaScript pada jendela Tambahkan Gadget

10. Paste kode yang tadi

11. Klik Simpan

12. Selesai

kemudian untuk menyembunyikannya, kamu bisa melakukannya dengan cara di bawah ini :

1. masuk ke blog kamu dengan ID kamu tentunya

2. pada Dasbor masuk ke Tata Letak atau Rancangan

3. klik Tambah Gadget pada elemen halaman

4. Klik tanda + di samping HTML/JavaScript pada jendela Tambahkan Gadget

5. copy-paste kode 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/AVvXsEiaNSDxcucHWfs4wFEqwqY6SnqVHm22mikAHuhU-nQK896b1BZPr9ExNRAZI-JnrI7ex4i2zqaydZlLV_r9s_sUr3skPwktgQYpsryjxk7eXWdJQYpS6TzFF3y1cXxWbXnudzAvENGdRXHv/') 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 kode ini

<br/>
Mau punya buku tamu seperti ini?<br/>
Klik di
<a href="http://infotentangblog.blogspot.com/2009/07/membuat-buku-tamu-tersembunyi.html">
sini (Info Blog)
</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>

6. ganti teks yang berwarna merah dengan kode HTML/Javascript yang telah kamu dapatkan di www.shoutmix.com tadi.

7. klik Simpan

8. Selesai.

Selamat Mencoba....
Semoga berhasil....
untuk pertanyaan bisa dikirim ke MFM_Zacky@yahoo.co.id