Cara memasang buku tamu/guest book tersembunyi di blog atau cara agar buku tamu/guest
book bisa tersembunyi di blog.
Buku tamu merupakan tempat untuk menaruh pesan
singkat di blog anda ketika sedang ada yang berkunjung. Membuat buku tamu
harus menggunakan jasa web yang menyediakan layanan buku tamu. Maksud
dari judul tersembunyi disini bukan lah buku tamu yang tidak bisa dilihat oleh
pengujung, tetapi buku tamu ini akan berada di sebelah artikel blog yang akan
terbuka jika ada yang klik gambar buku tamu tersebut. Langkah ini merupakan
salah satu langkah dalam menghemat tempat di blog kita. Selain itu, untuk
menghemat tempat, anda juga menambahkan tab view di blog Anda. Jika anda
tertarik untuk membuat buku tamu tersembunyi ini, silahkan ikuti langkah
berikut:
Sebelum anda membuat buku tamu di blog anda, anda
harus memiliki kode buku tamu, anda bisa mendapatkannya secara gratis silahkan
ikuti panduan berikut ini:
Langkah I
3.
Pilih
pilihan menu, kemudian diatas dibawahnya Create new shoutbox tuliaskan alamat
email yang sdh anda daftarkan di blogspot anda
4.
Kemudia
klik create shoutebox pada tampilan bawah kotak menu yang berwarna hijau. jangan Create yang berada disebelah atas kiri menu
5. Kemudia
pilih opsi model dan warna shoutbox
6.
Kllik
Choose from ready styles untuk memilih model box
7.
Setel
ukuran tinggi rendahnya box dan Pilih salah salah satu box kemudian klik save
setting
8.
Copy
code shoutbox ke dalam new html java scrip anda.
Contoh code shoutbox: <script type="text/javascript"
src = "http://free- shoutbox.net/app/webroot/shoutbox/sb.php?shoutbox=62122131"></script>
Langkah II
1. Login di blogger dengan ID anda.
2. Klik Tata Letak >> Tambah Gadget >>
Pilih HTML/Java Script.
3. Lalu Copy kode berikut dan Pastekan Pada kotak HTML
3. Lalu Copy kode berikut dan Pastekan Pada kotak HTML
<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/AVvXsEjUX1lUMsk3Gikr6N6IxprphcJpQg1WouCzTtlisH8pLcnB4P3GCdKf98HFdZDbF42uLLytKfxsc21LSl7YN3vaBRrVzvacaIiu0sutDDHIHQxw7hJLp5PbaPr9yvD2YS_6xHZGYRtP8EkI/') 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">
< Letakkan disini kode Shoutbox Anda>
<div style="text-align:
center;"><span style="font-size: 10px;"><span
style="font-family: "Trebuchet
MS",sans-serif;">Supported by <a
href="http://rogiv-twin.blogspot.com/"
target="_blank">BlogTwin</a></span></span></div><div
style="text-align:right"><a
href="javascript:showHideGB()">
[tutup]
</a>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() +
"px";
</script></div>
Ganti
tulisan < Letakkan disini kode Shoutbox Anda> dengan kode script buku tamu sobat.
4. Save
Widget tersebut.
Jika langkah tersebut sudah anda lakukan, anda dapat melihat hasilnya pada blog anda masing-masing. Demikianlah ini, semoga bermanfaat.
Jika langkah tersebut sudah anda lakukan, anda dapat melihat hasilnya pada blog anda masing-masing. Demikianlah ini, semoga bermanfaat.
