Modifikasi Kotak Pesan Komentar Blog

Selamat malam sob...

Kali ini saya ingin share mengenai bagaimana cara membuat modifikasi pada kotak pesan komentar blog, dimana untuk contohnya bisa dilihat pada blog ini. Pemodifikasian kotak pesan komentar tersebut juga saya pelajari dari blog lain, namun saya lupa alamatnya...

Tutorial ini sendiri saya buat untuk mengakomodir permintaan sahabat Ariel Nicho yang bertanya mengenai kotak komentar saya ini, sehingga tidak ada salahnya saya pikir untuk membuat tutorialnya.

Ok, langsung aja sob :

1. Login ke blogger.

2. Pilih Template - Edit HTML.

3. Cari kode ]]></b:skin> dan letakkan kode berikut diatasnya :

#pra-comment{
position: relative; 
background:#FFFFFF;/* Warna background kotak */
width:100%;
padding:10px; 
font:normal 12px trebuchet ms; 
text-align:justify; 
border:3px solid #FE80DF;/* Warna border kotak */
   border-radius: 10px;
   box-shadow: 0 0 0 2px #000000, 2px 1px 6px 4px rgba(10, 10, 0, 0.5);
margin:0 10px 10px 0; 
margin-top: 10px; 
line-height: 1.3em; 
} 
#pra-comment::after, #pra-comment::before { 
top: 100%; 
border: solid transparent; 
content: " ";
height: 0; 
width: 0; 
position: absolute; 
pointer-events: none 
} 
#pra-comment::before { 
border-top-color: #FE80DF; 
border-width: 15px; 
left: 10%; 
margin-left: -36px 
}
#pra-comment::after { 
border-top-color: #FFFFFF; /* Samakan dengan warna background */
border-width: 9px; 
left: 10%; 
margin-left: -30px
} 

4. Kemudian cari kode <p><data:blogCommentMessage/></p>  dan ganti dengan kode berikut :

<div id='pra-comment'><data:blogCommentMessage/></div>

5. Simpan Template.

6. Selanjutnya, masuk ke Setelan - Pos dan Komentar.

7. Pada kolom pesan formulir komentar, masukkan tulisan atau kata-kata mutiara yang ingin ditampilkan.

8. Enjoy.

*Keterangan : Ganti kode berwarna kuning dengan warna-warna yang disukai dan cari kodenya disini.

Gimana sob???

Semoga bermanfaat dan jangan lupa untuk tinggalkan komentar yah...