Bukan blogger sejati kalo tidak seneng 'mencoba' berbagai hal. Edit template sehingga tampil beda, merubah berbagai widget dan lain-lain. Salah satu yang gampang adalah merubah bagian kotak komentar. Meskipun gampang, tetapi sangat menarik dan berguna karena bisa menunjukan kalau blog kita 'beda'. Nah ada banyak bagian sebenarnya yang bisa kita rubah, mulai dari cara simple lewat elemen halaman atau mau lebih 'nakal' lagi modifikasi lewat edit html-nya. Nah untuk edit lewat elemen halaman sendiri sudah mencakup banyak hal.
Lewat Elemen Halaman Dulu
Nah caranya login ke blogger, klik tata letak/Layout, lalu ke Elemen Halaman/Page Elements
Klik 'edit' pada bagian kanan bawah kotak postingan.
Maka akan muncul kotak pop up pengeditan. Nah, cari pada bagian Opsi Laman Entri, pada list ke 4 secara default akan tertulis 5 Comment atau 5 komentar. Nah, bisa kamu ganti misalnya 'orang berbicara' atau 'ngoceh', sesuai keinginan kamu
Kalau sudah klik simpan. Lihat hasilnya.
Bermain HTML
Nah biar modifnya lebih mantep lagi kita masuk ke bagian Html.
Login ke blogger, klik tata letak/layout, lalu klik 'edit Html'
Cari bagian berikut:
<span class='post-comment-link'>
jika tidak ketemu, pada beberapa template ada yang seperti ini
<span class='comment-link'>
atau kalau template emang bener-bener beda cari bagian ini
comment-link'>
Nah, kalau sudah ketemu perhatikan kode lengkapnya di bawah ini:
<span class='post-comment-link'> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:post.allowComments'> <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>Ayo Komen... <b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if> Sejauh ini</a> </b:if> </b:if> </span>
Ganti yang berwarna merah sesuai keinginan Anda, script di atas akan merubah link koment standar menjadi
Ayo komen... 5 orang berbicara sejauh ini
Kalau masih belum puas, kita bisa menambahkan gambar callouts seperti di bawah ini:
Nah scriptnya adalah seperti ini
<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a><img src='http://i39.tinypic.com/33z5njo.jpg' style='border:0px'/>
</b:if>
</b:if>
</span>
Nah script di atas akan menempatkan gambar pada bagian akhir, jika ingin menempatkan gambar di bagian awal maka script gambar di bawah ini
<img src='http://i39.tinypic.com/33z5njo.jpg' style='border:0px'/>
diletakkan setelah
<b:if cond='data:post.allowComments'>
Gambar bisa anda rubah dengan mengganti URl yang berwarna hijau...
Nah, kalau pengen ditambah keterangan begitu link comment di sorot tinggal tambahkan kode berikut:
title="pesan anda"
setelah addCommentOnclick'
Nah, simpan template kalau sudah mantep. Selamat mencoba...
Modifikasi Bagian Komentar
Saturday, February 9, 2013 on Label: Trik Blogger
No comments:
Post a Comment