Home » , » Mengubah warna pada kolom author komentar

Mengubah warna pada kolom author komentar

Written By admin on Friday 10 May 2013 | 01:27

Menyoroti dan menyesuaikan komentar penulis berbeda dari 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 . Para blogger komentar blok terdiri dari tiga bagian penting yaitu,

     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,
.mbt-comment-body {
background: #FFFFFF;
color: #008000;
border: 1px solid #008000;
margin:0;
padding:0 0 0 10px;
width:520px;
}
 Membuat perubahan ini:

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

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