Sering kita temukan disuatu blog terdapat background komentar yang berbeda dengan pengunjung. Perbedaan tampilan komentar sangatlah membantu pengunjung untuk mengetahui siapa pemilik dari blog tersebut. Bagaimana cara membuatnya? Inilah Langkah - Langkahnya:
1. Login dulu ke blogger
2. Pilih Tata letak
3. Klik Edit HTML
4. Cari kode ]]</b:skin>
1. Login dulu ke blogger
2. Pilih Tata letak
3. Klik Edit HTML
4. Cari kode ]]</b:skin>
5. Copy kode di bawah ini kemudian simpan di atas ]]</b:skin>
background = untuk warna latar belakang silahkan ganti dengan warna yang cocok dengan background anda
6. Kemudian temukan kode berikut atau fokus ctrl+f lalu masukan => <dl id='comments-block'>klik tanda next di sampingnya, sehingga muncul yang mirip seperti di bawah ini :
<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
said...
</dt>
<b:if cond='data:comment.author == data:post.author'>
<dd class='author-comments'>
<p><data:comment.body/></p>
</dd>
<b:else/> <dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
</b:if> <dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:
comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
Untuk kode yang berwarna merah adalah kode yang harus ditambahkan ke dalam tamplate anda sesuai dengan posisi kode diatas
Setelah itu simpan tamplate anda dan lihat hasilnya.
catatan : saat berkomentar anda harus dalam posisi login di blogger
catatan : saat berkomentar anda harus dalam posisi login di blogger
0 komentar:
Posting Komentar