Cara Pasang Guestbook dari Shoutcamp
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 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 blogger, itu tadi sedikit tutorial caramemasang guestbook di blogspot yang bisa saya share untuk anda. Semoga dengan
penambahan widget ini memudahkan pengunjung blog anda untuk meninggalkan pesan
atau komentar di blog anda.
0 Saran Dan Kritik:
Posting Komentar