Tutorial : Cantikkan Comment Box




nak cantikkan comment box??


contoh :




Dashboard-> Template-> Edit HTML-> Tick Expand Widget Template


Ctrl+F, cari code bawah ni :

/* Comments
then nanty korung akan jumpa dengan anak-anak coding dye kan? delete je sume code yang ade kat bawah itu. korang ganti kan dengan code bawah ni :


#comments h4 {margin: 1em 3em;font-weight: bold;line-height: 1.4em;color: #ffffff;}#comments-block {margin-left:1.5em;line-height:1.6em;background: transparent;color: black;padding: 1em;border:0px solid #ffffff;}#comments-block .comment-author {margin:.5em 0;}#comments-block .comment-body {margin:.25em 0 0; background: #ffffff;}#comments-block .comment-footer {margin:-.25em 0 2em;line-height: 1.4em;letter-spacing:.1em;}#comments-block .comment-body p {margin:0 0 .60em;padding: 5px 5px 5px 5px;background: url(URL IMAGE BACKGROUND) repeat top left;-moz-border-radius: 20px 20px / 20px 20px;border-radius: 5px 5px / 5px 5px;border: 2px solid #F97E7E;}.deleted-comment {font-style:underlined;color:transparent;}.feed-links {clear: both;line-height: 2.5em;}#blog-pager-newer-link {float: left;}#blog-pager-older-link {float: right;}#blog-pager {text-align: center;}


*merah: letak url yang anda suka
*hijau : colour border dia. ubah solid kepada dashed.


Preview and Save !

No comments:


Syukran Kerana Sudi Membaca :)