Cara Pasang ShoutCamp di Blog

Semenjak di tutup untuk pelanggan gratisan pada tanggal 1 januari 2013 lalu membuat para blogger beralih ke chat box lain seperti Cbox, Fibox, ShuotChamp dan lain lain.(Baca artikel sebelumnya tentang Kumpulan efek blogger) Kali ini saya akan share tentang ShuotChamp atau lebih tepatnya Cara membuat buku tamu ShoutCamp di blog. widget ini biasa di tempatkan di sidebar dan tak jarang juga di pasangdengan Popup ( melayang ).
Mau tahu bagaimana cara memasang shoutcamp di blog? ikuti terus tutorial nya.

1. Terlebih dahulu sobat harus memiliki akun shuotcamp. bagi yang belum punya, silahkan daftar di sini!
2. Setelah masuk ke situs Shuotcamp, klik tulisan register atau cari dan klik Get it now seperti gambar berikut.





3. Isikan data - data yang diminta pada formulir register nya. masukkan username twitter sebagai opsional. tidak di isi pun tak apa - apa. kemudian klik register.






4. Klik pada tulisan seperti gambar berikut.






5. Masukan nama shuotcamp pada ShuotCamp Title dan masukkan Url website sobat padaWebsite/Url, kemudian klik next.






6. Selanjutnya sobat akan di minta untuk mengupload foto yang nantinya akan di jadikan avatar sobat.







7. Klik Browse dan tekan Upload seperti yang terlihat pada gambar berikut.





8. Sobat akan di minta untuk men Crop atau memotong foto sesuai keinginan sobat. Klik pada tulisan Crop Image and Save As Avatar.

9. Setelah itu, sobat akan melihat tampilan berikut. Klik Install.















10. Ambil kode yang di beri dan pastekan di HTML/Javascript sobat. Jika ada sobat yang belum tahu cara meletakkannya di blog sobat, ikut langkah - langkah berikut.

Log in ke akun blog sobat
Klik Rancangan --> Elemen Laman --> Tambah Gadget --> pilih HTML/Javascript.
Masukkan kode ShuotCamp ke dalam kotak yang di sediakan dan beri nama sesuai keinginan.
Klik Simpan atau Save

11. Untuk mengatur tampilan Shuotcamp klik manage area kemudian Klik Edit Layout yang berada di sebelah kiri Menu twitter setting.























12. Atur tampilan sesuka hati sobat. kemudian ambil kode nya..








Sekian dulu tutorial membuat/memasang shoutcamp di blog, semoga membantu sobat blogger.