17.9.12

Tutorial : Kotak Komen Yang Lebih Comel

Author : Nabila Medan Time : 9/17/2012 05:37:00 PM Total Comment : 18 Label :

اَلسَّلَامُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَا تُهُ Dan Selamat Petang

Preview

1.Perlu tekan sini dulu ye
*Apa-apa hal, tolong backup template korang dulu*
2.Dashboard > Design > Edit HTML > Tick Expand Widget
3.Ctrl + F , Search
/* Comments
Then bila korang search , korang akan nampak anak-anak coding nya dibawah kan? Delete anak-anak codenya dan gantikan dengan code yang nabila beri..
4.Codenya..
#comments h4 {
margin: 1em 0;
font-size: 94%;
color: #000;
}
#comments h4 strong {
font-size: 94%;
color: #000;
}
#comments-block {
margin: 1em 0 1.5em;
line-height: 1.3em;
}
#comments-block dt {
padding: 2px;
background-color: #F7819F;
border-radius: 15px 15px 0px 0px;
color: #fff;
font-weight:bold;
font-size: 86%;
}
#comments-block dd {
padding: 2px;
background-color: pink;
color: #fff;
font-size: 95%;
font-weight:bold;
}
#comments-block dd.comment-footer {
margin: -.25em 0 2em;
line-height: 1.4em;
font-size: 82%;
font-weight:bold;
padding: 2px;
background-color: #F7819F;
border-radius: 0px 0px 15px 15px;
color: #fff;
}
#comments-block dd p {
padding: 2px;
background-color: pink;
color: #fff;
font-weight:bold;
font-size: 95%;
}
.deleted-comment {
font-style:italic;
color:gray;
}
.feed-links {
clear: both;
line-height: 2.5em;
}
#blog-pager-newer-link {
float: $startSide;
font-size: 93%;
 }
#blog-pager-older-link {
float: $endSide;
font-size: 93%;
}
#blog-pager {   
text-align: center; 
font-size: 87%;
}
Tekan Untuk Besarkan
5.Preview , jika takada error terus save!

Nota
Merah - warna

18 comments

Monday, September 17, 2012 5:45:00 PM Delete! [Reply Comment]

untuk blogskin takde ke ?

Monday, September 17, 2012 6:29:00 PM Delete! [Reply Comment]

try buat tapi tak jumpa lak coding tu ... adeh!!!

Monday, September 17, 2012 7:22:00 PM Delete! [Reply Comment]

Wah.. Bestnya blog ni.. banyak tutorial.. huhuhu..

Monday, September 17, 2012 7:25:00 PM Delete! [Reply Comment]

oh! ha jadiklah..syukran taw.. ;)

Monday, September 17, 2012 10:09:00 PM Delete! [Reply Comment]

Rajinya dia buat tuto:-) nk cuba la nanti:-)

Tuesday, September 18, 2012 2:35:00 PM Delete! [Reply Comment]

sy cuba & menjadi...thanks

Friday, September 21, 2012 6:40:00 PM Delete! [Reply Comment]

thanks..menjadi tuto ni.. :)

Friday, September 21, 2012 9:17:00 PM Delete! [Reply Comment]

dear, nk mintak tolong. dah bt mcm tuto ni, tpi nape box comment tu x sama eh?

http://mung2.blogspot.com

Saturday, September 22, 2012 2:10:00 AM Delete! [Reply Comment]

dah try buat... jadik.... thanks...

Wednesday, October 31, 2012 11:55:00 AM Delete! [Reply Comment]

bila mntak tolong, xjupa la kod die..
email saya thinking.pkir@gmail.com

Tuesday, November 13, 2012 2:50:00 PM Delete! [Reply Comment]

a'ah. nabila, tolong buatkan tuto utk blogskin boleh x? nak jugak kotak komen comel lote.

Tuesday, January 22, 2013 3:18:00 PM Delete! [Reply Comment]

terima kasih untuk tutorial ini

Friday, February 15, 2013 1:17:00 PM Delete! [Reply Comment]

kenapa saya punya comment box takde gambar org yang komen tu ye?

Wednesday, May 01, 2013 12:19:00 AM Delete! [Reply Comment]

saya nak buat kotak komen macam nabila punye cam ne ek?

Saturday, August 03, 2013 7:21:00 AM Delete! [Reply Comment]

sy pun nak kotak komen mcm Nabila, blh bg tutorial?

Sunday, December 29, 2013 4:03:00 PM Delete! [Reply Comment]

thanks akak. ^^ dah jadi. cute sangat. hehe.

Monday, February 10, 2014 1:45:00 PM Delete! [Reply Comment]

huwaaa,,da byk ikot tutorial lain,, tapi yang ni sahaja yang menjadi,, hhuhuhu thanksss banyak2.

Thursday, April 10, 2014 11:43:00 PM Delete! [Reply Comment]

thanks so so much for your tutorials. banyak membantu ;)

Post a Comment
Related Posts Plugin for WordPress, Blogger...