Berikut ini ialah sebuah tampilan formulir komentar yang sudah Saya obrak-abrik. Dengan memperlihatkan tampilan yang berbeda pada formulir komentar di blogmu, tentunya akan menciptakan para pengunjung lebih tertarik untuk corat-coret:
Untuk menciptakan tampilan formulir komentar yang luar biasa dahsyat menyerupai gambar di atas, kau hanya membutuhkan dua buah langkah perombakan kecil:
Masuk ke tab Rancangan, kemudian pilih Edit HTML. Cek Expand Template Widget biar seluruh elemen pembangun widget posting tampil.
Pertama-tama, carilah sebuah elemen divisi yang tampak menyerupai ini:
<div class='comment-form'>
Tip: Tekan CTRL + F kemudian ketik isyarat tersebut untuk mempermudah pencarian.
Ganti isyarat tersebut dengan ini:
<div class='blok-komentar'>Setelah itu gulung layarmu ke atas, dan segera temukan isyarat ]]></b:skin> atau </style>.
Salin isyarat CSS ini, kemudian letakkan sempurna di atas isyarat ]]></b:skin> atau </style>:
.blok-komentar { background-color:#becdd5; margin-left:10px; text-align:left; width:400px; border:5px solid #728a97; padding:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } .blok-komentar:hover {background-color:#e0d1e0}Klik Simpan Template dan lihat kesannya pada halaman posting.
Catatan: Pengeditan tampilan maksimal untuk formulir komentar memang hanya sebatas pada pewarnaan latar saja, sedangkan untuk penerapan CSS Button dan CSS Textarea tidak dapat diterapkan di sini. Hal itu terjadi alasannya ialah formulir komentar Blogger intinya hanyalah berupa iframe yang diletakkan di bawah posting.
iframe merupakan portal untuk menampilkan halaman yang bekerjsama tidak berada dalam halaman yang sedang aktif. Hampir menyerupai dengan televisi. Hanya saja, saat kita melihat seorang gadis bagus di televisi, kita tidak dapat melaksanakan apa-apa terhadap gadis tersebut. Berbeda kalau kita melihat seorang gadis bagus dalam sebuah iframe. Saat kita melihatnya di dalam iframe, maka kita dapat melaksanakan apa saja terhadap gadis itu. Seperti menyentuh, menabrak, bahkan hingga mengobrak-abrik.
Intinya, CSS yang dideklarasikan di halaman induk tidak akan pernah dapat mempengaruhi formulir komentar alasannya ialah formulir komentar tersebut intinya memang tidak berada di halaman tersebut.
Bahkan, dengan sebuah iframe Saya juga dapat menampilkan formulir komentar di daerah yang tidak semestinya menyerupai ini: