Tutorial cute comment box
Ramai yang request d'ya untuk buat bermacam-macam tutor,tapi d'ya mintak maaf sangat kalau d'ya terlambat buat tutor sebab sekarang d'ya busy untuk membuat persiapan untuk menjalani exam.Wee,doakan d'ya berjaya tau! Tutorial kali ini ialah tutorial cute comment box.Cantikkan comment box macam d'ya punya.Jom,let's start :D
(1) Pergi ke dashboard>design>edit HTML>tick expand widget template
(2) Search code di bawah ini okay ;)
]]></b:skin>
(3) Copy paste code di bawah ini di atas code ]]></b:skin
#comments-block{margin:0;padding:0;}#comments-block .comment-author{background:#ff6699 !important;(4) Tukarkan tulisan bewarna merah dengan warna kegemaran anda la.Haiip, belum habis lagi tau.Ha,sebelum tu pergi ke settings dan comment.
-moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px;
padding:5px;
font-size:15px;
font-weight:bold;
border:1px solid #ff6699;}#comments-block .comment-body{margin: 0;
font-size: 17px;
border-left: 1px solid #ff6699;border-right: 1px solid #ff6699;margin-top: -5px; /*position*/
padding: 5px;}#comments-block .comment-footer{margin:0;
font-size: 13px;
font-weight: normal;
margin-bottom: 20px;
border-left: 1px solid #ff6699;border-right: 1px solid #ff6699;border-bottom: 1px solid #ff6699;
-moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 10px;
margin-top: -12px; /*position*/
padding: 5px;}#comments-block .deleted-comment{font-style:italic;color:gray;}#comments-block .comment-author a{color:#ffffff !important;}#comments-block .comment-footer a, .comment-body a{color:#ff6699 !important;}
(5) Save dan lihatlah hasilnya.Jom? mudah kannn? kan?
kredit: mommy pinky
5 marshmallow komen