Cara Pasang GuestBook dari ShoutCamp

Jumat, 09 Maret 2012

Cara PasangGuestbook dari Shoutcamp – Memasang widget buku tamu atau guestbook di blog sepertinya sudah jadi hal yang wajib. Semenjak Shoutmixmenjadi layanan berbayar diawal 2012 lalu, banyak blogger yang bingung mengganti widget melayang di blognya dengan guestbook yang free. Nah selain bisa memakai layanan dari Cbox seperti blog saya ini, sobat blogger juga bisamembuat buku tamu/guestbook dengan menggunakan layanan dari Shoutcamp. Mau tahu gimana cara mendaftar di Shoutcamp ? Simak aja penjelasan saya dibawah ini ya..!! Dan kalau mau liat seperti apa tampilan widget guestbook Shoutcamp ini, sobat dapat melihatnya di blognya Mas Khusainihttp://penowo.blogspot.com/.

1.  Registrasi dulu disini apabila anda belum terdaftar sebagai member atau langsung Login apabila sudah terdaftar sebagai member ShoutCamp.

2.       Setelah login, lakukan Create New Shoutbox, yang akan anda masukkan ke blog.

3.        Isikan title shoutbox dan URL blog Anda. Klik NEXT untuk melanjutkan.

4.       Silakan masukkan avatar Anda.

5.       Upload gambar/foto dari computer Anda.

6.       Crop gambar Anda menyesuaikan dengan ukuran avatar shoutcamp.

7.       Klik Install untuk mendapatkan kode HTML shoutcamp.

8.       Setelah mendapatkan kode HTML, copy dan paste ke blog Anda.

Selanjutnya, silakan login ke account blogger Anda dan menuju ke blog untuk memasukkan kode HTML Shoutcamp. Langkah-langkah selanjutnya adalah sebagai berikut :

1.       Login ke dashboard blogger anda.

2.       Pilih Rancangan > Elemen Laman > Add gadget (HTML/JavaScript).

3.    Copy script kode HTML Shoutcamp dan paste langsung pada gadget jika anda ingin meletakkan widget guestbook pada sidebar.

4.  Jika anda ingin menjadikan widget guestbook ini menjadi widget melayang/floating, maka copy saja script widget dibawah ini dan ganti tulisanLETAKKAN KODE GUESTBOOK/SHOUTMIX/CBOX/SHOUTCAMP ANDA DISINI  dengan kode HTML Shoutcamp anda.

 <!-- Mulai Hidden Widget -->
<style type="text/css">
.rifaldhi_fixed{
position:fixed;
top:180px; /*jarak dari atas*/
right:0px;
z-index:+1000;
}
* html .rifaldhi_fixed {position:relative;}
#hidden_rifaldhi {
display:none;
border:2px solid #616258; /*ketebalan dan warna kotak*/
-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
background:#f1f1ea; /*warna latar*/
padding:3px 10px 0px 10px;
}
</style>
<div class="rifaldhi_fixed">
<table id="hidden_rifaldhi" cellpadding="0" cellspacing="0">
<tr><td>
<!-- Gambar Atas -->
<div style="text-float:right"><a href="javascript:void(0)" onclick="rifaldhi_showHiderifaldhi()" title="Close/Tutup"><img style="border:0px; width:auto; height:auto;" alt="Guestbook" src="http://blog.akakom.ac.id/marcell/files/close.png" /></a></div>

LETAKKAN KODE GUESTBOOK/SHOUTMIX/CBOX/SHOUTCAMP ANDA DISINI

<br/>
<script type="text/javascript" src="http://bukutamu-zies-name.googlecode.com/files/bukutamu-zies-name.js"></script>
</td></tr></table></div>
<!-- Gambar Samping -->
<div style="z-index:+5" class="rifaldhi_fixed">
<a href="javascript:void(0)" onmouseover="rifaldhi_showHiderifaldhi()">
<img style="border:0px;" src="http://img221.imageshack.us/img221/4097/bukutamu3c.png" /></a>
</div>
<!-- Selesai Hidden Widget -->

5.       Save / Simpan gadget anda dan lihatlah hasilnya.

Oke sobat blogger, itu tadi sedikit tutorial caramemasang guestbook di blogspotyang bisa saya share untuk anda. Semoga dengan penambahan widget ini memudahkan pengunjung blog anda untuk meninggalkan pesan atau komentar di blog anda.