Cara Membuat Kotak Pesan Komentar Seperti MR Kurosaki

Cara Membuat Kotak Pesan Komentar Seperti MR Kurosaki



Yosh! MR.Kurosaki-pada kesempatan kali ini MR.Kurosaki akan sedikit berbagi apa yg MR.kurosaki pelajari dan dipakai.. yakni Cara Membuat Kotak Komentar Seperti MR.Kurosaki .. wujud dari kotak Pesan komentarnya seperti gambar diatas itu... lumaayn keren kan??
nah bagaimna cara membuatny?? langsung saja dripda bertele-tele..
:v eh sebelumnya ccs kode ini saya dapatkan dari http://blog.duypham.info

Berikut langkah-langkah pemasanganya:
1. Pada dasboard, Masuk ke Template pilih Edit HTML lalu Centang Expand template widget Cari kode <p><data:blogCommentMessage/></p> ,
lalu ganti dengan kode <div id=pra-comment><data:blogCommentMessage/></div> ,  
"Biasanya kode <p><data:blogCommentMessage/></p> jumlahnya lebih dari 2 jadi ganti semua kode tersebut"

2. Kemudian letakkan kode berikut ini diatas kode ]]></b:skin>
#pra-comment{position:relative;background-color:#fff; border-radius:20px;padding:10px;font-size:13px;line-height:1.6em;color:#111;width:100%;}#pra-comment,#pra-comment:after,#pra-comment:before{border:4px solid #ff4e47;background-color:#fff}#pra-comment:after{bottom:-20px;right:30px;width:20px;height:20px}#pra-comment:after,#pra-comment:before{content:"";position:absolute;border-radius:50%}#pra-comment:before{bottom:-30px;right:60px;width:10px;height:10px}
3. save :)

nah selesai dah.. mudah bukan?? mudah dan sangat simple.. :) , dan untuk menuliskan pesannya dengan cara


  • pilih setelan
  • lalu pos dan komentar


  • udah setelah itu masukkan pesan/katanya di "pesan formulir komentar"


nah selesai sudah dan sekian postingan tentang Cara Membuat Kotak Pesan Seperti MR.kurosaki,,semoga bermanfaat yaa. jgn lupa komentarnya.. ^_^


visit link download