On Senin, 03 Desember 2012
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 di
Shoutbox, Cbox, atau Shoutmix. Setelah
anda memiliki kode buku tamu tersebut, lanjut ke langkah berikut:
1. Login di blogger dengan ID anda.
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/AVvXsEhlbCT9IMhAUyX3MCeu4IQD-Tqpmq5ODeA9rLqWP8xLt9hBWxeGosk6KVBVgx059Rfyc7rpWz6ohLlWzSZzFBIfzpHB8CVurKmUAKTemYXySjNJ6mp5oAeAkkH8Oj2OG78CelmvBqlLX7bs/') 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://amronbadriza.blogspot.com/" target="_blank">Blogaul</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, semoga bermanfaat.
Jika langkah tersebut sudah anda lakukan, anda dapat melihat hasilnya pada blog anda masing-masing. Demikianlah, semoga bermanfaat.
