Cara Pasang Guestbook 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 bisa membuat bukutamu/guestbook dengan menggunakan layanan dari Shoutcamp. Mau tahu gimana cara mendaftar di Shoutcamp ? Simak aja penjelasan saya dibawah ini ya..!!
1. Registrasi dulu di http://shoutcamp.com/ apabila anda belum terdaftar sebagai member atau langsung Login apabila sudah terdaftar sebagai member ShfoutCamp.
3. Isikan title shoutbox dan URL blog Anda. Klik NEXTuntuk melanjutkan.
4. Silakan masukkan avatar Anda.
5. Upload gambar/foto dari computer Anda.
6. Crop gambar Anda menyesuaikan dengan ukuran avatar shoutcamp.
7. Klik Installuntuk 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 tulisan LETAKKAN 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 mazjadul, itu tadi sedikit tutorial cara memasang guestbook di blogspot yang bisa allshare bagikan untuk anda. Semoga dengan penambahan widget ini memudahkan pengunjung blog anda untuk meninggalkan pesan atau komentar di blog anda.
0 komentar:
Posting Komentar