Solusi Comment Form Blogger Tidak Tampil Pada Tampilan Mobile

Bagaimana cara memunculkan form komentar blogger pada tampilan mobile? Dalam beberapa kondisi, form untuk komentar tidak akan tampil jika postingan blog dibuka melalui mobile device seperti smartphone, tablet, dan lain sebagainya. Inti masalah ini terletak pada template yang digunakan. Kendala seperti ini umum terjadi jika pemilik blog menggunakan custom template di luar dari template official yang disediakan pihak blogger.


Form komentar yang tidak tampil merupakan masalah yang termasuk sederhana dan mudah untuk diatasi. Kamu hanya mutuh menyematkan sedikit kode CSS di dalam template yang gunakan. Kode CSS yang kamu butuhkan adalah :

.blogger-iframe-colorize {
display: block !important;
}

Telakan kode CSS tersebut di atas kode ]]></b:skin> di dalam template blog yang digunakan. Detail lokasinya adalah seperti di bawah ini.

<b:skin>..
..
..
 (letakan di sini)

]]></b:skin>

Jika kode CSS sudah kamu letakan, lakukan save template dengan mengklik tombol Save theme. Kamu dapat langsung melakukan pengujian melalui browser di komputer desktop (pc) dengan cara menambahkan  ?m=1  pada akhir url postingan yang sedang dibuka. Cara ini akan memerintahkan browser pada komputer pc atau laptop untuk menampilan url yang dibuka dengan tampilan mobile.

Di bawah ini adalah kode CSS alternatif jika kode di atas tidak berfungsi atau bermasalah. Akira sendiri berhasil menggunakan kode CSS yang di atas.

.mobile .blogger-iframe-colorize {
display: block !important;
}

.blogger-iframe-colorize {
display: block !important;
}

Demikian tutorial singkat yang dapat Akira share untuk saat ini. Sebagai penutup, jangan lupa untuk membaca artikel menarik lainnya di weakwings.blogspot.com ya.. sankyu..

Baca juga :

• Cara Memindahkan Contact Form Blogger Ke Static Page
• Cara Disable Klik Kiri Pada Paragraf atau Bagian Tertentu Postingan Blog

author: Akira Asayami