Cara Buat Komentar Author Menjadi Berbeda di Blogger

Tweet

D-Copy Blog's | Hari ini kita akan belajar bagaimana cara buat komentar author berbeda dan ini menjadikan pengunjung blog Anda dapa mengetahui komentar-komentar Author.
Blogger semakin maju dan kode ini baru-baru ditambahkan. Jadi untuk menyorot penulis atau komentar admin di Blogger Anda harus hanya menerapkan beberapa trik sederhana untuk mengaktifkannya. Tapi bagaimanapun, tutorial ini tidak memungkinkan bagi Anda yang telah menggunakan threaded comments.

Berikut cara untuk melakukannya.

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. Jadi pertama hanya mengikuti langkah-langkah:

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 yang mirip dengan template Anda 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>

Potongan dapat berbeda pada blog yang berbeda tergantung pada kustomisasi dan pembuat yang membuat itu. Jadi potongan utama untuk menemukan untuk yang <b:loop values='data:post.comments' var='comment'> dan ganti semuanya dengan kode </b:loop> (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>

     5.  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(https://lh3.googleusercontent.com/_-BRP4LFLyWc/TZX3b7r2AyI/AAAAAAAAATY/8Am8ri02OjE/s800/admin.png) no-repeat right top;
}

     6.  Save Template Anda,

Keterangan : 

• Ubah nilai hex warna, misalnya:#F0FFF0 atau #FFEBCD atau #CCC, dengan warna yang Anda inginkan untuk komentar Author
• Anda juga dapat mengubah background pada kode  https://lh3.googleusercontent.com/_-BRP4LFLyWc/TZX3b7r2AyI/AAAAAAAAATY/8Am8ri02OjE/s800/admin.png