
langkah-langkah Memasang Buku Tamu/Instant Comment/Chat Box pada Blogger/Blogspot
- Daftar terlebih dahulu di www.shoutmix.com.
- Setelah daftar pada kolom yang berjudul style, klik menu appearance.
- Silahkan klik menu pulldown di samping tulisan Load From Preset untuk mengatur tampilan buku tamu sobat, silahkan pilih yang sesuai dengan keinginan sobat. Jika sudah selesai klik Save Setting.
- Untuk mendapatkan kode HTML dari shoutbox sobat, silahkan klik Use Shoutbox yang berada di bawah menu Quick Start
- Klik tulisan Place Shoutbox on web page. Isi lebar dan tinggi shoutbox yang di inginkan
- Copy seluruh kode HTML yang ada pada text area yang berada di bawah tulisan Generated Codes, lalu simpan di program Notepad Sobat.
- Klik Log out yang berada di atas layar Sobat untuk keluar dari halaman shoutmix Sobat. Silahkan close situs tersebut.
- Selesai
Untuk menempatkan kode HTML shoutbox tadi pada blog sobat, silahkan ikuti langkah-langkah berikut ini.
Untuk blogger dengan template klasik :
Untuk blogger dengan template klasik :
- Log in terlebih dahulu ke blogger.com dengan id sobat.
- Klik menu Template
- Klik Edit HTML
- Paste kode HTML shoutbox Sobat yang telah di copy pada notepad tadi di tempat yang Sobat yang inginkan.
Sedikit Clue, agar shoutbox Sobat sesuai dengan ukuran lebar sidebar, Sobat bisa merubah ukuran lebar ataupun tinggi dari shoutbox. Caranya, sobat tinggal merubah angka Width (untuk lebar) dan Height (untuk tinggi) dari dalam kode HTML shoutbox tersebut.
Untuk Blogger baru :
- Silahkan Login dengan id Sobat.
- Klik menu Layout.
- Klik Page Element.
- Klik Add a Page Element.
- Klik tombol Add to Blog yang berada di bawah tulisan HTML/JavaScript.
- Tuliskan judul shoutbox sobat pada form title. Contoh : Buku tamu ku, atau my guestbook atau apa saja yang Sobat suka.
- Copy paste kode HTML shoutbox Sobat di dalam form Content.
- Klik tombol Save Changes.
- Drag & Drop element yang telah sobat buat tadi di tempat yang di sukai.
- Tekan tombol Save.
- Selesai
Untuk langkah-langkahnya hampir sama dengan langkah diatas.

Artikel Terkait:
Accesoris Blog
- Cara Membuat Cursor following menu
- Cara Membuat Background Pada Cbox
- Cara Membuat Label Cloud Tanpa Edit HTML
- Cara Memasang Total Komentar dan Total Posts
- Cara Membuat Link Pada Label Bergeser Saat Disorot (Link Nudging)
- Cara Membuat Buku Tamu Show/Hide Dari Atas
- Cara Memasang Tombol "Save as PDF" Di Blogger
- Cara Membuat Daftar Isi Pada Blog
- Cara Membuat Icon Twitter Burung Terbang
- Cara Membuat Efek Bubble 'Gelembung' Pada Cursor
- Cara membuat header blog dengan Supalogo
- Membuat menu melayang dengan sentuhan Jquery dan CSS3
- Cara Menampilkan Hanya Judul Postingan di Halaman Depan Blog dengan Css
- CARA MENAMPILKAN HANYA JUDUL ARTIKEL PADA HALAMAN DEPAN BLOG
- Cara Pasang Icon di Samping Judul Postingan
- Cara Membuat Buku Tamu Blog Tanpa Di Klik Terbuka
- Clock Widget : Jam Mengikuti Kursor
- Cara MemBuat/Pasang Navigasi Breadcrumb di Blogger
- Cara membuat Omni Slide Menu Pada BLog
- Cara Membuat Menu dTree
- Cara Bikin Float Gambar Pada Blog
- Tag cloud cumulus update
- Cara Membuat Double Klik untuk Back to Top (Kembali ke Atas)
- Membuat Navigasi Halaman Bernomor/Paging
@bersediabelajar
BalasHapusTerima kasih sudah mau berkomentar
hmmm oktri juga masih seorg newbie (pemula ) ko mas bro..
salam kenal too , semoga terjalin silahturahmi antar blog