Komentar-penulis
Komentar-tubuh
Komentar-footer
Tutorial kita hari ini adalah tentang bagaimana gaya bagian Komentar-Tubuh Author. Jadi mari kita mulai bekerja!
Sorot dan Customize Komentar di Blogger
Pergi Untuk Blogger> Desain> Edit HTML
Backup template Anda
Periksa "Expand widget template" Kotak
Mencari ini.
]]></b:skin>
5. Tepat di atas itu paste kode CSS di bawah ini,
Membuat perubahan ini:.mbt-comment-body {
background: #FFFFFF;
color: #008000;
border: 1px solid #008000;
margin:0;
padding:0 0 0 10px;
width:520px;
}
Mengubah warna latar belakang komentar penulis mengubah # FFFFFF
Untuk mengubah font perubahan warna # 008000
Untuk mengubah ukuran perbatasan perubahan 1px, untuk mengubah perubahan gaya perbatasan padat, berlari atau putus-putus dan mengubah warna perubahan perbatasan # 008000
Untuk mengubah lebar 520px perubahan tubuh komentar
Tip: Gunakan Generator warna kita untuk membuat perubahan ini
6. Pencarian berikutnya dengan hati-hati untuk kode ini dalam template Anda,
Tip: Tekan Crtl + F dan mencari satu baris pada satu waktu
<data:commentPostedByMsg/>7. Gantilah dengan kode berikut,
</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>
<data:commentPostedByMsg/>
</dt>
<b:if cond='data:comment.author == data:post.author'>
<dd class='mbt-comment-body'>
<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>
8. Simpan template Anda dan Anda selesai!
Kunjungi blog Anda dan melihat bahwa penulis komentar sekarang terlihat seperti ini,
Beritahu saya jika Anda menghadapi masalah apapun. Akan menjadi senang membantu Anda. Dalam posting berikutnya saya akan berbagi beberapa cara untuk menyesuaikan komentar penulis. Have Fun! :)
0comments:
Post a Comment