Kamis, 09 Desember 2010

Modifikasi Komentar

widgeo.net
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 !=&quot;item&quot;'> <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 !=&quot;item&quot;'> <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