Tampilan Form Komentar baru milik blogger

Info

Hari ini blogger melakukan update pada tampilan formulir kotak komentar, menilai dari tampilan formulir komentar blogger sebelumnnya tampulan sekarang ini terbilang lebih memiliki gaya. jika para blogger sebelumnya melakukan berbagai bentuk modifikasi agar form komentar di blog mereka terlihat apik, tampilan sekarang sudan terbilang baguslah dari sebelumnnya dengan perubahan subscrib by mail menjadi chexbox notifikasi komentar membuat kotak komentar blogger lebih baik.

untuk sobat mungkin butuh sedikit penyesuaian pada kotak komentar blogger yang baru ini, dengan sedikit merubah ukuran pada cssnya, karena kotak komentar terbaru blogger kini memiliki jarak dalam dan garis tepi yang akan terpotong jika melebihi lebar. untuk cssnya coba lihat kode berikut:

.comment-form {max-width: 100%;!important;}
#comment-editor {width:102.3%!important;margin-left:-8px;}

kode di atas untuk elemen posting yang memili lebar 630px, jika lebar elemen posting sobat lebih dari 630px silahkan gunakan css berikut:

.comment-form{width:100%;max-width:100%}
#comment-editor{width:103%!important;margin-left:-8px}

untuk lebih pasnya sesuaikan saja dengan lebar elemen posting blog anda. letakkan kode css diatas sebelum kode tag ]]></b:skin> atau dalam tag <style>

catatan: margin-left:-8px; saya gunakan untuk menggeser kotak komentar agar tidak memiliki jarak sisi dalam atau padding, jika blog anda menggunakan padding atau jarak pada sisi dalam elemen untuk konten lebih baik margin-left:-8px; dihapus.


Kekurangan kotak komentar blogger terbaru

Jika blog sobat menggunakan atau blog berbahasa indonesia, maka pada tombol publikasi komentar sedikit terlihat kurang pas dan melebihi ukuran sehingga terlihat agak gimana gitu.

Demikian saja semoga tambah keren tampilan blog sobat semua...

2 komentar

  1. Salam, Kunjungan Sob. :)
    Keren artikelnya, tapi kog mirip banget dengan yang ini yea?? blog kang Ismet. :D

    kunjugan baliknya ea : http://blog.kangfand.net/

    BalasHapus

Link aktif dalam komentar akan terhapus secara otomatis.
Untuk menyisipkan kode, gunakan tag <i rel="code">...KODE ANDA DI SINI...</i>
Untuk menyisipkan script, gunakan <i rel="pre">...KODE SCRIPT ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">...URL GAMBAR ANDA ...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">...JUDUL ANDA...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">...CATATAN ANDA...</b>
Untuk menciptakan efek tebal gunakan tag <b>...TEKS ANDA...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>...TEKS ANDA...</i>

Konversi KodeOOT
:) :( =( :wa: :s ^_^ :D =D ^:D @@, ;) :-bd :-d :ya: :'( T_T :\ :p B) :Q :Ozz 7:( \o/ **p
Jika anda memiliki bahasan atau topik lain yang sama sekali tidak ada hubungan dengan tutorial diatas anda bisa menyampaikannya di halaman OOt. klik [link ini] untuk membuka halaman OOT.

Back to Top
Loading...