Halo sahabat blogger,,
Pada kesempatan ini saya akan membagikan tutorial tentang bagaimana cara menyembunyikan header blog pada versi mobile. Kenapa harus disembunyikan?? mungkin anda bertanya demikian. Pada dasarnya header blog sangat penting untuk tampilan kita namun ada beberapa kasus header dianggap menggangu tampilan blog terutama ketika menggunakan gambar pada header. Mungkin pada saat ditampilkan dalam versi dekstop akan terlihat baik-baik saja tapi bagaimana ketika ditampilkan dalam versi mobile?? sebagai contoh tampilan header blog saya dibawah ini
Versi Dekstop
Versi Mobile
Versi Mobile Setelah Menghilangkan Header
Pertama anda masuk ke blogger lalu masuk ke bagian Tema>>Edit HTML lalu pilih lompat ke widget lalu pilih header.Lihat gambar dibawah ini
Kemudian tambahkan kode berikut sebelum section header dan penutup
<b:if cond='data:blog.isMobileRequest == "false"'>
</b:if>
kemudian save template dan coba buka blog kamu di smartphone kamu.
Bagaimana mudah bukan??.
Mungkin itu saja dari saya pada kali ini, jika ada yang ingin ditanyakan silahkan tanyakan pada kolom komentar atau live chat blog ini.
Terima kasih & salam blogger
