Search

22 Mei 2012

Membuat GuestBook Mudah

rtikel kali ini membahas tentang Proses Pembuatan Buku Tamu pada Blog. Buku Tamu,Yang biasa dipakai waktu Kondangan Nikahan biar si Empunya acara tau mana yang datang dan yang nyumbang Ang Pao.Guest Book atau Buku Tamu adalah istilah pada widget sebuah Blog dengan fitur yang sangat bermanfaat terutama dalam melakukan sharing info dan komunikasi langsung antara Pengunjung/Pembaca dengan Admin/Pemilik Blog. Dan sebagai Benang Merah Tutorial-tutorial yang sudah pernah nungul sebelumnya,kali ini akan dijelaskan tentang penambahan Fitur tsb pada Blog melalui layanan Cbox.ws.

Shoutmix, Sebuah layanan yang menyediakan Fitur ini secara gratis memang sudah dihentikan beberapa waktu lalu, Namun ada alternatif lain yaitu dengan menggunakan jasa Cbox.ws. Masih banyak ketika Blogwalking saya temukan
Buku Tamu di Blog Sobat-sobat ku yang sudah tidak bisa diakses karena layanan Shoutmix Gratis dihentikan,Maka meskipun mungkin dah ketinggalan nie Tutorial dan dah banyak Informasi serupa yang telah beredar diseluruh jagad maya, tetep aja lah coba di sharing kembali siapa tau bermanfaat bagi Nusa dan Bangsa buat Sobat yang laen..

Langsung saja kita ke Te..ka..Pe...

Panduan Membuat Buku Tamu dengan CBOX,
Langkah-langkah detail nya sebagai berikut:


✎.Proses Pendaftaran
  • Masuk ke web nya Cbox.ws
  • Klik Sign Up,untuk melakukan proses registrasiatau Pendaftaran.
  • Isilah data-data berikut ini:
    • Cbox Name, Username buku tamu sobat yang sekaligus sebagai account untuk login di Cbox
    • Email Address, isikan alamat email Sobat.
    • Password, masukkan sebuah Password.
    • Confirm Password, masukkan ulang Password Sobat.
    • Website, ketik alamat Blog Sobat
    • Language, pilih bahasa English,bahasa Indonesia belum mendukung untuk fitur ini.:(
    • Style, silahkan pilih gaya atau motif Buku Tamu sobat
    • Beri tanda centang pada kotak ❒ I have read and do agree to the Cbox terms and conditions of service.
    • Klik CreateMy Cbox
  • Jika data-data yang Sobat masukkan benar,maka silahkan periksa Email pesan yang dikirim oleh Cbox pada email yang Sobat pakai untuk Proses pendaftaran diatas,kemudian klik link yang diberikan. Dengan cara lain,Sobat dapat buka kembali www.cbox.ws lalu masukkan Login Name(Cbox Name,bagian 1 pada langkah ke-3) dan Password dari Email Sobat.
  • Klik Publish
  • Pada bagian Publish,silahkan copy code HTML yang diberikan
Cara di atas adalah cara kilat untuk mendapatkan kode HTML(kode Buku Tamu). Namun,dapat pula Sobat mengedit beberapa hal terkait dengan Buku Tamu tersebut,seperti pada menu: 
Look & Feel, 
Options, 
User Access,dan  
Messages.
Proses Pendaftaran pada layanan Cbox.ws yang menyediakan Buku Tamu dan mendapatkan code HTML telah dilakukan,sekarang Sobat tinggal lanjutkan Memasang Buku Tamu pada Blog, dengan cara:
  • Buka www.Blogger.com dan login dengan Account Blog Sobat.



  • Klik Tata Letak
  • Tentukan Lokasi Widget untuk Buku Tamu dan klik Tambah Gadget
  • Pilih HTML/JavaScript
  • Ketik teks "Buku Tamu" atau sesuai dengan apa nama (judul) yang Anda inginkan pada bagian Judul, misalnya Guest Book, Tinggalkan Jejak, atau apa ja lah..
  • Paste kode HTML yang Sobat copy dari Cbox.ws tadi
  • Klik Simpan dan lihat hasilnya pada Tampilan Blog Sobat.
  • Perhatikan ukuran lebar Buku Tamu yang nampak di blog Anda dengan ukuran gadget Anda,jika lebar Buku Tamu tidak sesuai dengan ukuran gadget. Silahkan edit kode HTML-nya,dengan kode (standart) Width="200" (ada 2 kode ukuran Width, yang selalu sama ukurannya)

    ✎.Proses Modifikasi

    Fitur Proteksi "Pesan Spam" dari Cbox:
    Dah pada tau khan apa itu SPAM? =Suka Pergi Ampe' malem? 'Bukaaaaaann..'.
    Pertama,Tentukan apakah pesan akan muncul secara otomatis, atau hanya muncul dari satu
    pengguna.
    Untuk mencegah SPAM otomatis (SPAM BOTS), nyalakan "Require CAPTCHA" di Settings.

    Untuk SPAM yang dari pengguna individual,cobalah ban pengguna itu. Pada halaman
     Messages Page Cbox Sobat,pilih pesan yang tidak diinginkan dan klik "Ban".
    Jadi intinya,Sobat memilih untuk mencegah SPAM di Cbox dengan menyalakan Captcha 
     (caca-marica-hehe,atau kode acak yg agak belepotan tulisan na dan harus kita ketik dalam
    bentuk normal).
    Cara untuk menyalakan Captcha pada Cbox adalah:
    • Loginke akun Cbox Sobat (http://cbox.ws)
    • Klik "OptionsPosting Options"
    • Klik "Require Captcha" di Anti-SPAM Protection.
    • Lalu klik "Save"
    Dengan mengaktifkan kode Captcha,kesempatan munculnya PESAN SPAM BOT akan
    berkurang di CboxSobat,namun Pengunjung yang akan meninggalkan pesan di Cbox Sobat
     diharuskan mengisi kode terlebih dahulu, jadi terserah Sobat mau ditambahin Fitur ini atau
     tidak,karena kadang ada juga anggapan pengunjung,captcha adalah sesuatu yang agak ribet
    ketika mau meninggalkan pesan di Buku Tamu, Pilih mana? Snip ato Snap



    Fitur Style Font / Gaya Penulisan dari Cbox:
    Dibawah ini adalah Mode yang bisa ditambahkan pada Awal dan akhir Tulisan yang hendak
     sobat cantumkan pada Buku Tamu Cbox,Mode tsb diantaranya:

    Cara membuat text tebal [Bold]

       [b]AkuBukanbangThoyib goBLOG[/b]

    Hasilnya:
    AkuBukanbangThoyib goBLOG (Tulisan akan bercetak tebal)

    Cara membuat text miring [italic]

       [i]AkuBukanbangThoyib goBLOG[/i]

    Hasilnya: 
    AkuBukanbangThoyib goBLOG (Tulisan akan bercetak miring)

    ❒ Cara membuat text bergaris tengah [Strike]

       [s]AkuBukanbangThoyib goBLOG[/s]

    Hasilnya:AkuBukanbangThoyib goBLOG (Tulisan akan bergaris tengah)

    Cara membuat text bergaris bawah [Underline]

       [u]AkuBukanbangThoyib goBLOG[/u]

    Hasilnya: 
    AkuBukanbangThoyib goBLOG (Tulisan akan bergaris bawah)


    Cara membuat text berukuran kecil [Small]

       [small]AkuBukanbangThoyib goBLOG[/small]

    Hasilnya: 
    AkuBukanbangThoyib goBLOG

    Cara membuat text berukuran besar [Big]

        [big]AkuBukanbangThoyib goBLOG[/big]
    Hasilnya: 
    AkuBukanbangThoyib goBLOG


    Cara membuat text rata tengah [Center]

       [center]AkuBukanbangThoyib goBLOG[/center]

    Hasilnya:
    AkuBukanbangThoyib goBLOG


    Cara membuat text berwarna [Color]

       [color=red]AkuBukanbangThoyib goBLOG[/color]

    Hasilnya: 
    AkuBukanbangThoyib goBLOG

    # untuk warna bisa diganti dengan kata seperti: Green, yellow, blue, black, silver, pink, purple,
    dan masih banyak yang lainnya.

    Cara membuat text berisi link [Url]

       [url=http://ristiancandra.blogspot.com/]AkuBukanbangThoyib goBLOG[/url]
    Hasilnya:
    AkuBukanbangThoyib goBLOG

    Cara membuat text berjalan [Scroll]

       [scroll]AkuBukanbangThoyib goBLOG[/scroll]

    Hasilnya:AkuBukanbangThoyib goBLOG


    Jika Sobat ingin berkreasi lebih dari ini Sobat bisa menggabungkan semua code diatas.



    Fitur Modifikasi Emoticon Smiley pada Cbox:
    Fitur pada Cbox ini memperbolehkan Sobat jika ingin mengganti atau menambahkan Emoticon
    standard Cbox yang kurang lebih bentuk standard nya seperti gambar dibawah ini:
    Panduan Membuat Guest Book dengan Cbox


    Untuk menambahkan atau merubah Emoticon Smiley nya,ada baiknya Sobat Hunting dulu
     Emoticon-emoticon yang tersedia banyak di alam jagad maya,misalnya saja di situs:
    http://www.addemoticons.com

    • Pilih dulu beberapa emoticons yang menurut sobat paling keren
    • Jika sudah standby dulu di web tersebut,lalu masuk ke langkah selanjutnya yaitu
    •  memodifikasi Emoticons Cbox Buku Tamu milik Sobat dengan cara:
      ➫ Login ke akun Cbox sobat ➫ OptionsSmile
    • Setelah itu,Sobat masuk ke halaman Edit Emoticons Cbox nya,
    • Delete terlebih dahulu semua Emoticons defaultnya dengan cara klik tanda X,
    • Kemudian ganti kode (Code) dengan beberapa kode yang biasa digunakan,contoh bisa
    •  lihat di bawah ini:

      :),:D,=)),ok,:P,coo,atau yang lain nya.

    Sebagai Contoh,berikut emoticon yang telah ditambahkan pada Blog ini:
    SmileyKodeAlamat URL
    Panduan Membuat Guest Book dengan Cbox:Dhttp://www.addemoticons.com/smileys/bm/smileys/74.gif

    • Sekarang kembali ke web penyedia Emoticon baru yang sudah Sobat kunjungi,Sobat bisa langsung 
    • comot alamat Url emoticon yang dipilih dan taruh di Kolom Url pada bagian Edit Emoticons Cbox,
    • Untuk melihat perubahan gambar Emoticonnya klik Enter,
    • Jika sudah selesai semua,lalu klik Save,
    • Sekarang Sobat akan lanjut untuk memasang Cbox Chat barunya (Cbox yang baru saja diedit tadi) ke dalam Blogdengan cara klik Publish Copy Pastekode script Cbox barunya ke dalam konten HTML/Javascript (Add a Gadget) Save.
    • All Archive pesan dari Pengunjung yang telah ada sebelumnya tidak akan hilang,asalkan Sobat melakukan edit Cboxpada akun Cboxyang sobat gunakan.
    • Selesai dan lihat perubahan Emoticons barunya pada Fitur Smile pada Buku Tamu Cbox Sobat. Bila sudah di SAVE, coba langsung reload Blog, apabila sudah terupdate smiles tidak perlu lagi melakukan copy paste HTML/Javascriptyang baru,apabila belum terupdate smilesnya maka copylah HTML/Javascriptyang baru.

     Fitur Modifikasi Tampilan Cbox pada Blog:
    Fitur yang satu ini memberikan Pilihan pada Sobat jika ingin menampilkan Buku Tamu pada Blog dengan Style yang Beda,bisa diedit suka-suka juga...
    Caranya:
    1. Login ke CBox dengan Account Sobat
    2. Pilih Publish!
    3. Lihat kebawahStep2: Choose a variation: disana ada 4 pilihan yang bisa Sobat Gunakan,
    • Inline [Default] 
    • Popup Link
    • Floating Button (contoh:Diterapkan pada AkuBukanbangThoyib goBlog,dengan tambahan Modifikasi)
    • Deferred Load

    Panduan Lengkap Membuat Guest Book dengan Cbox



    terimakasih telah membaca!!!!!

1 komentar:

  1. thanks, aku belajar banyak :D tp susah gk sih buat guest book?

    BalasHapus