Cara Menambahkan ShoutBox Pada Sidebar Blog

ShoutBox merupakan sejenis buku tamu yang terdapat didalam blog kita, dimana setiap pengunjung blog dapat menuliskan pesan singkat di dalamnya. Terdapat beberapa buku tamu yang dapat kita tambahkan kedalam blog kita, seperti Oggix, Shoutmix, CBox, Guestbook, dll., tapi yang paling banyak digunakan oleh para blogger Indonesia adalah Shoutmix dan Oggix.

Untuk menambahkan ShoutBox kedalam blog kita sebenarnya cukup mudah. Kamu bisa memilih salah satu ShoutBox berikut (Shoutmix atau Oggix), lalu ikuti langkah-langkah cara menambahkannya kedalam blog kamu:

ShoutBox Shoutmix
· Bukalah situs Shoutmix, kemudian klik Creat Shoutbox (bagi yang sudah register klik Login).
· Isikan data-data kamu sesuai permintaan dari Shoutmix.
· Jika kamu ingin melakukan pengaturan, pada bagian Display klik Style & Colors lalu pilih template dan warna sesuai keinginan kamu.
· Simpan hasil pengaturan kamu dengan mengklik Save settings.
· Klik back to settings, lalu klik Date & Time untuk mengatur zona waktu.
· Simpan hasil pengaturan zona waktu, klik back to settings lalu klik Get Codes.
· Atur lebar (Width) dan tinggi (Heigth) sesuai ukuran sidebar blog kamu (default 160x400).
· Blok kode HTML Shotmix (Contror A) kemudian kopi (Control C).
· Setelah itu ikuti Langkah Selanjutnya di bagian bawah tulisan ini.

ShoutBox Oggix
· Bukalah situs Oggix, kemudian Register (bagi yang sudah register klik Login).
· Isikan data-data kamu sesuai permintaan dari Oggix.
· Setelah masuk kedalam Control Panel Oggix, klik Install Shoutbox dan pilih HTML Code,
· Isi setingan konfigurasi, klik next.
· Pilih type yang diinginkan, klik next.
· Pilih warna yang diinginkan (sebaiknya disesuaikan dengan latar blog kamu), klik next.
· Pilih template yang diinginkan, klik next.
· Blok kode HTML Oggix (Contror A) kemudian kopi (Control C).
· Setelah itu ikuti Langkah Selanjutnya.

Langkah selanjutnya
· Login kedalam blogger kamu terlebih dahulu.
· Dari halaman dashboard, pilih Tataletak (Layout).
· Pada halaman Tataletak, Elemen Halaman, klik Tambah Gadget.
· Pilihlah gadget HTML/JavaScript .
· Kopikan kode HTML Shoutmix atau Oggix tersebut kedalam kotak gadget HTML/JavaScript, lalu save.


Catatan tambahan untuk Oggix:
· Kamu dapat mengubah lebar (width) dan tinggi (height) Shotbox disesuaikan dengan lebar widget sidebar blog kamu. Kamu juga dapat menyesuaikan ukuran (size) panjang nama (maxlength), kotak input name, input URL, dan input comment. Untuk memudahkan pengeditan, lakukan editing di dalam Notepade. Tapi jika kamu gak mau pusing, biarkan saja sesuai default Oggix (200x400).
· Untuk menambahkan avatar, klik aja Avatar lalu pilih Your Avatar, lalu upload foto kamu.
· Unkut menghilangkan anti spam, klik Spam Filter lalu pilih Setting Anti Robotic Spam dan pilih No pada pertanyaan Do you want to activate anti robotic spam?
· Untuk mau menjawab pesan, klik Manage Shoutbox dan pilih Edit/Reply Entry.

Menambahkan sosial bookmarking Kedalam Halaman Artikel

Pada kali ini, saya akan menjelaskan tentang Addthis yang memuat lebih dari 170 icons bookmarking.

Pada dasarnya cara untuk menambahkan Addthis sharing tools ini pun relatif sama dengan cara menambahkan Icons Social Bookmarking. Hanya saja untuk mendapatkan Addthis sharing tools kamu harus melakukan registrasi terlebih dahulu ke situs Addthis.Com.

Langkah-langkah yang harus kamu lakukan adalah:
· Bukalah situs Addthis.Com, kemudian klik Join Now.
· Isi formulir yang telah disediakan, lalu klik Register.
· Pada option Select a button style, pilih sesuai yang kamu inginkan.
· Klik Get Your Button, lalu kopi kode HTML-nya.
· Selanjutnya login ke akun Blogger, pilih Tata Letak, lalu pilih Edit HTML.
· Beri tanda centrang pada Expand Template Widget.
· Kemudian cari kode (gunakan Control F atau F3). Jika ada dua buah, pilihlah yang pertama.
· Letakkan kode HTML tadi setelah yang pertama (Jika sudah menambahkan Icons Social Bookmarking, letakkan setelahnya).
· Simpan hasil kerjaan kamu dan ucapkan Alhamdulillah...

Nah, segitu aja brow. Mudah-mudahan bermamfaat bagi kamu semua.
Selamat mencoba...

Cara Membuat Scroll Pada Blok Komentar Blogspot

Komentar merupakan bagian yang tidak bisa dipisahkan dari sebuah blog karena merupakan sarana untuk memberikan feed back bagi informasi-informasi yang disampaikan, baik berupa saran, kritik, pertanyaan, atau ucapan terima kasih atas informasi yang disampaikan.

Namun jika komentar tersebut terlalu banyak dan/atau isi komentarnya panjang-panjang maka akan membuat komentator berikutnya sedikit kewalahan karena harus menggulung layar jika ingin menuliskan komentar...

Nah, untuk mengatasi masalah tersebut kamu bisa membuat scroll pada blok komentarnya sehingga sekalipun komentar dalam postingan kamu banyak .
Jika kamu ingin membuat scroll pada blok komentar, kamu dapat mengikuti langkah-langkah berikut:
· Login ke akun Blogger kamu, lalu pilih Tata Letak - Edit HTML.
· Carilah kode CSS untuk comments-block menggunakan Control F.
· Tambahkan perintah berikut kedalamnya:
height:250px; /* tinggi blok komentar */
border:1px solid #CCC; /* bingkai blok komentar */
overflow:auto; /* perintah scroll */
sehingga nantinya akan nampak seperti contoh berikut:
#comments-block {
width: sekian px;
margin:sekian px;
padding:sekian px;
line-height:sekian px;
height:250px; /* tinggi blok komentar */
border:1px solid #CCC; /* bingkai blok komentar */
overflow:auto; /* perintah scroll */
}
· Sesuaikan ukuran dan warna bingkai menurut yang kamu kehendaki.
· Simpanlah hasilnya, lalu lihatlah pada postingan yang memiliki banyak komentar.

Nah, selesai sudah brow. Selamat mencoba....
Catatan tambahan:
Jika pada template kamu tidak ada kode CSS untuk comments-block, tambahkan saja kode berikut di atas ]]>:
#comments-block {
width: auto;
margin:auto;
padding:auto;
height:250px; /* tinggi blok komentar */
border:1px solid #CCC; /* bingkai blok komentar */
overflow:auto; /* perintah scroll */
}

Tips Agar Halaman Blog Tampil Profesional

Tentunya kita ingin agar blog kita bisa tampil seperti milik para blogger profesional kan… nah mungkin sedikit tips ini bisa membantu untuk mewujudkannya…
1. Lakukan pengecekan pada beberapa web browser
Tampilan halaman kamu begitu cantik di browser Firefox tetapi belum tentu bagus di browser IE, Opera atau browser yang lain. Ingat pengunjung blog kamu tidak hanya menggunakan satu browser saja. Untuk itu coba kamu lakukan pengecekan dengan browser yang berbeda, misalkan: Firefox, Flock, Chrome, IE, Opera, Safari.
2. Pilihan warna pada blog
Pemilihan warna memang susah-susah gampang semuanya tergantung selera pemilik blog. Jangan terlalu egois, pilih warna sesuai dengan tema blog kamu. Coba kamu pikir jika blog kamu tentang agama dengan pilihan warna hitam, terlihat janggal bukan! Kebanyakan warna hitam lebih cenderung ke blog yang bertemakan underground.
3. Hindari memasang jam
Tanyakan pada diri kamu sendiri apa gunanya memasang jam di blog kamu? Jika hanya sebagai pengingat waktu atau untuk mempercantik halaman sebaiknya tidak usah digunakan. Apa gunanya jam pada taskbar windows jika begitu? Yang jelas bakal bikin loading page kamu semakin berat.
4. Hindari memasang kalender
Apa gunanya kalender pada taskbar windows? Orang butuh informasi dari blog kamu bukan ingin melihat kalender. Kalender yang saya maksud adalah kalender umum, beda dengan kalender yang menampilkan sebuah posting (biasanya banyak digunakan pengguna wordpress).
5. Hindari pemasangan jumlah pengunjung tetap
Jika blog kamu merupakan blog baru maka jangan gunakan jumlah pengunjung (counter), ini akan berakibat penilaian yang buruk terhadap blog kamu. Walaupun untuk beberapa penyedia layanan counter menyediakan fasilitas untuk memanipulasi dan menambah jumlah pengunjung secara manual. Coba kamu pikir, blog yang baru dibuat sudah mencapai 100.000 pengunjung, apa itu mungkin?
6. Jangan memelas untuk meminta mengklik iklan
Hindari kata "klik iklan dibawah ini" atau bahasa apapun yang meminta pengunjung kamu untuk mengklik iklan. Sampai saat ini ada beberapa blog yang melakukan hal tersebut (maaf jika blog kamu termasuk dalam hal ini). Siapa sih didunia ini yang suka diperintah? Tanpa kamu suruhpun pengunjung bakal mengklik iklan tersebut jika dirasa berguna bagi mereka.
7. Jangan memasang iklan yang berserakan
Iklan yang banyak memang sangat menguntungkan, namun jangan sampai isi halaman blog kamu hanya berisi iklan dan iklan melulu. Pasang iklan sewajarnya saja. Dan tahukah kamu bahwa kebanyakan pengunjung sangat risih dengan adanya iklan yang telihat melebihi kapasitas dari isi halaman blog kamu.
8. Hindari memasang lagu pada blog
Selain membuat halaman blog kamu menjadi berat, menampilkan lagupun agak terkesan tidak profesional dan maaf agak terkesan jaman dulu (jadul). Tidak masalah jika blog kamu tentang musik atau blog personal tapi untuk blok bisnis kayanya kurang cocok.
9. Menampilkan status IP pengunjung
Blog kamu bukan program spy kan? Jadi lebih baik status IP pengunjung tidak usah dipasang agar pengunjung tidak merasa dimata-matai.
10. Memasang widget yang tidak ada hubunganganya dengan blog
Menambahkan widget memang menyenangkan tapi jika tidak ada hubungannya dengan blog kita malah akan terkesan aneh. Pasanglah widget sesuai dengan kebutuhan saja.
11. Jangan hanya copy-paste
Saya tidak melarang kamu untuk melakukan copy-paste. Tapi jika memang dilakukan, sebaiknya perbaiki juga code script atau naskah tulisannya. Hargai jerih payah penulis sebenarnya karena jika hanya copy-paste saja, tulisannya bakal terlihat tidak rapi dan kemungkinan gambar yang diikutsertakan tidak tampil.
12. Perhatikan tanda baca
Perhatikan tulisan kamu apakah sudah benar tanda bacanya atau belum. Kesalahan dalam titik koma saja akan berakibat mempunyai arti yang berbeda.
13. Jangan gunakan gambar yang besar
Gambar memang mempercantik halaman kamu, tetapi gambar yang besar justru akan menjadi bumerang buat loading page blog kamu. Yang jelas blog kamu pasti akan diabaikan untuk sementara waktu ketika loading page sedang berjalan.
14. Periksa dead link atau broken link
Link yang telah mati (dead link) atau rusak (broken link) bakal tidak disukai pembaca. Jangan kan pembaca, search engine pun tidak menyukai hal ini. Lakukan pengecekan terhadap dead link/broken link sesering mungkin. Banyak tools di internet yang bisa melakukan tugas ini.
15. Jangan terlalu banyak memposting artikel orang lain
Sering memposting artikel dari blog lain dengan cara copy-paste akan mendapat respon buruk dari pembaca, karena pembaca akan berpikir lebih baik membaca ke sumbernya secara langsung daripada membacanya di blog kamu.
16. Selalu menyebutkan nama sumber artikel
Blog yang profesional selalu menghargai jerih payah orang lain. Yang jelas menyebutkan nama sumber tidak merugikan kamu sedikitpun sebaliknya penghargaan atas jerih payah orang lain itulah yang membuat kamu terlihat lebih profesional.
17. Berikan respon yang baik terhadap komentar
Dalam merespon komentar, jangan pernah bersikap menggurui. Hargai semua komentar dengan bijak walaupun terhadap komentar-komentar yang menyebalkan sekalipun. Ingat, blog merupakan salah satu tempat untuk menuangkan semua ide dan pemikiran sehingga setiap orang pasti mempunyai pendapat yang berbeda-beda.

Menambahkan Tag Cloud Animasi Pada Sidebar Blog

Pada tulisan kali ini saya akan membahas cara membuat tag Cloud animasi. Setelah melakukan sedikit perubahan pada script-nya agar mudah dibaca, dan memberikan keterangan tambahan yang agak berbeda dari tulisan aslinya, maka tulisan kali ini saya sajikan buat kamu semua (untuk melihat contoh silahkan lihat blog ini).

Berikut adalah langkah-langkah untuk membuat Tag Cloud Animasi:
· Login ke akun Blogger kamu.
· Dari halaman Dasbor, klik Tata Letak dan pilih Edit HTML.
· Lakukan duplikasi template untuk berjaga-jaga jika terjadi masalah.
· Kopikan script berikut:

Pada script di atas disetting sebagai berikut (lihat yang dicetak tebal):
» Lebar widget : 240px
» Tinggi widget : 300px
» Warna latar (background) : putih atau #ffffff
» Warna huruf : abu gelap atau 0x333333
» Ukuran huruf : 12
Kamu dapat mengubah settingan tersebut disesuaikan dengan latar template dan lebar sidebar blog kamu. Misalnya mengubah warna latar menjadi hitam ditulis #000000 dan mengubah warna huruf menjadi putih ditulis 0xffffff (mengenai kode warna silahkan baca artikel ini).
· Letakkan script tersebut di bawah kode .
Untuk memudahkan pencarian, tekan Control F atau F3.
Jika tidak ditemukan, cari kode id='sidebar' atau id='sidebars', lalu letakkan di bawahnya.
· Lakukan Pratinjau, jika sudah OK, Save hasil kerjaan kamu dan ucapkan Alhamdulillah.....

Dibanding script tag Cloud non-animasi, tag Cloud animasi ini lebih simple. Hanya saja mengenai background dan warna huruf sebaiknya kamu sesuaikan dengan background template kamu agar kelihatan lebih matching, juga untuk ukuran lebarnya diatur sedemikian sehingga tidak melebihi ukuran lebar sidebar blog kamu.

Mengganti Tulisan Newer Post, Older Post, dan Home Dengan Gambar

Di setiap ujung halaman blog, biasanya ada tulisan Posting Baru (Newer Post), Posting Lama (Older Post), dan Halaman Muka (Home) yang bertujuan untuk memudahkan pembaca membuka halaman-halaman lain atau kembali ke halaman muka. Mungkin tulisan seperti itu terlihat kurang menarik dan terlihat biasa-biasa saja, apalagi bagi kamu yang selalu ingin menampilkan wajah blognya terlihat lebih cantik.

Biar tampil beda tulisan seperti itu sebenarnya bisa kamu ganti dengan gambar panah ke kiri untuk posting lebih baru, gambar panah ke kanan untuk posting lama, dan gambar rumah untuk halaman muka. Caranya gampang kok…

Langkah-langkah yang harus kamu lakukan adalah:
· Seperti biasa, Login ke blogger.
· Dari dasbor klik Elemen Halaman dan pilih Edit HTML.
· Beri tanda centrang pada Expand Template widget.
· Mengganti tulisan Newer Post
Untuk mengganti tulisan Posting Lebih Baru (Newer Post), carilah kode perintah:

Kemudian gantikan perintah tersebut dengan:

· Mengganti tulisan Older Post
Untuk mengganti tulisan Posting Lama (Older Post), carilah kode perintah:

Kemudian gantikan perintah tersebut dengan:

· Mengganti tulisan Home
Untuk mengganti tulisan Halaman Muka (Home), carilah kode perintah:

Kemudian gantikan perintah tersebut dengan:


Gantilah kalimat gambar panah ke kiri, gambar panah ke kanan, dan gambar rumah dengan mengcopy salah kode gambar berikut sesuai dengan keinginan kamu:
newer post: http://s563.photobucket.com/albums/ss76/peace_enes/navleft1.png
older post: http://s563.photobucket.com/albums/ss76/peace_enes/navright1.png
home : http://s563.photobucket.com/albums/ss76/peace_enes/navhome1.png
newer post: http://s563.photobucket.com/albums/ss76/peace_enes/navleft2.png
older post: http://s563.photobucket.com/albums/ss76/peace_enes/navright2.png
home : http://s563.photobucket.com/albums/ss76/peace_enes/navhome2.png
newer post: http://s563.photobucket.com/albums/ss76/peace_enes/navleft3.png
older post: http://s563.photobucket.com/albums/ss76/peace_enes/navright3.png
home : http://s563.photobucket.com/albums/ss76/peace_enes/navhome3.png

Gimana..tambah cantik kan blog kamu….silahkan ikuti trik-trik lainnya di BLOGINGVERSITI selanjutnya.