• Natlie Imbruglia

    Doesn`t she look very cool?

  • Thousands of Years

    Earth has lived thousands of years...

  • Fruits

    Fruits are vital for health and their nutrients...

  • The Lonely Road

    The Lonely Road reminds Me with You...

  • Twister

    Here are some twisting graphics for you...

Friday, August 28, 2009

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.

12 comments:

  1. Aku penah edit layout komen aku, leh ltk mcm2 backgorund

    ReplyDelete
  2. salam..nk tnyer, sy dh ubahsuai layout bahagian comment tu and xdek mesej error keluar tapi tak keluarlah kt layout. kenape ye?

    ReplyDelete
  3. To wawa

    Cuba post satu comment. pas tu tgk, ader ker tak layout nya..

    Layoutnya tak kuar sebab belum ada comment

    ReplyDelete
  4. salam..sy dh cbe commentla tp xboleh, nk clik kt post a comment pn xkuar pape. nape yek? bleh cbe tgokkn x?

    ReplyDelete
  5. Pernah juga sekali bila saya ubah layout , tak boleh nak komen . Kena guna jenis clasic tapi bila saya upload theme baru tu dah boleh komen .

    Saya sendiri tak faham kenapa .

    ReplyDelete
  6. To touyakaruma:

    Tu perkara biasa. Trial n error. keep working.

    ReplyDelete
  7. orng dh byk kali cube buat tapi tetap tak boleh jugak. kenapa yek?? ada kena mengena dgn template ke?

    ReplyDelete
  8. ade cara x supaya pelawat bleh mengupload file ke blog kite?

    ReplyDelete
  9. To wawa:

    ~ X pasti. Mungkin template classic x sesuai. Nanti gua try pada template classic. Bole ker x dengan script kat atas ni.

    ~ X ada kut. Upload pada file host.

    ReplyDelete
  10. klu nak letak yg boleh letak smiley atau sama waktu dgn nya bleh x?

    ReplyDelete
  11. @Armyrule

    Boleh. Tapi gua tak buat tutorialnya. Kena cari pada google tutorial yang berkaitan dan sewaktu dengannya yer. Hehe

    ReplyDelete