My Chingu..Kamsamida pada yg sudi follow. I will follow back :)

Our Annivesary

Daisypath - Personal pictureDaisypath Anniversary tickers

Tuesday, July 5, 2011

Tutorial 'kyopta' kan comment box

Assalamualaikum...

Nota hari ini : Kyopta in korean = cute in english

KYOTTT!!Kyopta

Kyopta kan kotak komen seperti diatas. Haa saya tau cara-cara nak edit ni dari blog kak azah . Dia seorg yg sgt rajin buat tutorial2 camni. Sgt sesuai for beginners like me :). So saya xnakla lawakan blog sy sorang2. Nakla jugak share dgn chingu-chingu sy yg kyopta ni. * Nota lagi : Chingu in korean = Friend in english. * Sharing is caring kannn.Meh ikot step2 dibawah ni :

Pi kat  Dashboard-Design-Edit HTML-tick Expand Widget Template.Backup dulu templats sebelum edit apa-apa,.Kalau fail test ni,boleh copy balik template lama..Tapi harap2 kome lulus dgn cemerlang la ye...Tekan CTRL+F cari code di bawah:
 
 
          ]]></b:skin>
 
 
  
Then ,copy code kat bawah ni dan paste kan kat atas code tadi tu.
 
 
#comments-block{
margin:0;
padding:0;
}
#comments-block .comment-author{
background:#ff6699 !important;

-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;

padding:5px;

font-size:15px;

font-weight:bold;

border:1px solid #ff6699;
}
#comments-block .comment-body{
margin: 0;

font-size: 17px;

border-left: 1px solid #ff6699;
border-right: 1px solid #ff6699;
margin-top: -5px; /*position*/

padding: 5px;
}
#comments-block .comment-footer{
margin:0;

font-size: 13px;

font-weight: normal;

margin-bottom: 20px;

border-left: 1px solid #ff6699;
border-right: 1px solid #ff6699;
border-bottom: 1px solid #ff6699;

-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;

margin-top: -12px; /*position*/

padding: 5px;
}
#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:#ff6699 !important;
}
 

Saya suke pinkk..so sape yg benci giler kt pink,bolehla tuka code colour pink (#ff6699) tu dgn code lain. Code warna boleh cari kat pelangi-pelangi ni. Pas siap pliz Preview dulu. Dah puas ati baru la Save ye chingu-chingu sekalian.

Salam :)

2 comments:

nuyui a.k.a miss NUSHA said...

perkongsian yg sgt berguna!!

fyna said...

nice tutorial...




jom singgah n follow belog fyna.
:)

Post a Comment

Kamsamida pada sape2 yg sudi komen :)