5 June 2013

Tutorial : Comment box Mine Version #2

Assalamualaikum, Salam Sejahtera. :)
Bismillahirrahmanirrahim..



Yang ni telah direquest oleh kak Izyan kat group BBB hehe. This is my 98% my own codes :) no repost without my permission..

please backup ur templates first. Saya tak bertanggungjawab jika ada sebarang kecacatan di blog anda cause i've already told u to backup ur template first.

Ni untuk sesiapa yang tak guna threaded comment je ok hehehe

1. korang cari codes ni /* Comments
2. highlight codes dari #comments h4 { hingga la sebelum #blog-pager-newer-link {


3. Delete codes yang korang highlight semua tu dari dari #comments h4 { hingga la sebelum #blog-pager-newer-link { tu dan gantikan dengan

#comments 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);}
#comments-block {
  margin: 1em 0 1.5em;
  line-height: 1.3em;
}
#comments-block dt {
  margin: .5em 0;
}
#comments-block dd {
 background:#FFE0EB;
margin: 0;
font: normal 12px calibri;
border-left: 1px solid#9E214D;
border-right: 1px solid#9E214D;
margin-top: -9px; /*position*/
padding: 7px;
}
#comments-block dd.comment-footer {
  background: pink;
  margin:0;
  font-size: 12px;
  font-weight: normal;
  margin-bottom: 20px;
  border-left: 1px solid #9E214D;
  border-right: 1px solid #9E214D;
  border-bottom: 1px solid #9E214D;
  border-radius: 10px;
  border-top-left-radius:0px;
  border-top-right-radius:0px;
  margin-top: -12px; /*position*/
  padding: 5px;
  line-height: 1.4em;
  font-size: 78%;
}
#comments-block dd p {
  margin: 0 0 .75em;
}
.deleted-comment {
  font-style:italic;
  color:gray;
}
#comments-block .comment-author{
background: pink !important;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
padding:5px;
font:15px Century Gothic;
font-weight:bold;
border:1px solid #9E214D;
border-radius: 10px;
border-bottom-left-radius:0px;
border-bottom-right-radius:0px;
}
#comments-block .deleted-comment{
font-style:italic;
color:gray;
}
#comments-block .comment-author a{
color:#FFFfFF !important;
}
#comments-block .comment-footer a, .comment-body a{
color:#000000 !important;
}
.avatar-image-container{background:pink;padding:5px;border-radius:50%;}
.avatar-image-container img{
border-radius:50%;}
.feed-links {
clear: both;
line-height: 2.5em;
}

4. preview dulu and save

 p/s : ur codes yang patut didelete dari
adios assalamualaikum

8 comments:

Your words defines you