Kamis, 03 Maret 2011

Membuat tampilan komentar admin berbeda


Sering kita temukan disuatu blog terdapat background commentar yang berbeda dengan pengunjung. Perbedaan tampilan komentar sangatlah membantu pengunjung untuk mengetahui siapa pemilik dari blog tersebut. sebenarnya ini article menjawab salah satu pertanyaan teman kita. yang rasa penasaran tentang adanya tampilan komentar admin yang berbeda dengan pengunjung. Semoga dengan ada article ini dapat membantunya dan bagi yang belum mengerti juga tentunya. nah untuk membuat nya ikuti saja langkah-langkah di bawah ini.

  • Pertama-tama Log in dulu ke blogger
  • Tata letak
  • Klik Edit HTML
  • Cari kode ]]</b:skin>
  • Copy paste kode dibawah ini sebelum kode diatas
    .comment-body-author {
    background: #ebebeb;
    border:1px dotted #000000;
    margin:0;
    padding:0 0 0 20px;
    }


    background = untuk warna latar belakang silahkan ganti dengan warna yang cocok dengan background anda
    border = untuk ketebalan garis
  • Kemudian temukan kode berikut atau pokus <dl id='comments-block'>
    <dl 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'>
    <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>


    Untuk kode yang berwarna merah adalah kode yang harus ditambahkan ke dalam tamplate anda sesuai dengan posisi kode diatas
  • Setelah itu simpan tamplate anda dan lihat hasilnya. semoga berhasil
Selamat mencoba.........

Tidak ada komentar:

Poskan Komentar