Cara Membuat Kotak Komentar Admin Berbeda Dengan Pegunjung Dengan Background Gambar

S
ebelumnya saya udah membuat cara kotak komentar admin berbeda dengan pegunjung dengan warna.mungkin dengan memamasang kotak komentar admin berbeda dengan pegunjung. pengunjung dapat dengan mudah membedakan mana komentar admin dan mana komentar pengunjung lain. Warna kotak komentar yang berbeda ini akan terjadi saat kita berkomentar jika kita selaku admin blog telah sign in di Blogger.


Berikut Cara Membuat Kotak Komentar Admin Berbeda Dengan Pegunjung Dengan Background Gambar :
1. Masuk ke akun Blogger Sobat.


2. Klik Rancangan > Edit HTML.

3. Klik Download Template Lengkap untuk berjaga-jaga kalau nanti terjadi kesalahan kita dapat dengan mudah mengembalikan template seperti semula.

4. Beri tanda centang di Expand Template Widget.

5. Cari kode ]]></b:skin>. Tekan Ctrl + F lalu isikan kode untuk mempercepat pencarian.

6. Copy kode di bawah ini lalu paste di atas kode tersebut.

.comment-body-author {
background: #ffffff url(LINK-GAMBAR-ANDA) bottom right no-repeat;
padding:0px 0px 80px 20px;
}

  • Ganti LINK-GAMBAR-ANDA dengan URL Link Gambar Anda.Bila Gambar Tersebut Belum Ada Linknya Sobat Bisa Upload Lewat PHOTOBUCKET .
7. Cari kode seperti di bawah ini.biasa kode dibawah ini ada dua ( 2 ) pilih yang ke dua ( 2 ).

<b:if cond='data:comment.authorUrl'>
              <a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'><data:comment.author/></a>
            <b:else/>
              <data:comment.author/>
            </b:if>
            <data:commentPostedByMsg/>  
          </dt>

          <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>

          <dd class='comment-footer'>

8. Tambahkan kode:
<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'><p>
<data:comment.body/></p></dd>
<b:else/>
di bawah kode:
<data:commentPostedByMsg/>  
          </dt>
di bawah kode:
<data:commentPostedByMsg/>  
          </dt>
dan kode </b:if> di bawah kode: 
<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>
sehingga hasilnya menjadi seperti di bawah ini. 

<b:if cond='data:comment.authorUrl'>
              <a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'><data:comment.author/></a>
            <b:else/>
              <data:comment.author/>
            </b:if>
            <data:commentPostedByMsg/>  
          </dt>
<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-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>
          <dd class='comment-footer'>

9. SIMPAN TEMPLATE.

HABIS BACA JANGAN LUPA LIKE FANSPAGE KAMI DIBAWAH YA SOB..

Artikel Menarik Lainnya