Wednesday, September 29, 2010

Comment Box



Assalamualaikum

Nak Cantikkan Commrnt Box macam saya jom ikut tutorial nie ok.

 Klik Template > Edit HTML > Proceed > Tick Expend Widget

 CTRL + F cari code nie /* Comments

 Dah jumpa kan? Korang deleat kod-kod yang dekat bawah tu dan gantikan dengan 
      kod dibawah nie

 Korang copy code nie

#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  #000000 ;
}
.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;
}

  URL IMAGE BACKGROUND masukkan URL korang suka


 #000000 masukkan kod warna 

 Savekan terus.Preview pada bahagian yang ada comment 


No comments :

Post a Comment

Assalamualaikum...
Sila tinggalkan Comment anda ^^

 

Since 2010-2017 | Copyright by © Ayu Barbydol. Design by me Ayu Barbydol