Geng Budak Malas ^^

Thursday, April 3, 2014

Mencantikkan Kotak Komen

Assalamualaikum semua...
Hari ni Cik Ezny nak share macam mana nak mencantikkan kotak komen....
Actually bila first time cik ezny nak cantikkan kotak komen blog cik ezny, susah gila habak hang. Sebabnya cik ezny punya HTML code tak ada code macam kat bawah ni

/* Comments

Tapi lepas cik ezny kaji punya kaji dan cuba jaya, akhirnya cik ezny jumpa juga macam mana nak buat. This entry cik ezny buat khas to those face same problem macam cik ezny.... harap membantu korang ^^

1. Perlu sini dulu yer
2.Dashboard > Design > Edit HTML > Edit Template
3. Ctrl + F , Search
*tapi korang kena tekan kat kotak HTML tu baru tekan Ctrl+F , baru kotak search tu muncul dalam kotak kalau tak dia kat luar je.


#comments .comment-author {

4. Dekat kotak Search "kat dalam" tu korang paste code yang atas ni ...
5. Lepas tu korang copy code yang bawah ni then paste dekat atas code yang korang cari tadi....


.comment-content{
background:#FFE2E2;
padding:13px;
border-radius:100px;
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-block{background:#FEF3F3;
padding:10px;
border-radius:30px;
border:3px dashed #FEE8E8}
.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) ;}
.datetime{
background:#fff;
padding:8px;
float:right;
border-radius:30px;
font:10px arial;
margin-top:10px;}
.secondary-text{
padding:8px;
background:#fff;
border-radius:30px;
float:right;
border:3px  dotted #FEE8E8;
}

6. Ok, Korang dah boleh save....

Kotak komen korang akan muncul macam ni




SELAMAT MENCUBA =)

Apa-apa pertanyaan jangan malu tanya cik ezny kat ruang komen okay.....

1 comment: