Tampilan Komentar Owner Blog Berbeda

Kali ini Saya ingin membahas lagi tentang cara mengotak-atik comments  Saya akan membahas cara bagaimana memodifikasi tampilan komentar pemilik blog yang berbeda dengan pengunjung blog.







Dari keterangan gambar diatas menunjukkan tampilan Comments Owner blog berbeda dengan pengunjung blog.
Bagaimana menurut Anda.. apakah Anda ingin mencobanya. ikuti langkah-langkah dibawah

Langkah pertama yang harus Anda lakukan adalah Log in ke blogger dan masuk menu Layout kemudian masuk menu Edit HTML

Jangan Lupa centang "expand widget templates"Lalu taruh Code dibawah ini diatas code ]]></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 Anda sehingga tampilan comments owner Anda 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='&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>

Perhatikan Code yang berwarna merah itu adalah code yang harus kamu tambahkan diantara code yang berwarna hitam diatas
Ingat penempatan code yang berwarna merah harus benar maka perhatikan code yang berwarna biru itu adalah Tagsnya

Kalau sudah kemudian Simpan dan lihat hasilnya

Sekian semoga bermanfaat.....
Dirangkum dari berbagai sumber dan disederhanakan

Backlinks

URL

Code For Forum

HTML Code <a href='https://orochimaru-id.blogspot.com/2012/05/tampilan-komentar-owner-blog-berbeda.html' target='_blank'>Tampilan Komentar Owner Blog Berbeda</a>

Anda Sekarang Sedang Baca Artikel Tentang Tampilan Komentar Owner Blog Berbeda , Boleh Menyebar Luaskan Artikel Ini Atau Mengcopy Paste Artikel Tampilan Komentar Owner Blog Berbeda ini Jika Memang Berrmanfaat. Tapi Saya Harap Anda Jangan Lupa Menyertakan Link Tampilan Komentar Owner Blog Berbeda Sumbernya. Thank's

Rule For Leave A Comment

Hargai artikel ini dengan meninggalkan jejak berupa saran/komentar. Jejak anda akan membuat Author lebih bersemangat lagi untuk membuat artikel menarik lainnya, tapi sebelum kalian meninggalkan jejak kalian harus ikuti peraturannya :

1. Dilarang SPAM.

2. Berkomentarlah sesuai TOPIK.

3. Komentar yang keluar dari TOPIK akan Author DELETE.

4. Dilarang berkomentar yang berbau unsur SARA,PO*NO dan MENGHINA.