Tutorial : Comment Box
Assalamualaikum Warahmatullahi Wabarakatuh
1) Design > Edit HTML > Tick Expand Widget Template
2) CTRL + F atau F3 dan search
#comments h4 {3) Pastu korang akan jumpa code macam ni :
#comments h4 {
margin: 1em 0;
color: $dateHeaderColor;
}
#comments h4 strong {
font-size: 110%;
}
#comments-block {
margin: 1em 0 1.5em;
line-height: 1.3em;
}
#comments-block dt {
margin: .5em 0;
}
#comments-block dd {
margin: .25em 0 0;
}
#comments-block dd.comment-footer {
margin: -.25em 0 2em;
line-height: 1.4em;
font-size: 78%;
}
#comments-block dd p {
margin: 0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}
4) Delete semua code tu dan gantikan dengan yang 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: #ffffff;
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 BACKGROUND) repeat top left;
-moz-border-radius: 20px 20px / 20px 20px;
border-radius: 5px 5px / 5px 5px;
border: 2px solid #ff9bc1;
}
.deleted-comment {
font-style:underlined;
color:pink;
}
5) Save Template!
Kuiz Bahasa Malaysia ♥
Oren : Ketebalan border
Merah : Jenis border (dashed ---) (dotted .....) (solid ___)
Ungu : Warna border >CARI SINI<
Labels: Tutorial
Tutorial : Comment Box
Assalamualaikum Warahmatullahi Wabarakatuh
1) Design > Edit HTML > Tick Expand Widget Template
2) CTRL + F atau F3 dan search
#comments h4 {3) Pastu korang akan jumpa code macam ni :
#comments h4 {
margin: 1em 0;
color: $dateHeaderColor;
}
#comments h4 strong {
font-size: 110%;
}
#comments-block {
margin: 1em 0 1.5em;
line-height: 1.3em;
}
#comments-block dt {
margin: .5em 0;
}
#comments-block dd {
margin: .25em 0 0;
}
#comments-block dd.comment-footer {
margin: -.25em 0 2em;
line-height: 1.4em;
font-size: 78%;
}
#comments-block dd p {
margin: 0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}
4) Delete semua code tu dan gantikan dengan yang 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: #ffffff;
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 BACKGROUND) repeat top left;
-moz-border-radius: 20px 20px / 20px 20px;
border-radius: 5px 5px / 5px 5px;
border: 2px solid #ff9bc1;
}
.deleted-comment {
font-style:underlined;
color:pink;
}
5) Save Template!
Kuiz Bahasa Malaysia ♥
Oren : Ketebalan border
Merah : Jenis border (dashed ---) (dotted .....) (solid ___)
Ungu : Warna border >CARI SINI<
Labels: Tutorial
Profile
The Girl Behind The Laptop
★ In short, I am :
• A malay muslim.
• Lives in Terengganu, studies in Selangor.
★ Bloggie :
• Created since 24 November 2009, five days after celebrating my 10th birthday.
• Created by
Ummi because I was interested in blogging when I saw she's updating her blog.
• Sesuci Kejora has been here for almost 11 years. Big applause :')