Bagaiman Cara Membuat tampilan komentar admin berbeda ? Cara 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='"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>
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
Artikel Terkait:
Tutorial Blog
- Percepat Loading Blog dengan Optimalisasi/Kompres CSS
- Cara Membuat Related Post LinkWithin (Thumbnails) dan Trik Lengkapnya
- Cara Memasang Widget Google Custom Search Engine di Blog
- Cara mendaftar diGoogle Adsense
- Cara Setting feed blog ke facebook
- Cara Membuat Navigator Horisontal Sederhana
- Pasang Gambar Untuk Header Blog
0 komentar: