Saya mengetahui bahwa blog BlogSpot tidak memiliki sistem komentar yang baik tetapi Anda dapat atau menggunakan kotak Komentar yang menarik, dan sekarang kita akan mengubahnya menjadi sesuatu yang kreatif dan jauh lebih indah dari bentuk komentar blog Wordpress.
Customized kotak Komentar Blogger adalah kita berusaha menjadi kreatif dan inovatif dalam membuat kotak komentar, dan hari ini saya akan mengambil langkah lebih jauh dengan melepaskan tema warna yang berbeda dengan menggunakan pola yang berbeda sepeti pada gambar sudut atas.
Dalam pembuatan Kotak Komentar Blogger Dengan Tema Hitam ini saya hanya menggunakan properti CSS3 Modern yang di gabungkan dengan elemen pemanggil.
Jadi sekarang mari kita mencoba membuat tema pertama untuk bulan atau hari ini yang bernama " Kotak Komentar Blogger Dengan Tema Hitam"
Cara Membuat Kotak Komentar Blogger Dengan Tema Hitam
1. Login ke akun blogger Anda.
2. Pada Dasbor klick Rancangan.➨ Edit HTML.
3. Centang Expand Template Widget ➨ Backup template Anda.
4. Lalu dalam Edit Template Anda cari kode ]]></b:skin> atau <style> blia kesulitan mencarinya coba lihat Cara Cepat Mencari Kode HTML.
5. Bila sudah ketemu sekarang letakkan kode berikut tepat di atasnya.
#ow-form iframe{
background:#ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaOY0bpTv8hhgerNK1N45GeXEMrgLlZTkzabwA93DdszAozv8P4RV1s557zpC_rW_3xJclUsxm1AbFRm6FayrxcY8Bh5tkjXDckjFv0T2qfrovDf5LJuCVxqIH8xyZwWGx0xMZKBwjJEk/s1600/otowebsite_bc.png) repeat-x;
border:1px solid #ddd;
-moz-border-radius:6px;
-webkit-border-radius:6px;
box-shadow: 5px 5px 5px #CCCCCC;
padding:5px;
font:normal 12pt "ms sans serif", Arial;
color:#2F97FF;
width:560px; height:213px !important;
}
#ow-form a{
color:#fff;
}
NB: Untuk merubah warna dari teks komentar silahkan Anda rubah kode yang saya beri warna biru.
Untuk merubah ukuran dari kotak komentar silahkan Anda rubah 560px sesuaikan dengan blog Anda.
6. Langkah selanjutnya, sekarang Anda cari kode <div class='comment-form'> dan ganti kode tersebut dengan kode berikut.
<div id='ow-form'>
Jika di template Anda tidak ada kode <div class='comment-form'> berarti template Anda berbeda, untuk itu silahkan Anda cari kode yang mirip dengan kode tersebut.
7. Simpan template.
Sekarang silahkan lihat kotak komentar Anda, Untuk hasil dari Kotak Komentar Blogger Dengan Tema Hitam akan menjadi seperti ini!
Saya rasa cukup untuk kali ini!
Untuk selanjutnya saya akan membahas Kotak Komentar Blogger Dengan Tema Yang Lebih Komplit Lagi.
Bagaimana apakah Anda berhasil menerapkannya pada blog Anda? Silahkan tinggalkan tanggapan atau komentar Anda tentang postingan atau article di atas.
boleh juga nihh,,,, coba aahhh,,,
BalasHapus