Selamat datang kembali di Demo IdBoegis, Blog yang membahas seputar Tips Adsense, Tips Komputer, Tutorial Blog, SSH Gratis, Tips Youtube, Tips Smartphone dan informasi internet lainnya.
Pada Artikel kali ini kita akan membahas Cara Menyembunyikan Sidebar Blog di Tampilan Mobile, Postingan ini masih berhubungan dengan Artikel Tutorial Blog.
Cara menghilangkan sidebar di tampilan versi mobile - Halo sobat blog siabdi, pada artikel sebelumnya saya sudah membagikan tutorial mengenai cara menyembunyikan postingan di halaman depan blog. Maka pada kesempatan kali ini saya akan sedikit memberikan tutorial mengenai cara menyembunyikan sidebar blog saat blog di buka melalui hp/ smartphone. Seperti kita ketahui, saat ini pengguna smartphone meningkat secara signifikan, yang secara tidak langsung dan sedikit banyak para penggunanya pun tak jarang membuka sebuah website ataupun blog melalui smartphone yang mereka miliki.
Maka dari itu, saat ini pun juga sudah banyak website dan blog yang tampilannya di desain responsive, namun kali ini saya tidak akan membahasnya disini, bagi sobat yang ingin tau apa itu template responsive dan manfaatnya, sobat dapat membacanya disini : Pengertian template responsive dan manfaatnya. Lantas mengapa sidebar blog harus di sembunyikan pada tampilan versi mobile? Sebenarnya tidak di haruskan juga untuk menyembunyikan sidebar pada tampilan mobile, hanya saja cara ini di gunakan untuk mempercepat loading blog pada saat sebuah blog di buka mulalui smartphone. Nah bagi sobat yang ingin menerapkan cara ini, silahkan ikuti langkah-langkah berikut.
2. Buka Template editor dan silahkan cari kode ]]></b:skin> atau </style> silahkan gunakan CTRL+F untuk memudahkan pencarian pada template editor.
3. Setelah salah satu kode di atas berhasil sobat temukan, langkah selanjutnya yakni tambahkan kode di bawah ini tepat di atas kode ]]></b:skin> atau </style>
4. Terakhir simpan template dan lihat hasilnya :)
Bagi sobat yang ingin mengganti template blognya, silahkan cari template disini.
Dengan menambahkan kode CSS di atas, maka sidebar tidak akan tampil ketika blog di buka melalui smartphone yang memiliki lebar layar kurang dari 650 pixel.
Demikian tutorial kali ini mengenai cara menyembunyikan sidebar blog pada tampilan versi mobile. Terimakasih telah membaca tutorial singkat di atas. Semoga bermanfaat dan happy blogging :)
Pada Artikel kali ini kita akan membahas Cara Menyembunyikan Sidebar Blog di Tampilan Mobile, Postingan ini masih berhubungan dengan Artikel Tutorial Blog.
Cara Menyembunyikan Sidebar Blog di Tampilan Mobile
Advertisement
Maka dari itu, saat ini pun juga sudah banyak website dan blog yang tampilannya di desain responsive, namun kali ini saya tidak akan membahasnya disini, bagi sobat yang ingin tau apa itu template responsive dan manfaatnya, sobat dapat membacanya disini : Pengertian template responsive dan manfaatnya. Lantas mengapa sidebar blog harus di sembunyikan pada tampilan versi mobile? Sebenarnya tidak di haruskan juga untuk menyembunyikan sidebar pada tampilan mobile, hanya saja cara ini di gunakan untuk mempercepat loading blog pada saat sebuah blog di buka mulalui smartphone. Nah bagi sobat yang ingin menerapkan cara ini, silahkan ikuti langkah-langkah berikut.
Cara Menonaktifkan Sidebar Blog di Versi Mobile
1. Pertama, silahkan sobat masuk ke blog milik sobat terlebih dahulu.2. Buka Template editor dan silahkan cari kode ]]></b:skin> atau </style> silahkan gunakan CTRL+F untuk memudahkan pencarian pada template editor.
3. Setelah salah satu kode di atas berhasil sobat temukan, langkah selanjutnya yakni tambahkan kode di bawah ini tepat di atas kode ]]></b:skin> atau </style>
@media (max-width: 650px){
#sidebar-wrapper{display:none !important;}
}
4. Terakhir simpan template dan lihat hasilnya :)
Bagi sobat yang ingin mengganti template blognya, silahkan cari template disini.
Dengan menambahkan kode CSS di atas, maka sidebar tidak akan tampil ketika blog di buka melalui smartphone yang memiliki lebar layar kurang dari 650 pixel.
Demikian tutorial kali ini mengenai cara menyembunyikan sidebar blog pada tampilan versi mobile. Terimakasih telah membaca tutorial singkat di atas. Semoga bermanfaat dan happy blogging :)
EmoticonEmoticon