Cara Mengubah Gaya Warna Komentar Penulis Dalam Blogger

Cara Mengubah Gaya Warna Komentar Penulis Dalam Blogger
Menampilkan dan menyesuaikan komentar penulis agar berbeda dengan komentar pengunjung adalah langkah yang sangat penting bahwa Anda harus mengambil sesegera mungkin karena ini akan membuat komentar penulis lebih menonjol kepada para pengunjung dan karena itu akan mendorong pengunjung untuk mengambil bagian dalam diskusi dan berkomunikasi lebih baik dengan penulis. blogger komentar blok terdiri dari tiga bagian penting yaitu,

• Komentar - penulis
• Komentar - Body
• Komentar - footer

Tutorial ini adalah tentang bagaimana gaya bagian Bodi-Komentar Penulis.
mari kita mulai !

Sorot dan Sesuaikan Komentar di Blogger

• Masuk Blogger> Desain> Edit HTML
• Periksa "Expand widget template" Kotak

Cari Code Berikut

•  ]]></b:skin>

Letakan Tepat di atas code diatas, paste kode CSS di bawah ini,

.mbt-comment-body {

background: #FFFFFF;
color: #008000;
border: 1px solid #008000;
margin:0;
padding:0 0 0 10px;
width:520px;
}

Option :

• 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 bodi komentar

Tips : Gunakan Generator warna kita untuk membuat perubahan ini

Pencarian berikutnya dengan hati-hati untuk kode ini dalam template Anda.

Tekan Crtl + F dan mencari satu baris pada satu waktu

<data:commentPostedByMsg/>

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

Gantilah dengan kode berikut,

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

Simpan Template dan lihat hasilnya,, apabila ada perubahan warna yang kurang sesuai, bisa diganti sesuai keinginan anda..