Sabtu, 16 Juni 2012

Membuat Shoutbox pada Wordpress

Saya akan menulis dan berbagi tentang cara membuat Shoutbox (kotak chating). Sebenarnya Shoutbox bisa bekerja di ruang web apapun, untuk blog yang tidak berbayar (gratis) maupun blog yang berbayar. Shoutbox adalah perpaduan yang sempurna untuk buku tamu, forum dan chatting. Shoutbox merupakan cara interaktif bagi pengunjung ke website atau blog anda, karena pengunjung dapat meninggalkan pesan, ucapan atau hal lainnya sebagai salah satu jembatan penghubung antara pemilik blog dan pengunjung. Bahkan sebagian blogger memanfaatkannya untuk berpromosi sekaligus menambah traffic.

Ada beberapa merk ruang chatting yang saya ketahui, diantaranya Shoutbox, Shoutmix, Cbox, Meebo dan masih banyak lagi. Namun yang akan saya jelaskan kali ini hanyalah Shoutbox.

Pertama-tama kita masuk ke situs yang menyediakan Shoutbox gratis dan Sign Up. Klik disini.
Isi data dengan keterangan sebagai berikut:
  • Name: diisi dengan nama anda atau nama blog anda (sesuka hati). 
  • Theme: memilih tema untuk tampilan shoubox.
  • Category: memilih kategori untuk shoutbox.
  • Size: ukuran lebar dan panjang soutbox.
  • Background: latar belakang tampilan shoutbox.
Klik Continue.

Setelah itu akan tampil Shoutbox Code. Ada 2 kode yang disediakan Shoutbox yaitu Object Embed dan Javascript Embed, pilih Object Embed.
Copy kode Object Embed ke Notepad atau Ms. Word terlebih dahulu. Cari kode yang ada di dalam kotak merah dan pisahkan. Hapus sisanya.


Setelah itu, masuk ke dasbor wordpress anda, pilih Appearance - Widgets. Pada tab Available Widgets, cari widget Text, lalu drag & drop widget tersebut ke tab Sidebar. Isi Title sesuka hati anda, dan isikan kotak dibawahnya dengan kode sesuai gambar. Isikan kode yang bergaris bawah merah dengan kode yang anda pisahkan di langkah sebelumnya. Setelah selesai, klik Save.























Bukalah blog anda. Shoutbox pun telah terpasang. Selamat mencoba!
















NB: Anda dapat memodifikasi panjang (height) dan lebar (width) Shoutbox anda dengan merubah angka/ukuran yang anda inginkan pada kode diatas. Con: merubah width="250" menjadi width="200" atau height="350" menjadi height="320"

Selasa, 12 Juni 2012

Membuat ChatBox pada Blogspot

Widget chatbox atau buku tamu ini dipasang oleh hampir semua pengguna Blogger. Salah satu alasannya adalah karena chatbox memberikan banyak manfaat pada blog kita. Selain dapat mempercantik tampilan blog, chatbox dapat berfungsi sebagai sebagai sarana untuk saling berkomunikasi antara pengunjung dengan admin blog.

Buku tamu yang sangat populer dan paling banyak digunakan yaitu CBox dan Shoutmix. karena Shoutmix akan menonaktifkan layanan Free atau gratisnya jadi saya hanya akan menjelakan cara membat buku tamu menggunakan layanan gratis CBox.

Berikut lankah-langkah untuk membuat Buku tamu pada halaman blog:

Langkah 1 : Mendapatkan kode buku tamu dari ChatBox
  1. Kunjungi halaman resmi CBox.
  2. Klik Sign Up
  3. Setelah itu anda akan diminta untuk mengisi formulir pendaftaran. Isi data yang diminta, apabila data yang Anda isi sudah benar maka akan ada pesan "Your CBox was created succesfully."  
  4. Kemudian buka Email yang anda gunakan untuk mendaftar Cbox dan buka Email konfirmasi pendaftaran anda yang dikirim oleh Cbox.
  5. Klik Link konfirmasi tersebut untuk mengaktifkan akun Cbox anda.
  6. Setelah Email konfirmasi tersebut anda klik, akun anda telah aktif. 
  7. Sign in Ke akun Cbox anda menggunakan Username dan Pasword yang sudah anda buat saat mendaftar tadi untuk mendapatkan Kode ChatBox atau bukutamu anda.
  8. Setelah anda masuk anda langsung dihadapkan ke halaman Code Generator. Copy kode yang ada didalam kotak. 
NB:
Jika anda ingin melakukan pengaturan lebar kotak ChatBox, klik Look & Feel >> Layout Option.Dan untuk mengganti style ChatBox anda masuk ke Look & Feel >> Style Presents.

Langkah 2 : Memasang kode kehalaman Blog
  1. Masuk ke akun blogger anda.
  2. Pilih Tata Letak.
  3. Klik Tambah Gatget/Widget.
  4. Pilih HTML/JavaScript.
  5. Paste Kode ChatBox tadi pada Box HTML/JavaScript yang tersedia.
  6. Klik Simpan.
  7. Selesai dan Lihat Hasilnya.

Membuat Text Link pada Blogspot

Pada posting kali ini saya akan menjelaskan cara membuat text link pada blogspot. Pertama-tama login ke blogspot. Pada dasbor blog Anda pilih Entri Baru, dan pilih Link seperti gambar dibawah:

























Akan muncul jendela Edit Link. Isikan tab Text to display dengan nama yang Anda inginkan untuk link Anda dan tab Link To dengan link yang Anda ingin cantumkan. Untuk contoh kali ini saya menggunakan Web Address. Jika sudah selesai klik OK. Sebagai contoh:

Hasilnya:


























Klik Terbitkan Entri dan selesai.











Cara Membuat Blog di Blogspot

Ada dua layanan blogging yang telah diakui kehebatannya oleh para blogger di seluruh dunia. Yaitu Blogspot (blogger.com; sebuah layanan yang dimiliki oleh google) dan WordPress.com. Namun karena judul artikel ini adalah cara membuat blog di blogspot, jadi artikel kali ini akan membahas blogspot saja. Silahkan ikuti langkah-langkah cara membuat blog lengkap berikut ini :

  1. Sebelum mendaftar di blogspot, Anda harus mempunyai alamat email yang aktif. Karena pada formulir pendaftaran blogspot nanti terdapat kolom email yang harus Anda isi. Jika tidak diisi, maka Anda tidak akan bisa membuat blog di blogspot. 
  2. Jika Anda sudah membuat dan memiliki  email, silahkan buka  alamat  situs www.blogger.com. Selanjutnya, klik tombol Memulai untuk mulai mendaftar membuat blog di blogspot.
  3. Lengkapi formulir pendaftaran pembuatan blog di blogspot.
  4. Setelah Anda klik tombol lanjutkan, akan tampil halaman formulir untuk melengkapi judul blog dan alamat blog Anda. Isilah Kolom Judul Blog dan Alamat blog sesuai dengan keinginan. Jika alamat blog menggunakan 2 kata atau lebih gunakan tanda ( – ) karena blogspot tidak bisa menggunakan spasi. Terkadang alamat blog yang Anda tulis sudah dipakai oleh orang lain sehingga tidak bisa digunakan. Untuk mengetahui alamat blog Anda sudah dipakai orang lain atau belum Klik tombol “cek ketersediaan” jika belum dipakai orang lain, maka di bawahnya akan muncul tulisan warna hijau yang bertuliskan Alamat blog ini tersedia. Jika sudah selesai klik tombol Lanjutkan.
  5. Akan tampil halaman untuk menentukan tema atau template blog Anda. Untuk memilih template tinggal klik salah satu, kemudian  klik  tombol lanjutkan. Setelah tombol Lanjutkan diklik,  berarti blog Anda sudah jadi. Hanya saja belum ada artikelnya sama sekali. Untuk memberi artikel pertama kali, silahkan klik tombol Mulai Blogging. Selamat mencoba!