Typing Cat

Disclaimer

Bonjour everybody. I'm Pusheen and i love food very much, blogging too <3

Entries About Tuto

Follow



thank you for all of your supports after all this year

Credits

Basecode : Aina Syaza
Template : Lintang A Pramesti
Owner : Nick
Others : C A T
Tutorial Cantikkan Kotak Komen
Hai korang semua :) Hari ini aku ada tutorial baru,cara nak mencantikkan komen blog.Korang dah tengok ke kotak komen aku macam mana? Mesti tak pernah kan sebab jarang orang komen :D haha,tak pelah,aku baik hati \ceh,perasan/ so aku 'screencapture' gambar kotak komen aku nak tunjuk contoh dekat korang semua kesayangan aku ni.

Haa,macam tulah :P . Thanks la kat @Its me! sebab sudi komen :D .Okay,apa tunggu lagi? Jom mulakan!


1.Design-Edit HTML-Tick expand widget


2.Tekan CTRL+F dan cari code dekat bawah ni.
/* comment
 3.Alright,dah jumpa kan? Kemudian cari code bawah ni pula dan delete.
#comments h4 {

margin: 1em 0;
color: #999999;
}
#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;
}
4.Lepas korang delete tu,gantikan dengan code dekat bawah ni pula.
#comments h4 {
margin: 1em 3em;
font-weight: bold;line-height: 1.4em;
}#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 .75em;
padding: 20px 10px 10px 10px;
background: #f3a64c url(
URL BACKGROUND
) repeat top left;
-moz-border-radius: 25px 25px / 25px 25px;
border-radius: 5px 5px / 5px 5px;
Border: 1px solid #F5A9A9;
}
5.Yang warna merah tu korang cari sendiri okay,but I recommend yang kat #Sini#

Next step,nak letak icon tepi \Nama/ dan \Tarikh/

1.Untuk yang tarikh punya,mula-mula korang kena cari code ni kemudian tambah code <img src='URL Image'/> disebelah code yang kat bawah ni. (gambar cari sendiri okay.)
<dd class='comment-footer'>
 2.Kalau korang nak letak icon comel dekat sebelah nama,korang just cari code di bawah ni dan ulang perkara yang sama macam code untuk tarikh punya.
data:comment.authorUrl
3. URL Image tu pandai-pandailah cari sendiri ya :D

4.Siap dan save ! 
Jadi tak? Kalau jadi komen okay ;) Thanks.
Credit :  Nana
Blogger ♥ Lia Abdillah ♥ berkata...

Thanks :')

 

Catat Ulasan




tekan ayat bawah ni untuk old/new post

OLDER POST | NEWER POST