Modifikasi Tampilan Pesan Komentar

Modifikasi Tampilan Pesan Komentar » Fuad Compi Net berbagi informasi yang didukung oleh Masfim dot Com. Memanfaatkan sebuah blog sebagai sarana untuk mencurahkan segala hal yang tengah kita alami adalah sebuah hal nyata yang bisa kita lakukan. Nah kali ini saya mencoba membuat tutorial yang sedikit banyaknya mungkin bisa kamu kembangkan lagi. Menurut saya belajar seputar dunia blogging itu sangat menyenangkan karena bisa menuntut kita belajar dari hal yang rumit hingga yang sepele. Kali tutorial yang saya berikan adalah Memodifikasi Secara sederhana pada tampilan pesan komentar seperti gambar dibawah ini :

Berikut adalah tutorial mengenai Modifikasi Tampilan Pesan Komentar yang bisa segera kamu praktekan :  

1. Login Blog 
2. Pilih Template => Edit HTML
3. Cari tag kode ]]></b:skin> dan letakkan kode dibawah ini sebelum tag kode ]]></b:skin>
   

   .pesan-komentar p {background:#666;position:relative;color:#fff;padding:10px 15px;margin:8px;font:14px Arial;} .pesan-komentar p {line-height:normal;margin:5px 5px;} .pesan-komentar p:before {content:"";width:0px;height:0px;position:absolute;top:100%;left:30px;border-width:10px;border-style:solid;border-color:#666 transparent transparent transparent;display:block;}

4. Cari tag kode <p><data:blogCommentMessage/></p> dan letakkan kode dibawah ini sebelum tag kode <p><data:blogCommentMessage/></p>.
   

   <div class='pesan-komentar'> .... <div>

   Tag kode tersebut terdapat dua jadi letakkan seperti contoh dibawah ini :
   

   <div class='pesan-komentar'>
   <p><data:blogCommentMessage/></p>
   <div>

5. Simpan