Cara Menonaktifkan Widget Blog di Tampilan Versi Mobile


Cara Menonaktifkan Widget Blog di Tampilan Versi Mobile

Kali ini Santai Bareng akan membagikan Cara Menonaktifkan Widget Blog di Tampilan Versi Mobile. Kenapa dinonaktifkan ? Agar blog sobat cepat diakses menggunakan browser mobile. Maka dari itu nonaktifkanlah widget-widget yang tidak terlalu penting atau yang tidak responsif terhadap tampilan versi mobile seperti iklan agar tampilan blog dalam versi mobile lebih simple dan rapi.

Trik widget ini hanya berlaku untuk perangkat smartphone ya sobat, dan tidak berlaku untuk perangkat iPad, tablet, dan sebaginya. OK, langsung saja.

Berikut Cara Menonaktifkan Widget Blog di Tampilan Versi Mobile :

1. Masuk ke akun blogger sobat.
2. Pilih menu Tata Letak, kemudian pilih widget yang ingin sobat sembunyikan.
3. Klik pada bagian url link widget tersebut, di akhir link ada keterangan widgetId=HTML3
Menonaktifkan Widget Blog di Tampilan Versi Mobile
4. Setelah mengetahi id widgetnya, klik menu Template Edit HTML.
5. Klik menu Lompat ke Widget (Jump to Widget) dan pilih id widget yang diketahui sebelumnya.
Menonaktifkan Widget Blog di Tampilan Versi Mobile
6. Sobat akan otomatis menuju ke tampilan seperti gambar dibawah ini.
Menonaktifkan Widget Blog di Tampilan Versi Mobile
7. Klik pada bagian yang dilingkari warna biru. Misalkan kode yang sobat temukan seperti berikut.
<b:widget id='HTML3' locked='false' title='' type='HTML' visible='true'
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/> </b:includable> </b:widget>

8. Tambahkan tag kondisional isMobileRequest, sehingga susunan kodenya seperti berikut ini.
<b:widget id='HTML3' locked='false' title='' type='HTML' visible='true'>
<b:includable id='main'>
<b:if cond='data:blog.isMobileRequest == "false"'>
<!-- only display title if it's non-empty -->
><b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
  <div class='widget-content'>
<data:content/>
  </div>

  <b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

9. Simpan dan selesai.

Oh ya, ada tambahan nih.
Ada beberapa widget tertentu memiliki javascript atau jQueri. Maka dari itu lebih baik menonaktifkan script yang tidak diperlukan pada tampilan versi mobile. Jika sobat menonaktifkan widget tetapi lupa menonaktifkan scriptnya, maka javascript tersebut akan tetap di load di latar belakang blog yang mengakibatkan lambatnya loading blog. Jika sobat ingin menonaktifkannya juga, sobat dapat menggunakan tag kondisional seperti berikut ini.
<b:if cond='data:blog.isMobileRequest == "false"'>
JavaScript untuk Sembunyikan
</b:if>

Tag kondisional diatur menjadi false berarti script tersebut tidak akan dimuat dalam perangkat mobile dan akan memuat dalam perangkat destop, laptop, dan pc. Jika sobat ingin sebaliknya, silahkan ganti galse menjadi true.

Baca juga : 3 Hal Kecil Penyebab Blog Dibanned AdSense

Gimana sobat ? Mudah kan.
OK, sekian dulu mengenai Cara Menonaktifkan Widget Blog di Tampilan Versi Mobile. Selamat mencoba semoga berhasil dan bermanfaat. Terima kasih.

Dapatkan artikel Tutorial Blog & Optimasi Blog lainnya di Barungeblog.com
Baca Juga!

Loading...