[SOLVED] Kotak Komentar dan Widget Tidak Muncul Di Mobile

Mengatasi Kotak Komentar dan Widget Tidak Muncul Di Mobile  adalah judul postingan kali ini dan diperuntukan buat sobat yang pengen widget nya muncul pada tampilan mobile atau seluler, sekaligus saya juga memberikan solusi bagi sobat yang mengalami masalah pada kotak komentar yang tidak muncul jika dilihat dari hp atau mobile. langsung aja yah

Cara memunculkan widget pada tampilan mobile atau selular

Yang perlu sobat lakukan hanya memasukan sedikit kode -  mobile='yes' - didalam setiap widget yang ingin ditampilkan pada mobile, contohnya pada widget berikut

<b:widget id='PopularPosts1' mobile='yes' locked='false'  title='Popular Posts' type='PopularPosts'>
atau
<b:widget id='HTML1' mobile='yes' locked='false'  title='' type='Pencarian'>

Kode ini bisa digunakan pada widget manapun yang sobat ingin tampilkan di mobile view baik sidebar atau footer misalnya.

Cara Memunculkan Kotak Komentar Pada Tampilan Mobile

Saya sendiri sampe sekarang sebenarnya tidak tahu kenapa hal ini bisa terjadi ,  tapi untuk memperbaiki hal ini sobat tidak perlu sampai mengganti ulang kodenya kok

Pertama silahkan sobat cek kode berikut didalam template yang digunakan

 
#comment-editor{width:100%!important;}

ukuran lebar 'width' ini harus 100% , jika sobat menggantinya dengan ukuran lain misalnya 99% , hal ini akan membuat kotak komentar tidak tampil pada versi seluler.

dan jika ternyata ukuran lebarnya 100% tetapi kotak komentar tetap tidak muncul , silahkan sobat masukan kode berikut didalam css  , yaitu diatas </style> atau ]]></b:skin> :

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

Setelah itu save lalu lihat blog versi mobile sobat pasti sudah muncul kembali kotak komentarnya
Setelah itu save lalu lihat blog versi mobile sobat pasti sudah muncul kembali kotak komentarnya

Bagikan Halaman ini