Xceria Blogger Indonesia
Showing posts with label komentar. Show all posts
Showing posts with label komentar. Show all posts

Memunculkan Kolom Komentar di Halaman Statis Blogger
Kolom Komentar di Halaman Blogger
Memunculkan kolom komentar di halaman statis blogger - Hari ini Xceria akan menulis tutorial blog sederhana mengenai komentar di blogspot.

Jika seseorang membuat suatu halaman (bukan artikel) biasanya tidak membutuhkan kolom komentar. Seperti halaman about me, contact me, sitemap, dan sebagainya. Tapi ada juga halaman yang membutuhkan kolom komentar untuk dapat berinteraksi dengan pembacanya. Lalu bagaimana jika kolom ini tidak dapat dimunculkan pada halaman statis yang Anda buat di blogspot?

Di blogger kolom komentar akan muncul jika pada tab option kita memilih allow comment. Tapi pada halaman statis terkadang (pada template tertentu) kolom komentar tidak mau muncul, walaupun sudah kita perbolehkan untuk berkomentar.

Ini terjadi karena conditional tag untuk kolom komentar pada template Anda tidak ditujukan pada halaman statis, tetapi hanya pada halaman post.

Cara Menampilkan Kolom Komentar di Halaman Statis Blogger

Jika ini terjadi pada blog Anda dan ingin menampilkan kolom komentar pada halaman statis blogger, ikuti panduan di bawah ini untuk mengatasinya.
  1. Masuk ke blogger.
  2. Pilih Template » Edit HTML.
  3. Cari (Ctrl + F) kode <b:if cond='data:blog.pageType == &quot;item&quot;'>. Kode tersebut mungkin akan banyak ditemui di template Anda. Cari kode kira-kira seperti berikut.

  4. <div class='blog-posts hfeed'>
    <b:include data='top' name='status-message'/>
    <data:adStart/>
    <b:loop values='data:posts' var='post'>
    <b:if cond='data:post.dateHeader'>
    <h2 class='date-header'><data:post.dateHeader/></h2>
    </b:if>
    <b:include data='post' name='post'/>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <b:include data='post' name='comments'/>
    </b:if>
    <b:if cond='data:post.includeAd'>
    <data:adEnd/>
    <data:adCode/>
    <data:adStart/>
    </b:if>
    </b:loop>
    <data:adEnd/>
    </div>
  1. Selanjutnya ganti kode tersebut menjadi <b:if cond='data:blog.url == data:post.url'>
  2. Simpan template.
Sekarang lihat hasilnya pada salah satu halaman di blog Anda. Ingat pada tab Options saat edit page, pilih Allow (Reader comments).

Sekian tutorial mengenai cara memunculkan kolom komentar pada halaman statis blogger. Semoga berguna.

Membuat Komentar Admin Berbeda di Blogger (5 Style)
Komentar Admin Beda
Hari ini Xceria akan menulis tutorial blog seputar komentar di blogger, yaitu cara membuat komentar admin blog berbeda dengan komentar yang diberikan oleh pengunjung.

Apa kegunaan yang didapatkan?

Dengan melakukan hal ini, maka pengunjung akan mudah dalam membedakan yang mana komentar admin dan yang mana komentar pengunjung blog.

Dengan begitu ini akan memudahkan pengunjung yang ingin melihat komentar balasan admin terhadap pertanyaan yang mereka berikan.

CSS Styles

Pada tutorial blog ini saya menggunakan CSS untuk membuat komentar admin berbeda. Anda cukup menambahkan CSS yang sederhana untuk bisa melakukannya. Saya juga sudah menyediakan 5 style berbeda. Silahkan dipilih sesuai selera.

Komentar Admin Berbeda - Style 1

Cara Membuat Komentar Admin Berbeda - Style 1

.comments .comments-content .icon.blog-author {margin: 0 0 -13px 15px; width: auto; background: #ec3f0c; color: #fff; padding: 3px 7px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.comments .comments-content .icon.blog-author:before {content: 'ADMIN';}

Komentar Admin Berbeda - Style 2

Cara Membuat Komentar Admin Berbeda - Style 2

.comments .comments-content .user.blog-author {background: #ec3f0c; padding: 3px 7px;}
.comments .comments-content .user.blog-author a {color: #fff;}
.comments .comments-content .icon.blog-author {background: none;}

Komentar Admin Berbeda - Style 3

Cara Membuat Komentar Admin Berbeda - Style 3

.comments .comments-content .icon.blog-author {width: 30px; height: 30px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRquGKzfzcgdk-Mzil5slwM0I-OvAYCxb-pKMZdn87ZG7z9mOC0GhZX6dC0JJTvxSlBUIIJQGTDNKbEz51OpyhlnB99SngXd9hASqxE2Rv123BbTFFI-qko7drwtKtt7WkNwHL5gSo8ANi/s1600/image.png) no-repeat; margin: 0px 0 -13px 6px;}

Komentar Admin Berbeda - Style 4

Cara Membuat Komentar Admin Berbeda - Style 4

.comments .comments-content .icon.blog-author {width: 100%; position: absolute; left: 0; height: 2px; background: #ec3f0c; margin: 0; padding: 0; display: block;}

Komentar Admin Berbeda - Style 5

Cara Membuat Komentar Admin Berbeda - Style 5

.comments .comments-content .icon.blog-author {width: 100%; position: absolute; left: 0; z-index: 0; background: #f2f2f2; margin: -5px 0; padding: 3px 0;}
.comments .comments-content .datetime, .comments .comments-content .blog-author {position: relative; z-index: 1;}

Cara Membuat Komentar Admin Berbeda di Blogspot

Jika ingin menerapkannya di blog Anda, cukup ikuti langkah-langkah di bawah ini.
  1. Log in ke blogger.
  2. Pilih tab Template.
  3. Klik tombol Edit HTML.
  4. Cari kode ]]></b:skin>
  5. Pilih salah satu style dari kelima style di atas, kemudian tambahkan kodenya di atas kode ]]></b:skin> tersebut.
  6. Simpan template.
Kelima style di atas hanya bisa diterapkan pada blogger threaded comment

Sekarang lihat hasilnya pada salah satu posting Anda. Jika belum ada komentar Anda di dalamnya, coba lakukan tes komentar sebagai admin (akun google).

Sekian posting kali ini tentang komentar admin di blogger. Semoga berguna dan dapat membuat kolom komentar blog Anda menjadi lebih bagus dan indah dipandang.

Menampilkan Avatar pada Kolom Komentar Blogger
Avatar pada Komentar Blogger
Setelah sebelumnya Xceria menulis artikel tentang conditional tag pada blogger, kali ini Xceria akan memberikan tutorial memasang avatar pada kolom komentar blogspot.

Avatar ini dapat meningkatkan keinginan pengunjung untuk berkomentar karena kolom komentar akan tampak lebih menarik dipandang.

Dengan avatar yang ditampilkan, Anda dan juga para pengunjung lainnya akan semakin mengenal satu sama lain. Karena wajah yang terpampang saat memberikan komentar.

Interaksi yang terjadi pada kolom komentar pun akan semakin hidup

Lalu bagaimana avatar bisa muncul pada komentar di blog blogspot?

Avatar akan muncul jika Anda masuk ke akun google Anda dan berkomentar dengan akun google tersebut. Avatar ini merupakan profile image pada akun google/blogger Anda.

Pada template bawaan blogger yang lama, fitur ini belum tersedia. Anda harus menambahkannya secara manual.

Kolom komentar tanpa avatar
Kolom komentar tanpa avatar

Lalu bagaimana cara menampilkan avatar pada kolom komentar blogspot? Bagi yang ingin menampilkannya langsung saja ikuti tutorial berikut.

  1. Masuk ke akun blogger.
  2. Pilih Template » Edit HTML.
  3. Temukan kode berikut.
<dl id='comments-block'>
  1. Ganti kode di atas dengan kode berikut.
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
  1. Selanjutnya cari kode berikut.
<a expr:name='data:comment.anchorName'/>
  1. Ganti kode di atas dengan kode berikut.
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<div expr:class='data:comment.avatarContainerClass'>
<data:comment.authorAvatarImage/>
</div>
</b:if>

Kolom komentar dengan avatar
Kolom komentar dengan avatar

Sekarang avatar sudah muncul tetapi hanya pada pengunjung yang memberi komentar dengan akun blogger/google.
  1. Sekarang cari kode ]]></b:skin>. Tambahkan kode CSS berikut di atasnya.
#comments-block .avatar-image-container img {
background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiP2jCmy2P5Zs689c3I1ULXHs_Ju5WkeRSMhe83Pg11JI-Cv9MPAOm4upWhCuzCLSbH-UoWEJekm60IhGWsBvWrHU1vHMXQNNrZ4Z2ccmqW9I1DNxxASMy7aJT0jQtpd9zOfhMLVxUQ1x4i/s1600/blank+avatar.gif) no-repeat left top;
width:32px;
height:32px
}

Kolom komentar dengan anonymous avatar
Kolom komentar dengan avatar (terdapat anonymous avatar)

  1. Terakhir simpan template.
Sekian tutorial menampilkan avatar pada komentar blogger. Semoga berhasil.

Cara Pasang Widget Top Komentator di Blogspot
Top Komentator Blogspot
Sebelumnya saya sudah pernah memasang widget top komentator di blog ini. Kali ini saya akan menulis tutorial blog mengenai cara pemasangan widget ini di blogspot/blogger.

Widget ini akan menampilkan 10 komentator yang paling banyak berkomentar di blog anda (berupa link dofollow). Jadi, widget top komentator ini bisa menarik hati pengunjung untuk mau berkomentar lebih banyak lagi di website atau blog anda.

Script yang digunakan tidak terlalu panjang dan tidak berat saya rasa. Anda bisa memasangnya dalam waktu singkat. Bagi yang berminat silahkan dicoba!
  1. Buka Design » Page Elements.
  2. Klik Add a Gadget.
    blogger gadget
  3. Pilih gadget HTML/JavaScript.
    edit HTML
  4. Isi judul gadget.
  5. Copy-paste script di bawah ini ke dalam gadget tadi.
<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ul>');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ul>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=47909d73002419d14e697928bd9c4f24&url=http%3A%2F%2Fwww.namablog.com&num=10&filter=Nama Akun Blogger" type="text/javascript"></script>
  1. Simpan gadget.
Cat.
- Ganti nama di atas dengan nama atau alamat blog anda.
- Ubah nama pada tulisan yang ditandai di atas untuk mem-filter (tidak menampilkan) nama tersebut.

Cukup sampai di sini cara memasang widget top komentator. Selanjutnya widget ini akan menampilkan komentator yang paling banyak berkomentar di blog anda secara otomatis.

Semoga berhasil!

Cara Membuat Recent Comments Via Feed di Blogger
Buat Recent Comments di Blogger
Cara membuat recent comments di blogspot sebenarnya tidak jauh berbeda dengan cara membuat recent posts. Anda bisa menampilkan recent comment atau komentar terbaru juga dengan gadget feed.

Perbedaannya terletak pada url yang diberikan untuk alamat feed.

Langsung saja ikuti tutorialnya di bawah ini.
  1. Log in ke blogger.
  2. Pilih menu Tata Letak » Elemen Laman.
  3. Klik Tambah Gadget di bagian yang diinginkan.
    blogger gadget
  4. Pilih gadget Feed.
    feed
  5. Setelah itu, akan muncul kotak URL Feed. Isi kotak tersebut dengan alamat feed komentar blog Anda.

    http://xceria.blogspot.com/feeds/comments/default
    Ganti tulisan berwarna biru dengan alamat blog Anda.

  6. Kemudian klik tombol lanjutkan.
  7. Pilih pengaturan sesuai keinginan Anda.
  8. Simpan.
Cukup itu saja cara membuat recent comments di blogger. Silahkan dicoba!

Cara Menghapus Komentar di Blogger
Hapus Komentar Blogger
Bagaimana cara menghapus komentar di blogger? Sekarang banyak komentar-komentar spam yang bermunculan dan ini akan menggangu SEO dari suatu blog. Untuk itu komentar-komentar spam perlu dihapus dari postingan Anda. Lalu bagaimana cara menghapus komentar di blogger/blogspot?

Mungkin blogger tidak sehebat wordpress dalam pengaturan/setting blog. Seperti pada bagian setting komentar. Di wordpress kita bisa dengan mudah menolak, menghapus, mengedit, dan bahkan menandai komentar sebagai spam.

Tapi bukan berarti blogger tidak bisa melakukan semuanya itu. Setidaknya kita juga bisa menolak dan menghapus komentar di blogger.

Cara menghapus komentar di blogger sebenarnya tidak susah.
  1. Pertama, log in ke akun blogger Anda.
  2. Buka posting yang berisi komentar yang akan dihapus.
  3. Kemudian lihat komentar yang akan dihapus dan cari icon seperti gambar di bawah ini.
    hapus komentar
  4. Klik icon tersebut.
  5. Setelah itu akan muncul tab baru untuk menghapus komentar.
  6. Langkah terakhir beri tanda centang pada tulisan Hapus selamanya? dan klik hapus komentar.
  7. Selesai.
Cukup itu yang perlu Anda lakukan untuk menghapus komentar di blogger. Dengan begitu komentar-komentar spam ataupun komentar yang tidak Anda inginkan bisa dihapus dengan mudah.

Jika Anda tidak memberi tanda ceklis/centang pada tulisan Hapus selamanya? komentar tidak terhapus secara permanen.

update:
Sekarang di blogspot sudah disediakan pilihan untuk langsung menghapus komentar pada setting comments.

Semoga artikel cara menghapus komentar di blogger ini bisa berguna. Selamat mencoba!

»
 
Back to top