Cara Merubah Tampilan Komentar Untuk Blog Author

Cara Merubah Tampilan Komentar Untuk Blog Author - Hi Sobat Kali Ini Rizki Akan Berbagi Tips dan Trick Tentang Cara Merubah Tampilan Komentar Untuk Blog Author. Ini Adalah Trick Yang Digunakan Untuk Para Blogger. Kemudian, Apa Masalahnya? Apakah Untuk Memperbagus Tampilan Saja? Tidak, Tidak Hanya itu, Ini Adalah Tips Dan Trick Untuk Membedakan Nama Yang Sama, Kadang-Kadang Seseorang Jahil Berkomentar Dengan Nama Pemilik Blog. Kita Harus Berhati-hati. Terus Bagaimana Caranya? Sobat Hanya Tinggal Ikuti Saja Turitorial Bagaimana Cara Merubah Tampilan Kotak Komentarnya.





 Turitorial Cara Merubah Tampilan Komentar Untuk Blog Author
1. Log in Ke Akun Blogger Sobat
2. Pergi Design>>>Edit HTML, Jangan Lupa Untuk Download Lengkap Template Terlebih Dahulu
3. Pilih Expand Widget Templates box.
4. Copas Kode Dibawah ini, Dan Simpan Sebelum Tag/Kode ]]></b:skin>

.comment-body-author {
background: #E6E6E6; /* Background color*/
color: #000; /* Text color*/
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;
margin:0;
padding:0 0 0 20px; /* Posotion*/
}

 

* Ubah Yang Berwarna Biru Dengan Kode Warna Yang Sobat Inginka Klik Disini Untuk Mengetahui Kode Warna.

5.Kemudian Temukan Kode Di Bawah :

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<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>
said...
</dt>


<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>

<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>

 

6. Sesudah Itu Copas Kode Dibawah Ini

<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>

7. Kemudian Simpan Dibawah Kode

dl id='comments-block'>

<b:loop values='data:post.comments' var='comment'>

<dt class='comment-author' expr:id='"comment-" + data:comment.id'>

<a expr:name='"comment-" + data:comment.id'/>

<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>

said...

</dt>

8. Kemudian Copas Kode Dibawah Ini

</b:if>

9. Dan Simpan Dibawah Kode  

 

<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>

Maka Akan Berbentuk Seperti Dibawah ini

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<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>
said...
</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='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>

10. Kemudian Klik Save Template

Semoga Berhasil Dengan : Cara Merubah Tampilan Komentar Untuk Blog Author