Mempercantik tampilan pesan komentar - trik satu ini adalah cara untuk meperganteng tampilan pesan komentar yang berada diatas kotak komentar, karena udah saatnya saya harus buat post ini soalnya udah mulai rame dipake hampir semua blog yang saya kunjungi semua pesan komentarnya telah di modifikasi sedemikian rupa. pesan komentar memang sangat penting untuk pembaca yang ingin berkomentar lantas dengan adanya pesang komentar pengunjung tahu peraturan tata cara berkomentar yang baik. kalau yang biasanya pesang komentar hanya biasa biasa saja beda dengan ini posting ini memberikan cara untuk memodifikasi tampilan awal pesan komentar ke tampilan modern pesan komentar
Cara Pemasangan
- login blogger
- template >> edit template
- cari code ]]></b:skin> dan copy paste css dibawah ini tepat diatas ]]></b:skin>
/*modifikasi pesan komentar*/
#pra-comment{
position: relative;
background:#F3C5C5; /*warna background */
width:100%;
padding:10px;
font:normal 12px trebuchet ms;
text-align:justify;
border:3px solid #AD3000; /* warna garis tepi*/
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: #AD3000; /* Samakan dengan warna border */
border-width: 15px;
left: 10%;
margin-left: -36px
}
#pra-comment::after {
border-top-color: #F3C5C5; /* Samakan dengan warna background */
border-width: 9px;
left: 10%;
margin-left: -30px
}
*silakan ganti warnanya, untuk mempermudah gunakan tabel warna
- cari code <p><data:blogCommentMessage/></p> dan akan ada 4 code yang sama
- ganti semua code dengan <div id='pra-comment'><data:blogCommentMessage/></div>
- kemudian simpan dan lihat hasilnya
Last Point
makasih ya gan udah baca sampe abis :D , jangan lupa like fanspage dan follow twitternya oke, biar adminnya punya spirit buat terus apdete posting berkualitas :D
thx gan, ane coba dlu trik ini efektif ga,,
ReplyDeletekunjungan baliknya gan,,
http://www.saphiranews.info
mantab mas bro
ReplyDeleteThis comment has been removed by the author.
ReplyDeletekeren :)
ReplyDeleteizin praktek ya kak
silakan, jangan di mal praktekin ya, hehe :p
DeleteGan Itu Sudah Sekalian Emoticon Ya?
ReplyDeletengga gan, kalo mau nambahin emot nih silakan dibaca http://depermana-share.blogspot.com/2013/04/cara-membuat-emoticon-di-atas-kotak.html
Deletecara buat tapilan yang sementara agan pake ini ada tutorialnya..?? bukan seperti artikel ini masudnya..
ReplyDeletekeren sob , mau pasang juga nih
ReplyDeletesilakan sob biar tambah ganteng form komentarnya
Deleteudh di coba, tapi kok gak ada tulisanx gan..??
ReplyDeletetambahin tulisannya di dashbord blogger >> setting >> post and comment gan :p
Deleteklo bleh tau apa nama template yang sedang agan pakai ini ? trus downlodnya dmna : :D
ReplyDeleteThis comment has been removed by a blog administrator.
ReplyDeletewah yakin deh gw ama lu gan,, masih muda pinter blognya keren lagi,,,
ReplyDeleteketinggalan jauh banget gua,,hehe
Gan kok komentar diblog saya gak bisa ditampilkan coba aja cek http://gunawanluthfi.blogspot.com
ReplyDeleteini yang sedang ane cari gann,, thanks yaa udah share
ReplyDeletekoment back yaa www.ankurniawan.blogspot.com
bisa di coba ni gan.
ReplyDeleteNice post
hahahaa, , keren gan :)
ReplyDeleteyo :D
ReplyDeleteVisit back my blog : www.softwarephreaker.blogspot.com
ReplyDeleteoke gan, widih ada phreaker nyasar disini :D
Deleteapa nanti hasilnya sama persis kaya di contoh gambar gan??
ReplyDeletebeda warna aja gan sama tombolnya :D
Deleteapa nanti hasilnya sama persis kaya di contoh gambar gan??
ReplyDeletewww.jordanvengeance.com
manthap
ReplyDeletehttp://duniagame7.blogspot.com/
:thumbup
ReplyDeletebagus bgt idenya
makasih gan :malu
Deletemantab gan
ReplyDeletehttp://ajiyuanda.blogspot.co.id