Membuat Komentar Author Menjadi Berbeda di Blogger

Membuat Komentar Author Menjadi Berbeda di Blogger Anda akan menemukan bahwa bukan body komentar yang dibuat berbeda tetapi seluruh bagian dari komentar Anda sebagai komentar admin atau lainnya sebagai penulis akan berubah. Tapi bagaimanapun, tutorial ini tidak memungkinkan bagi Anda yang telah menggunakan threaded comments.

Berikut cara untuk melakukannya.

1. Backup Template Anda terlebih dahulu.
2. Buka akun blogger Anda
3. Masuk ke menu Template > edit HTML > centang Expand Template Widget
4. Cari kode <b:loop values='data:post.comments' var='comment'> dan yang mirip dengan template kode dibawah ini  :

         

<b:loop values='data:post.comments' var='comment'>
            <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
              <b:if cond='data:comment.favicon'>
                <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
              </b:if>
              <a expr:name='data:comment.anchorName'/>
              <b:if cond='data:blog.enabledCommentProfileImages'>
                <data:comment.authorAvatarImage/>
              </b:if>
              <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>
              <data:commentPostedByMsg/>
            </dt>
            <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
              <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'>
              <span class='comment-timestamp'>
                <a expr:href='data:comment.url' title='comment permalink'>
                  <data:comment.timestamp/>
                </a>
                <b:include data='comment' name='commentDeleteIcon'/>
              </span>
            </dd>
          </b:loop>

5. Setelah Ketemu hapus kode tersebut yang mirip di atas (pada kode yang berwarna merah diatas) ganti dengan :
          <b:loop values='data:post.comments' var='comment'>
            <div expr:class='&quot;author-comment &quot; + data:comment.authorClass'>
            <dt class='comment-author' expr:id='data:comment.anchorName'>
              <b:if cond='data:comment.favicon'>
                <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
              </b:if>
              <a expr:name='data:comment.anchorName'/>
              <b:if cond='data:blog.enabledCommentProfileImages'>
                <data:comment.authorAvatarImage/>
              </b:if>
              <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>
              <data:commentPostedByMsg/>
            </dt>
            <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
              <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'>
              <span class='comment-timestamp'>
                <a expr:href='data:comment.url' title='comment permalink'>
                  <data:comment.timestamp/>
                </a>
                <b:include data='comment' name='commentDeleteIcon'/>
              </span>
            </dd>
          </div>
          </b:loop>
     6.  Sekaran cari kode ]]></b:skin> dan diatasnya ganti dengan kode dibawah ini :
.comment-footer{
 margin-bottom:0 !important;
}
.author-comment{
 background-color:#F0FFF0;
 padding:5px;
 margin-bottom:1.5em;
 border:1px solid #ccc;
 border-radius:10px;
}
.author-comment.blog-author {
 background: #FFEBCD url(Kode Gambar Sobat) no-repeat right bottom;
}
     7.  Save Template Anda,

Anda Bisa Menggunakan Gambar Di Bawah Ini

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_NPbzOEPw6l9RvKezJyDkFDKdcR_ffss7Wl49BM2TFzJbjChhk3xS309jF1qRxS904deC2WmkJ5Sar3GXUw1X-QdTv0c4nnupT7OnhPIjpPCMhj1STrpnJ10tgfIgMN6PA7hIXe6EZZ5A/s1600/admin.png

Keterangan : 

• Ubah nilai hex warna, misalnya:#F0FFF0 atau #FFEBCD atau #CCC, dengan warna yang Anda inginkan untuk komentar Author
• ganti kode di atas yang berwarna biru dengan kode gambar sobat

• Ganti Kode bottom dengan kode top apabila anda ingin gambarnya berada pada bagian atas

Tweet