Tag Archive: komentar


Pengaturan Tampilan Komentar Autor Blog

Tips Membuat Komentar Pemilik Blog Berbeda : Walaupun sudah banyak blogger yang membahas tentang tema yang satu ini, Tips dan Trik Blog tetap “nekad” untuk mempostingnya, siapa tahu masih ada para pengunjung yang masih membutuhkannya. Dengan tips tersebut, kita akan membuat tampilan komentar pemilik blog yang berbeda dengan komentar yang dilakukan oleh pengunjung blog. Jika tertarik, silakan ikuti tipsnya berikut ini.

Dengan tampilan komentar yang berbeda maka para pengunjung akan dengan mudah mengetahui adanya jawaban atau komentar balik atas komentar atau pun pertanyaan yang dilakukan oleh pengunjung blog.

Oh, iya tampilan komentar pemilik blog akan berbeda apabila si pemilik blog tersebut melakukan login terlebih dahulu dengan account blogger yang dimiliknya. Jika tidak, maka tampilan komentarnya tidak berbeda dengan tampilan komentar pengunjung lainnya.

Untuk membuatnya, silakan ikuti langkah-langkahnya berikut ini.

Pertama, login ke account blogger hingga masuk Dasbor >> Tata Letak >> Edit HTML

Kedua, jangan lupa centangi pada “Expand Widget Template

Ketiga, dengan Ctrl+F (jika menggunakan Firefox), temukan kode “comments-block” sehingga kita akan menemukan baris kode-kode berikut dan kemudian sisipkan kode yang berwarna merah di dalamnya, dan letakkan seperti di bawah ini.










Keempat, setelah itu, temukan code css comment-body. Setiap template mempunyai code yang berbeda namun mempunyai kemiripan. Sebagai contoh, karena pada kesempatan ini saya menggunakan template “Minima” maka kita akan menemukan css comment-body, seperti di bawah ini.

#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}

Pada template Rounder, kita akan menemukan comment-body, seperti di bawah ini.

.comment-body {
margin:0 0 1.25em;
padding:0 0 0 20px;
}
.comment-body p {
margin:0 0 .5em;
}

Kelima, tempatkan kode dibawah ini di bawah kode yang disebutkan di atas, sehingga menjadi seperti di bawah ini. (Kode yang berwarna merah adalah kode yang baru saja kita tambahkan).

#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.blog-author-comment {
margin:.25em 0 0;
}
.blog-author-comment p {
margin:0 0 .75em;
padding:5px 10px;
border:1px dotted #254117;
background:#C3FDB8;
}

Atau pada template Rounder akan menjadi seperti di bawah ini.

.comment-body {
margin:0 0 1.25em;
padding:0 0 0 20px;
}
.comment-body p {
margin:0 0 .5em;
}
.blog-author-comment {
margin:.25em 0 0;
}
.blog-author-comment p {
margin:0 0 .75em;
padding:5px 10px;
border:1px dotted #254117;
background:#C3FDB8;
}

Keterangan

  • Jika menginginkan, kita dapat merubah ketebalan border, jenis border, atau warna border, begitu juga dengan background-nya, kita dapat mengganti warna sesuai selera masing-masing.
  • Padding bertujuan untuk menggeser ke kanan agar tidak bertabrakan dengan warna background, jika menginginkan dapat mengganti angkanya.

Keenam, simpan template
Ketujuh, selesai

Sekarang, bukalah salah satu postingan dan berikanlah komentar sebagai pemilik account dan pastikan tampilan komentar kita sebagai pemilik account telah berbeda dengan tampilan komentar pengunjung lain. Di bawah ini, screenshot contoh tampilan komentar tersebut.

Selamat Mencoba!!

(Referensi : Tips For New Bloggers)

Iklan

Kotak Komentar Baru di Blogspot

Sepertinya blogspot memahami “permintaan” para blogger tentang kotak komentar seperti kotak komentar wordpress. Walaupun masih dalam konsep, kita sudah dapat mencoba kotak komentar blogspot yang baru ini. Dengan fasilitas ini, kotak komentar akan muncul di bawah entry atau postingan, tidak seperti yang terdahulu, harus mengklik link tersendiri.

Sebelumnya, Tips dan Trik Blog juga penasaran tentang kotak komentar yang lebih praktis ini, kemudian saya googling dan menemukan blog Mas Kendhin yang membahas masalah ini. Ternyata setelah saya coba, tanpa harus melakukan edit html lagi (seperti pada tutorial Mas Kendhin), kotak komentar ini sudah bisa “dinikmati”. Namun ada juga template terutama yang berasal dari luar, bukan template default blogger, harus melakukan sedikit edit html.

Langkahnya-langkahnya.

Login ke http://draft.blogger.com bukan http://blogger.com dengan user dan password seperti biasanya hingga masuk ke halaman Panel Kontrol.

Kemudian klik Pengaturan > Komentar kemudian,…

Pada opsi “komentar”, pilih tampilkan,

Pada opsi “Siapa yang Bisa Berkomentar?”, pilih siapa pun atau bisa pilih lainnya, namun jelas akan mempengaruhi pilihan jenis komentator yang muncul nantinya.

Pada opsi “Penempatan Formulir Komentar” pilih Disemat di bawah entri.

Setelah itu Simpan pengaturan

Sekarang, Anda buka salah satu entry atau postingan Anda, apakah sudah ada kotak komentar di bawahnya. Jika sudah, berarti langkah-langkahnya sampai di sini saja.

Jika belum muncul, lanjutkan dengan langkah berikutnya.

Klik Tata Letak (layout) kemudian klik edit html.

Jangan lupa centangi Expand Widget Templates

Cari kode seperti di bawah ini.

Kemudian ganti kode tersebut dengan kode di bawah ini (posisinya agak ke bawah).

Kemudian Simpan Template.

Sekarang, Anda buka salah satu entry atau postingan kamu, maka di sana telah ada kotak komentar di bawahnya lengkap dengan pilihan jenis komentator, seperti Google, Live Journal, WordPress, TypePad, AIM, OpenID, Nama/URL, juga Anonim.

Untuk mencobanya, silakan komentar pada postingan ini!!

Asyik, kan!!!