Saya akan menerbitkan beberapa bentuk pola tema Komentar Blogger bulan ini. Semuanya tampak baik ketika Anda menyampaikannya dengan cara yang mungkin tampak menarik.

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"







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(http://2.bp.blogspot.com/-pi7bUTVxbQU/UAHfQLVm7-I/AAAAAAAAEXc/Ip7Z1Y3Kugw/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.

Poskan Komentar Blogger Disqus

Catatan:
Untuk menyisipkan kode, gunakan tag <i rel="code">KODE ANDA...</i>
Kode yang panjang bisa menggunakan tag <i rel="pre">KODE PANJANG ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>

Penting:
Jika Anda mengajukan pertanyaan klik 'Subscribe by email' link di bawah form komentar untuk mengetahui komentar balasan.

Khusus untuk membalas komentar disarankan menggunakan tombol balas/reply di samping komentar terkait dibandingkan menggunakan formulir komentar di bawah agar komunikasi lebih terstruktur.

Dilarang Meninggalkan Link Aktif, Link Aktif Terpaksa Akan Saya Hapus Dari Komentar.

NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!".

Konversi Kode di Sini! Daftar Member Aktif

 
Top