Cara Membuat Tampilan Komentar Author di Blogger

Ada dari slah satu sobat yang tanya bagaimana cara membuat tampilan komentar author diblogger. seperti artikel abang yang berjudul Solusi Memasukkan Kode Token Meter yang gagal. dan aku jawab entar ya kalau ada waktu aku akan jelaskan kepostingan Blog berikutnya.
dari pertanyaan sobat tadi aku ingin membagikan ilmu sedikit untuk sobat blogger. memang kalau secara defult tamplate blogger untuk tampilan papan komentar author sama tak ada istimewanya. dan sering kali juga kalau kita lihat mana authornya dan mana pengunjungnya.  postingan ini berkaitan dengan postingan Cara Membuat Tab Komentar Facebook dan Blogger kalau sobat mau silahkan lihat ya...
nah sekarang bagaimana caranya membuat tampilan author berbeda dengan pengunjung blog kalau sobat ingin lihat silahkan lihat dulu screenshort dibawah sebelum sobat melangkah lebih jauh.
Cara Membuat Tampilan author-gigawatt
mari kita mulai tutorial ini silahkan backup tamplate dulu ya...kalau ada kegagalan dalam tutorial ini kita tidak pusing tujuh keliling nantinya.
1. Login ke blogger masing masing.
2. silahkan cari kode #comments-block .comment-body p, kalau sudah silahkan tambahkan kode di bawah ini tepat dibawahnya.
.giga-watt-author {
background:#808080;
margin-left:20px;
color:#000000;
}
.giga-watt-author p {
text-align:justify;
margin:0 0 .75em;
padding-left:10px;
background:#F2F5A9;
border-left:5px solid #2E2E2E;
}
cara menambahkan kodenya seperti ini.
#comments-block .comment-body p{margin:0 0 .75em}
.giga-watt-author {background:#CCC;margin-left:20px;color:#FF0000}
.giga-watt-author p {text-align:justify;margin:0 0 .75em;padding-left:10px;background:#EEEEE;border-left:5px solid #0000ff;}
 yang warna merah kayak diatas yang harus kalian lakukan. ok kalau sudah paham kita lanjut lagi ya..
3. silahkan kalian cari lagi kode <dd class='comment-body'>
4. kalau sudah silahkan taruh kode dibawah ini tepat diatasnya.
<b:if cond='data:comment.author == data:post.author'>
<dd class='giga-watt-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>
dan di akhiri dengan kode </b:if> persisnya seperti ini.
<b:if cond='data:comment.author == data:post.author'>
<dd class='giga-watt-author'>
<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>
silahkan taruh kodenya persis kayak diatas ya...jangan sampai keliru..kalau keliru tanggung sendiri akibatnya hehehehe.
5.kalau sobat sudah kalian terapkan langkah-langkah diatas silahkan kalian save/simpan dan lihat hasilnya, kalau belum berhasil silahkan ikuti lagi langkah-langkahnya dengan betul.
mungkin sampai disini tutorialku tentang Cara Membuat Tampilan Komentar Author di Blogger semoga artikelku kali ini bisa bermanfaat buat sobat blogger. untuk merapikan komentar, silahkan buka Cara Membuat Tab Komentar Facebook dan Blogger. sekian dulu ya sob happy blogging semoga berhasil.

2 komentar:

  1. keren juga ya kalo dibedain gitu..jadi tahu mana member mana yang bukan hehehe

    BalasHapus
  2. @otakdobel iya sob...salam kenal dan juga terimakasih sudah mampir di blog ini

    BalasHapus