Kumpulan Tutorial Ngeblog

Kumpulan Tutorial Ngeblog

Kumpulan arsip-arsip tutorial bloging

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.

    0 komentar:

    Posting Komentar

    Terima telah memberikan komentar

    Other Post



      Update Status & Buku  Tamu  


    Masukkan email anda untuk berlangganan tips, trik, tutorial seputar bloging, adsense, SEO, make money online

    Enter your email address:

    Delivered by FeedBurner