Cara Membuat Warna Komentar Admin Berbeda dengan Pengunjung

Diposkan oleh Label:
Warna komentar admin berbeda dengan pengunjung maksudnya adalah kotak komentar dari pemilik blog akan berbeda dengan kotak komentar milik pengunjung apabila memberikan komentar.
Cara Membuat komentar admin berbeda dengan pengunjung adalah sebagai berikut :

    Langkah pertama yang harus sobat lakukan adalah Log in ke blogger dan masuk menu Layout kemudian masuk menu Edit HTML
    Jangan Lupa centang "expand widget templates"
    Kemudian pasang kode dibawah ini tepat diatas kode ]]></b:skin

    .comment-body-author {
    background: #FFFF29; /* Warna Background */
    border:1px dotted #FF2929; /*Border*/
    margin:0;
    padding:0 0 0 20px;
    }

    Silahkan Edit Code CSS diatas sesuai kreasi sobat sehingga tampilannya semakin menarik.
    Langkah selanjutnya masih di menu Edit HTML dan tanda "Expand Widget Templates" masih tercentang Kemudian Cari Code dibawah ini,

    <dl id='comments-block'>
    <b:loop values='data:post.comments' var='comment'>
    <dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
    <a expr:name='data:comment.anchorName'/>
    <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>

    <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='data:comment.url' title='comment permalink'>
    <data:comment.timestamp/>
    </a>
    <b:include data='comment' name='commentDeleteIcon'/>
    </span>
    </dd>
    </b:loop>
    </dl>

    Perhatikan kode yang berwarna ungu itu adalah code yang harus kamu tambahkan diantara kode yang berwarna putih diatas
    Ingat penempatan kode yang berwarna ungu harus benar maka perhatikan kode yang berwarna biru itu adalah tagsnya.

    Kalau sudah kemudian Simpan dan lihat hasilnya.

4 comments:

  1. Perhatikan kode yang berwarna ungu itu adalah code yang harus kamu tambahkan diantara kode yang berwarna putih diatas..????????

    Dapet copas ya sob.. mana yang UNGU mana yang BIRU? :)

    ReplyDelete
  2. Kalau ga salah lihat, ini tutorial untuk komentar sistem lama, blom Threaded COmments.... bener kan?

    ReplyDelete
  3. bner sob..
    klo yg threaded coment bnyak yg gagal gan.
    apa agan tau caranya ?

    ReplyDelete

~ ATURAN BERKOMENTAR ~

1. Dilarang menulis link aktif
2. Dilarang ngiklan di kolom komentar
3. Komentar yang hanya titip link, akan dimasukan ke kotak SPAM
4. Berkomentar sesuai tema artikel, untuk OOT sebaiknya cari tempat lain

Terima kasih telah berkomentar.