Cara Menyembunyikan dan Menampilkan Widget Blog Di Mobile

Blog/situs yang mobile friendly sangat disukai oleh google. Dengan updatenya algoritma google yang terbaru banyak yang membuat para blogger merombak template blog mereke sehingga menjadi responsive dan mobile friendly. Blog yang mobile friendly bukan hanya disukai oleh google tetapi juga para pembaca/pengunjung blo anda.

Mobile fiendly disini bukan hanya membuat template menjadi responsive saja,tetapi juga menghilangkan widget yang sekiranya tidak terlalu penting jika dilihat dan dibuka via mobile. Dengan menghilangkan widget yang tidak diperlukan maka akan membuat loading blog anda jika dibuka dengan mobile seluler menjadi lebih cepat selain itu juga tida akan mengganggu pengunjung.

Jika anda sudah menerepkan template dan blog yang mobile friendly inilah langkah positif untuk membangun blog anda menjadi lebih bagus dan disukai google. Lalu bagaimanan caranya? Caranya cukup mudah anda hanya perlu menambahkan kode diawal dan diakhir widget blog anda. Berikut caranya :

Cara Menyembunyikan Widget Blog

Silakan buka blog sobat,pilih Template → Edit HTML

Silakan cari widget yang akan disembunyikan,contohnya saya akan menyembunyikan widget HTML1 dengan penulisan sebagai berikut.

<b:if cond='data:blog.isMobileRequest == "false"'>
<b:widget id='HTML1' locked='false' title='' type='HTML' version='1' visible='true'>
-----
</b:widget>
</b:if>

Jika ingin menyembunyikan widget lain anda bisa meletakkan kode berwarna kuning diawal dan diakhir kode widget.

Lalu simpan template

Cara Menampilan Widget Blog 

Untuk menampilkan widget dimobile anda hanya perlu mengganti kode false menjadi true

<b:if cond='data:blog.isMobileRequest == "true"'>
<b:widget id='HTML1' locked='false' title='' type='HTML' version='1' visible='true'>
-----
</b:widget>
</b:if>

Lalu simpan template dan coba lihat hasilnya.

Cukup sekian tutorial yang bisa saya bagikan. Semoga bisa membantu dan bermanfaat.