Tutorial : Comment Post (TD)


Assalamualaikum and Annyeonghaseyo . Okay.. dah lama fina tak update pasal tuto or freebies kan ?
ohh sudah lupee.. :3 *tepuk dahi* hari ni entah tiba tiba rajin nak buat tuto .. :3 -kembang hidung sepiring . Okay kali ni Fina nak 'ajar' macam mana nak buat comment post keluar di bawah korang punye post . Actually nak kongsi bersama macam mana nak buatt .. :P
-sorry gambar tak di sediakan-
 ala, tak pee.. bila korang baca betol betol korang akan faham cara jalan nak buatnyaa .. :3

1. Dashboard > Template 
2. Edit HTML > Tick Expand Widget Templates
3. Press Ctrl + f dan cari code ]]></b:skin>
4. Kemudian, copy code di bawah ni
#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(URLBG);
-moz-border-radius: 20px 20px / 20px 20px;
border-radius: 5px 5px / 5px 5px;
border: 2px solid #E6ECF6;
}
.deleted-comment {
font-style:underlined;
color:transparent;
}

 5. dia kena paste before code ni /* Comments
----------------------------------------------- */
6. Preview & save

Purple : URL background
Hijau : tebal border
Biru :  solid / dotted / dashed
Pink : warna border
                                                                                                                                   *credit-Atiqahjaidin

No comments :

Post a Comment

Assalamualaikum and hi ,mind to drop your comment or opinion here .:D

arinaesy