Highlight Author Comment

Highlight Author Comment fungsinya adalah supaya komentar author (pemilik blog) berbeda dengan komentar orang lain. Contohnya bisa dilihat di blog ini. Untuk komentar pemilik blog akan ada bordernya dan ada efek lainnya. Nah berikut ini akan saya beberkan cara untuk membuat Highlight Author Comment ini :


  • 1. Login ke blogger trus ke menu "Layout --> Edit HTML"
    2. Beri tanda centang pada kotak "Expand Widget Templates"
    3. Copy script berikut ini sebelum kode ]]></b:skin>
     .comment-body-author {
    background: #E6E6E6; /* Warna Background */
    border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;
    margin:0;
    padding:0 0 0 20px;
    }

    4. Kemudian cari kode2 seperti berikut dan tambahkan kode yang berwarna merah di HTML kamu. Posisinya harus benar, ingat itu. Dan mungkin kode yg ada di HTML kamu akan beda, tp walaupun beda usahakan semirip mungkin dengan kode berikut ini :

    <dl id='comments-block'>
    <b:loop values='data:post.comments' var='comment'>
    <dt class='comment-author' expr:id='"comment-" + data:comment.id'>
    <a expr:name='"comment-" + data:comment.id'/>
    <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>
    said...
    </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'>
    <span class='comment-timestamp'>
    <a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
    <data:comment.timestamp/>
    </a>
    <b:include data='comment' name='commentDeleteIcon'/>
    </span>
    </dd>
    </b:loop>
    </dl>

    5. Klo udah, di save.

  • Comment author ini hanya berdasarkan profil dari pemilik blog tsb. Jadi agar efeknya muncul ketika memberi atau menjawab komentar, anda harus login terlebih dahulu di blogger. Dan ini bukan untuk komentar dari haloscan tapi hanya untuk kotak komentar yg murni blogger.

    Komentar

    Postingan populer dari blog ini

    Tidak bisa upload foto Video atau siaran langsung di fb menggunakan Samsung Galaxy J5 j2 Marshmallow

    Download gratis CoC Bot apk

    Download Pokemon 3DS apk