
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'.
Caranya pun gampang. Ikuti langkah berikut ini:
1. Login ke blogger
2. Pilih tata letak/layout
3. 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 bercetak tebal 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 bercetak tebal... 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.
Tidak ada komentar:
Posting Komentar