Ubahsuai layout ruangan comment

Bahagian post comment adalah sebahagian dari layout yang perlu diberi penekanan kerana ia mampu menarik minat pembaca untuk meninggalkan komen. Kebanyakkan blog mempunyai layout yang hampir sama pada bahagian comment.

Untuk mengubahsuai bahagian comment pada main page seperti yang boleh anda lihat pada bahagian comment pada blog saya ( lihat di sini ), apa yang perlu anda lakukan ialah dengan mengikut beberapa langkah di bawah.

p/s: Save dahulu template asal sebelum membuat editting.

Langkah 1

Log in blog => Dashboard => Layout => Edit HTML. Seterusnya tick pada Expand Widget Templates.

Langkah 2

Tekan Ctrl + F dan taipkan ]]></b:skin>

Langkah 3

Salin kod di bawah dan pastekan di atas/sebelum kod ]]></b:skin>( lihat langkah 2 ).

p/s: Anda boleh mengedit kod warna yang berwarna biru mengikut kesesuaian warna pada blog anda jika mahu.

#comments-block{
margin:0;
padding:0;
}
#comments-block .comment-author{
background:#000 !important;

padding:5px;

font-size:15px;

font-weight:bold;

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

font-size: 12px;

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

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

font-size: 10px;

font-weight: normal;

margin-bottom: 20px;

border-left: 1px solid #191919;
border-right: 1px solid #191919;
border-bottom: 1px solid #191919;
margin-top: -12px; /*position*/

padding: 5px;
}
#comments-block .deleted-comment{
font-style:italic;
color:gray;
}
#comments-block .comment-author a{
color:#fff !important;
}
#comments-block .comment-footer a, .comment-body a{
color:#39cb43 !important;
}

Seterusnya klik preview dan jika tiada mesej error yang keluar, klik saja save.

G+

0 comments:

Post a Comment