CARA MEMBUAT BUKU TAMU

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

1.      Masuk/copykan alamat http://free-shoutbox.net/components/shoutbox pada alamat web

 

2.    Klik pada gambar sebelah ini

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

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.

            Ex code :  <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

<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/AVvXsEg58zIYxwYdo7Qf43XYKpH8HOkkibX5tIivGZ0f8myqu38e0EepF3MJ0CBkyKbm-96ugK5jz5kUfGA0ibBr0m4gXkMnOBZQKCUJArg24MjKxtLyjcyi2fHIF6V038hdECng_6ykrx1zDwlL/') 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: &quot;Trebuchet MS&quot;,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 anda.

4. Save Widget tersebut.

            Jika langkah tersebut sudah anda lakukan, anda dapat melihat hasilnya pada blog anda      masing-masing. Demikianlah ini, semoga bermanfaat.
Semoga Bermanfaat ^ Good Luck ^ 

Rogiv - Twin