Tutorial cute comment box

3:10 PG

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;

-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;}
(4) Tukarkan tulisan bewarna merah dengan warna kegemaran anda la.Haiip, belum habis lagi tau.Ha,sebelum tu pergi ke settings dan comment.



(5) Save dan lihatlah hasilnya.Jom? mudah kannn? kan?


kredit: mommy pinky


Photobucket

You Might Also Like

6 marshmallow komen