Comment Owner Berbeda dengan Pengunjung

Comment Owner Berbeda dengan Pengunjung maksudnya adalah kotak komentar dari pemilik website akan berbeda dengan kotak komentar milik pengunjung apabila memberikan komentar.

Cara Membuat Comment Owner Berbeda dengan Pengunjung adalah sebagai berikut :

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='"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>

Perhatikan Code yang berwarna kuning itu adalah code yang harus kamu tambahkan diantara code yang berwarna putih diatas

Ingat penempatan code yang berwarna kuning harus benar maka perhatikan code yang berwarna biru itu adalah Tagsnya

Kalau sudah kemudian Simpan dan lihat hasilnya

Share this history on :

Tweet

CSS

• Cara Membuat Widget Label Dua Kolom
• Membuat Related Post dengan Efek Ceklis
• Blockquote dengan Efek Hover
• Membuat Breadcrumb Terindex Google
• Cara Membuat Buttons Keren dengan CSS
• Experiment with CSS3 - System Tatasurya
• Beberapa Efek Transisi Pada Gambar
• Load Page Blog Lebih Keren Dengan Keyframes
• Trik Mempercepat Loading Home Page Blog
• Cara Membuat Efek Rotate Miring Dengan CSS3
• Menyembunyikan Obyek Dengan Kode Overflow:hidden
• Pasang About Author Box dengan CSS
• Cara Memasang Facebook Like Otomatis di Posting
• @font-face CSS di Blogger Template
• Membuat Gambar Melayang di Blog
• memberi efek blur pada gambar
• Membuat Slide Headlines
• Membuat Menu Slide Show Tab View
• Mengubah Ukuran Template Blog
• Membuat Footer 3 Kolom dengan Background
• Membuat Link Berkedip Pada Saat Disorot Mouse
• Mengganti Tampilan Cursor (Mouse)
• Pasang Jam Animasi Colorfull With CSS & jQuery

Title : Comment Owner Berbeda dengan Pengunjung
URL : http://blogcunayz.blogspot.com/2011/06/comment-owner-berbeda-dengan-pengunjung.html
Anda boleh menyebar Luaskan atau Meng Copy-Paste Artikel ini bila dapat bermanfaat bagi teman-teman anda, Namun jangan lupa untuk meletakkan Link Comment Owner Berbeda dengan Pengunjung sebagai Sumbernya.