Cara membuat komentar admin berbeda dengan pengunjung

|Cara membuat komentar admin berbeda dengan pengunjung |

|Created Posted By : adias-PC| 

Kotak Komentar Admin Tentunya Harus Berbeda Dengan Kotak Komentar Pengunjung Supaya Pengunjung Yang Lain Bisa membedakan Admin Dengan Pegunjung Yang berkomentar. Apa Sobat Sudah Tau Cara Membuatnya ??? Kalau Belum Tau Lihat Tutorial di Bawah Ini.

Cara membuat komentar admin berbeda dengan pengunjung :

1. Login Ke Blogger

2. Masuk Ke Menu 'Rancangan' ---> 'Edit HTML'

3. Centamg ' Expand Template Widget'

4. Kemudian Cari Kode  ]]></b:skin>

5. Copas Kode berikut di atas kode ]]></b:skin>

.author-comments {
Color: #0000ff;
background: #ffffff;
border: 2px solid #0000ff;
padding: 3px;
}

KET * :  Kode Yang Berwarna Merah Adalah Warna Hurup/Text Yang Kita Tulis Nanti, Kode Yang Berwarna Hijau Adalah Warna Backgrount/Latar belakang

6.  Cari Kode Seperti Di Bawah Ini.

      <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
        <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
          <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' ><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='author-comments'>
<p><data:comment.body/></p>
</dd>
<b:else/>
            <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>
</b:if>
            <dd class='comment-footer'>
              <span class='comment-timestamp'>
                <a expr:href='data:comment.url' rel='nofollow' title='comment permalink'>
                  <data:comment.timestamp/>
                </a>
                <b:include data='comment' name='commentDeleteIcon'/>
              </span>
            </dd&gt;
          </b:loop>
        </dl>
      </div>

KET * : Kode Yang Berwarna Merah Adalah Kode Yang Harus Di Tambahkan

7. Simpan Templatenya

Created Posted By : adias-pc.blogspot.com

Kalau Ada Yang Kurang Di Mengerti Atau Ingin Di Tanyakan Silakan Berkomentar

Lihat Yang Lainnya...

Posted in: Tips n Trik,Tutorial Blogger