Komentar Pemilik Blog dan Pembaca Beda




Pada blog yang standar komentar antara pemilik bog dan pembaca biasanya sama, sehingga komentar yang banyak menyebbakan tampak kurang indah. Jika kamu ingin komentar author/pemilik blog mempunyai latar yang beda dengan pembaca, berikut caranya:

  1. Login ke blogger
  2. Pilih menu "Layout --> Edit HTML"
  3. Beri tanda centang pada kotak "Expand Widget Templates"
  4. Sebaiknya back up template mu terlebih dahulu. Klik Download Full Template
  5. Copy script dibawah ini sebelum kode ]]></b:skin>

  6. .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;
    }


    Keterangan:
    background: #E6E6E6; adalah warna background. Lihat Table Kode Warna jika ingin menggantinya.
    dotted adalah garis/border kotak. Lihat Border Style jika ingin menggantinya.


  7. Setelah itu cari kode-kode seperti dibawah ini. Meski tidak sama persis, usahakan cari kode yang mirip dengannya:



  8. <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>

  9. Kode yang berwarna merah adalah kode yang harus kamu tambahkan di HTML kamu. Perhatikan posisinya, jangan salah taruh

  10. Simpan Template

Related Posts



3 komentar:

  1. saya pengin masang,,tp scripnya banyak amat,,?
    apa g bikin berat loading sob?

    tr kasih

    BalasHapus
  2. mas..makasi banyak...berhasil saya tutorialnya..alhamdulillah...emoticon komentarnya juga sama :c:

    BalasHapus