BUKU TAMU TERSEMBUNYI DI BAGIAN KANAN BLOG

Keren....!!Buku Tamu tersembunyi alias tidak terlihat merupakan trik yang sangat bermanfaat bagi peblogger, karena selain dapat menghemat tempat juga dapat menambah keindahan dan........ yang tidak kalah pentingnya dapat mengurangi beban blog dalam proses loading ( Begitu kata sumber tips ini yaitu : LOVE IS BEAUTY )
Sebenarnya tips ini bukan hanya buku tamu yang dapat anda tampilkan, tapi bisa berupa image atau widget lainnya. Silahkan anda pilih mana yang menurut anda paling sesuai untuk ditampilkan.
Langkah-langkah yang dapat anda lakukan cukup mudah yaitu :

1. Masuk ke Blogger dengan ID anda.
2. Pilih Tata Letak.
3. Pilih Elemen Halaman.
4. Klik Tambah Gadget.
5. Klik tanda + pada HTML/JavaScript.
6. Copy kode dibawah ini kemudian paste pada kolom yang tersedia.
   
   <style type="text/css">
#gb{
position:fixed;
top:25px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:150px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxv83r0MOToKWMfmaIpGng8CQgXD-4uNcGc4CnOCRGDF_H14zpewqUJavP_o2bvfSS0DLYuKV4giuPzElBXuaFmwPCeao-6XKxipo7hkfJ6XX8shFp3oe7aTTKIn6RvPq62zRjmflks1Tc/s128/guestbook.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #1300F2;
background:#FFFFFF;
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">
MASUKAN KODE BUKU TAMU/WIDGET DISINI
<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>
7. Klik tombol Simpan.
8. Lihat Pemapilan Blog anda sekarang.

Keterangan :

1. height:150px; merupakan tinggi dari widget, silahkan anda atur.
2. width:30px; merupkan lebar dari widget, silahkan anda atur.
3. border:2px solid #1300F2; merupakan ketebalan dan warna garis/border, silahkan anda ganti.
4. background:#FFFFFF; merupakan latar belakang widget, silahkan anda ganti.
5. background:url('http://i629.photobucket.com/albums/uu13/akubsaputra/guestbook.png') dapat anda ganti dengan image hasil kreasi anda sendiri.
6. MASUKAN KODE BUKU TAMU/WIDGET DISINI merupakan tempat meletakan kode buku tamu maupun kode-kode lainnya yang ingin anda tampilkan.
7. [close] dapat anda ganti dengan kata tutup atau kata apa saja yang searti.

Selamat mencoba, semoga bermanfaat

BUKU TAMU TAMPIL PADA BLOG

Buku Tamu merupakan bagian dari sebuah blog yang penting karena kita dapat melihat komentar-komentar dari pengunjung yang datang ke blog kita.
Ada beberapa situs yang menyediakan buku tamu (shoutbox/guestbook) misalnya :  http://ShoutMix.com atau http://cbox.ws. Kedua situs tersebut menyediakan buku tamu yang sifatnya gratis.
Bagi pemula dalam dunia blogger, tentu lebih baik memilih yang free sebab disamping tidak perlu merogoh saku juga kadang-kadang masih suka gonta-ganti blog.
Bagi yang ingin menampilkan buku tamu pada blog anda, ikuti langkah-langkah dibawah ini. Mudah kok...!! Tinggal pilih yang anda suka,baik dalam penampilan ataupun tata warnanya.


A. Buku Tamu Gaya ShoutMix


<br /><a href="http://www5.shoutmix.com/?andiskapati">View shoutbox</a>

1. Klik http://www.shoutmix.com atau klik disini
2. Setelah berada di situs tersebut klik tulisan Create Your Shoutbox Now
3. Lakukan proses register dengan mengisi data-data anda pada kotak yang disediakan
4. Setelah lengkap beri tanda centang pada kotak yang bertulisan I have read and agree to the Terms of Service , kemudian klik Continue.
5. Pilih  salah satu style dari beberapa yang ditampilkan, kemudian klik Continue.
6. Muncul ucapan terima kasih. Lanjutkan klik goto may control panel now untuk mendapatkan code HTML.
7. Klik Get Code.
8. Pada halaman ini anda dapat mengatur lebar (widht) dan tinggi (height) dari buku tamu yang ingin ditampilkan pada blog anda. Sesuaikan ukurannya dengan sidebar dari blog anda yang akan ditempati oleh buku tamu tersebut.
9. Copy seluruh code HTML kemudian paste pada notepad.

Langkah-langkah untuk memasukan Buku Tamu pada Blog anda

1. Login ke blogger dengan ID anda

2. Klik Tata Letak

3. Klik menu Elemen Halaman

4. Klik Tambah Gadget

5. Klik tanda tambah ( + ) pada HTML/Java Sricpt

6. Copy kode HTML tadi yang ada pada notepad lalu paste pada kolom yang disediakan.

7. Klik tombol simpan

8. Selesai
B. Buku Tamu Gaya Cbox

1. Klik http://c.box.ws atau klik disini untuk registrasi.
2. Setelah berada di situs tersebut klik Get your ownfree Cbox now.
3. Lakukan registrasi dengan data-data anda pada kotak-kotak yang disediakan (anda juga langsung dapat memilih style dari Buku Tamu  Cbox)
4. Beri tanda centang pada kotak I have read and agree to the Cbox terms and conditions of service. kemudian klik Create My Cbox!
5. Setelah diterima menjadi member Cbox biasanya anda diminta kembali untuk memasukan password anda. Setelah mengisi password klik anak panah berwarna coklat muda.
6. Halaman berikutnya memperlihatkan Buku Tamu yang anda pilih. Klik Apply untuk menyimpan Buku tamu pilihan anda.
7. Selanjutnya klik Publish pada tab menu dibagian atas.
8. Copy seluruh code HTML dan simpan pada notepad.

Langkah-langkah untuk meletakkan pada blog sama dengan cara diatas.


C. Buku Tamu Gaya Oggix.Com

<br /> Click <a href=http://oggix.net>oggix.com for free Tagboard Shoutbox Guestbook.</a>

1. Kunjungi link ini : http://oggix.net
2. Klik tombol Get it now untuk register.
3. Isi kotak-kotak yang tersedia dengan data anda. Setelah lengkap klik tombol register.
4. Pada halaman berikutnya, anda diminta untuk login dengan User Name/e-mail dan Password anda.
5. Perhatikan kalimat ini :
   How to install shoutbox on my web?
   1. Click here, choose your preferred template Shoutbox.
   2. Copy and paste the codes on install shoutbox page to your HTML page where you want to put the shoutbox.
   3. Click here, to manage your shoutbox view.
   4. Finish
6. pilih nomor 2, selanjutnya anda akan dibawa pada halaman untuk pengaturan buku tamu. Pilihan tergantung anda. Jika udah selesai klik next untuk melajutkan.
7. pilih salah satu style dari contoh yang ditampilkan. Klik Choose this.
8. Berikutnya, anda diminta untuk memilih warna buku tamu. Klik Choose this.
9. Berikutnya lagi, anda diminta untuk memilih template buku tamu. Klik Choose this.
10. Copy seluruh Code HTML, simpan pada notepad.

Cara memasukan kedalam blog sama dengan cara diatas.

selamat mencoba, semoga bermanfaat....