Tampil beda Untuk Comment Pemilik Blog

Indonesia Furniture Handicraft Wholesale Marketplace

Ketemu lagi neh dengan Kur setelah sebelumnya kur ngeluarin cara buat Bullet,sekarang kuur mau bikin tutorial tentang cara membuat beda untuk tampilan komentar pemilik blog.Kata-katnya ruwet ya??Mendingan lihat aja langsung disalah satu comment pada posting Gunakan Falsh sebagai RAM.Nah disana komentar kur ada backgroun kuning sedangkan yang lain tidak.Nah itulah yang namanya tampil beda comment untuk pemilik blog.Oke klo temen-temen semua mau bikin berikut ini ada tutorialnya:

Langkah pertama yang harus kamu lakukan adalah Log in ke blogger dan masuk menu Layout kemudian masuk menu Edit HTML dan beri tanda centang pada Expand Widget.

Selanjutnya cari kode berikut ini:]]></b:skin>
Kalau sudah ketemu kemudian copas kode diawah ini tepat diatas kode di atas tadi:

.comment-body-author {
background: #FFFF29; /* Warna Background */
border:1px dotted #FF2929; /*Border*/
margin:0;
padding:0 0 0 20px;
}
Nah kode di atas dapat kawan kawan ubah sesuai dengan selera masing masing.masih di edit html,cari kode berikut 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>

Nah,kemudian perhatikan kode berwarna biru di atas.Kode tersebut merupakan tags yang harus kamu cari jika tidak ada maka cari kode yang mirip,karena tergantung jenis templates.Lalu kode merah di atas adalah kode yang harus kamu tambahkan.Ingat letaknya harus sama persis dengan susunan di atas.Kemudian simpad dan lihat hasilnya.OK.Sekian ya info dari myokezone semoga bermanfaat dan terimakasih telah membaca artikel dari myokezone.

Indonesia Furniture Handicraft Wholesale Marketplace