Membuat Kotak Komentar jadi lebih Cantik II

Masih dijudul yang sama dengan tutorial sebelumnya, kali ini kita juga akan membahasa tentang cara mempercantik kotak komentar versi berikutnya, seperti terlihat pada gambar berikut.



Caranya adalah :

  • Dashboard > Template > Edit HTML
  • Tekan Ctrl + F cari kode berikut

  ]]></b:skin>

  • Selanjutnya anda copy kode dibawah ini, dan tempelkan tepat di ATAS kode yang anda cari tadi.


#comments-block{
margin:0;
padding:0;
}
#comments-block .comment-author{
background:#FAAFBA !important;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
padding:5px;
font-size:14px;
font-weight:bold;
border:1px solid #ffffff;
}
#comments-block .comment-body{
margin: 0;
font-size: 12px;
border-left: 1px solid #FCDFFF;
border-right: 1px solid #FCDFFF;
margin-top: -5px; /*position*/
padding: 5px;
}
#comments-block .comment-footer{
margin:0;
font-size: 13px;
font-weight: normal;
margin-bottom: 20px;
background-image:url(http://i1237.photobucket.com/albums/ff465/meerasidi/polkadots3.png);
border-left: 1px solid #FCDFFF;
border-right: 1px solid #FCDFFF;
border-bottom: 1px solid #FCDFFF;
-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;
}

Ganti teks yang berwarna ungu dengan kode warna yang anda inginkan , cari DISINI
Ganti Teks berwarna Biru dengan background yang anda suka, biasa cari disini , disini , atau disini. anda juga bisa menggunakan background selain yang saya sarankan tadi.


  • Kemudian anda pilih Setelan > Pos dan Komentar
  • pada pilihan Lokasi Komentar ganti jadi "Tersemat"
  • Simpan Perubahan dan lihat kotak komentar anda.


oh iya.. Jika anda sudah memiliki desain kotak komentar yang sebelumnya, HAPUS tersebih dahulu skrip yang dulu, dan gantikan dengan yang ini.

Selaman mencoba m Jangan lupa Komentar yaa ...


Referensi :
http://meerasigadisapril.blogspot.com

3 comments:

newer posts older posts back to home