Comment box Styling for Denim Template

 Assalamualaikum,

Haritu den buat yang simple template kan? Harini untuk denim pulak, tak berapa reti denim tapi akhirnya jadi jugak. Tapi lain sikit lah.  Ekceli taknak buat tuto denim tapi ramai jugak yang tanya so saya buatlah :) 

1. Pergi ke Blogger Dashboard > Template > Edit HTML
2. Cari code /* Footer
3. Paste codes yang saya bagi ni dekat ATAS /* Footer tadi.

.comment-body p{ background:#FFE2E2; padding:13px; border-radius:30px; color:#666;} h4{ background:#D1F4FE; text-align:center; color:#fff; text-shadow:2px 2px 3px #888; font:30px ttn !important;} @font-face{ font-family:ttn; src:url(http://static.tumblr.com/dep4vzc/82Km8jmz4/tutano_cc_v2.ttf); } .comment-body{ background:#FEF3F3; padding:10px; border-radius:30px; border:3px dashed #FEE8E8; margin-bottom:40px;} .avatar-image-container{background:#FFE2E2;padding:5px;border-radius:50%;} .avatar-image-container img{ -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; transition: all 0.8s ease-out; border-radius:50%;} .avatar-image-container img:hover{ border-radius:50%; transform: rotate(360deg) ; -webkit-transform: rotate(360deg) ; -moz-transform: rotate(360deg) ; -o-transform: rotate(360deg) ; -ms-transform: rotate(360deg) ;} .comment-timestamp{ background:#fff; padding:8px; float:right; border-radius:30px; font:10px arial; margin-top:-50px; border:2px solid #FEE8E8;}


4. Warna text, background semua pandai-pandai lah ubah eh ^-^
5. Kalau dah siap, Preview . Save

Masa saya buat ni, saya pilih setting comment pop out window, so kalau yang lain tak jadi bagitau lah ye. 

Wasalam.