"Mas, saya udah ganti template, tapi ada sedikit masalah?"
"Mas, udah beberapa hari ini, dalam versi mobile widget sidebar, kolom komentar gak muncul?"
"BTW itu kenapa ya, Mas. Tolong bantu perbaikin dong?"
Permasalahan di atas pernah saya alami juga, ketika itu saya ganti template lah saat mode mobile kotak ada yang aneh seperti kotak komentar gak muncul bahkan widget sidebarnya juga. Saya bingung waktu itu karena masih newbie, akhirnya saya cari di mbah google dan ketemu tapi masih bingung step by step nya, solusinya saya otak-atik sendiri dah.
Dunia Blogging sekarang udah gak jamannya cuma pakek PC, malah kegemaran setiap orang pakai ponsel, jadi sangat disarankan bagi sobat supaya memperbaiki template menjadi mobile friendly. Nah cara dibawah ini salah satunya.
Finally, saya berhasil memperbaikinya. Sebenarnya itu cuma kurang kode mobile='yes' pada tiap-tiap widget yang dipasang jadinya gak muncul di versi mobile.
<> Contoh penyelesaian widget tidak muncul di versi mobile
Kalau untuk kotak komentarnya sobat cari kode berikut lalu cek apakah seperti kode ini : #comment-editor {width:100%!important;...kode lain...
Jika pada kode #comment-editor di width hanya 98% atau lebih dari 100% maka harus diubah menjadi 100%. Bila belum muncul juga kotak komentarnya sobat ikuti langkah selanjutnya...!!!
#1. Masuk Edit HTML
#2. Tekan Ctrl + F lalu cari <style type='text/css'>. jika kode tersebut lebih dari dua, pilih yang pertama saja.
#3. Selanjutnya, Copas kode berikut dan letakkan di bawah kode <style type='text/css'>. Seperti gambar di atas
Nah, sekian tutor kali ini. Jika sobat masih merasa kebingungan dalam pemasangan kodenya silakan tinggalkan komentar. Bila ada cara lain nanti akan saya share lagi. Semoga bermanfaat.
Terima Kasih
"Mas, udah beberapa hari ini, dalam versi mobile widget sidebar, kolom komentar gak muncul?"
"BTW itu kenapa ya, Mas. Tolong bantu perbaikin dong?"
Permasalahan di atas pernah saya alami juga, ketika itu saya ganti template lah saat mode mobile kotak ada yang aneh seperti kotak komentar gak muncul bahkan widget sidebarnya juga. Saya bingung waktu itu karena masih newbie, akhirnya saya cari di mbah google dan ketemu tapi masih bingung step by step nya, solusinya saya otak-atik sendiri dah.
Finally, saya berhasil memperbaikinya. Sebenarnya itu cuma kurang kode mobile='yes' pada tiap-tiap widget yang dipasang jadinya gak muncul di versi mobile.
<> Contoh penyelesaian widget tidak muncul di versi mobile
<b:widget id='PopularPosts1' locked='false' mobile='yes' title='Top Artikel' type='PopularPosts' visible='true'>
<b:widget id='Label1' locked='false' mobile='yes' title='Kategori' type='Label' visible='true'>
<b:widget id='BlogArchive1' locked='false' mobile='yes' title='Arsip' type='BlogArchive' visible='true'>
Kalau untuk kotak komentarnya sobat cari kode berikut lalu cek apakah seperti kode ini : #comment-editor {width:100%!important;...kode lain...
Jika pada kode #comment-editor di width hanya 98% atau lebih dari 100% maka harus diubah menjadi 100%. Bila belum muncul juga kotak komentarnya sobat ikuti langkah selanjutnya...!!!
#1. Masuk Edit HTML
#2. Tekan Ctrl + F lalu cari <style type='text/css'>. jika kode tersebut lebih dari dua, pilih yang pertama saja.
.blogger-iframe-colorize {display: block !important; }
Nah, sekian tutor kali ini. Jika sobat masih merasa kebingungan dalam pemasangan kodenya silakan tinggalkan komentar. Bila ada cara lain nanti akan saya share lagi. Semoga bermanfaat.
Terima Kasih
Tag :
Tutorial Blog
0 Komentar untuk "Memperbaiki Widget, Kolom Komentar Tidak Muncul di Versi Mobile"
- Pesan Berdasarkan Topik
- Pesan Tidak Mengandung SARA dan Pornografi