Agar blog kita cepat di akses menggunakan browser mobile maka kita dapat menonaktifkan widget-widget yang tidak terlalu penting yang bisa memperlambat blog ketika di muat menggunakan browser mobile.

Dengan menonaktifkan beberapa widget pada versi mobile, hal ini dapat membantu mempercepat dimuatnya halaman blog kita ketika diakses menggunakan browser mobile.  Oh yah, trik ini hanya berlaku untuk perangkat smartphone, dan tidak berlaku untuk tablet, iPad dll.

Cara Menyembunyikan Widget Blog di Tampilan Mobile Terbaru
Menyembunyikan Widget Blog versi Mobile

Jadi disini widget blog akan tampil pada blog versi dektop dan widget tidak akan tampil pada blog versi mobile. Sederhananya ketika blog di akses menggunakan mobile phone widget ini tidak akan ditampilkan.

Cara Menyembunyikan Widget Blog Versi Mobile di Blogger


1. Di Blog Blogger
2. Klik menu Tata letak, Pilih widget yang ingin kamu sembunyikan.
3. Klik pada widget tersebut dan akan muncuk popup (perhatikan widget id) misalnya contoh disini HTML 3

Widget Id
Widget ID = HTML3

4. Selanjutnya, pilih menu Template ➔ Edit HTML
5. Temukan/cari widget Id tadi yang ingin kamu sembunyikan (misalnya tadi HTML3)

kode widget
HTML3

6. Misalnya kode yang kamu dapatkan adalah seperti di bawah ini:

<b:widget id='HTML3' locked='false' title='Back at Home' type='HTML'>
                  <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>

7. Tambahkan tag kondisional isMobileRequest, sehingga menjadi seperti dibawah ini:

<b:widget id='HTML3' locked='false' title='Back at Home' type='HTML'>
                  <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>

8. Save

Cara Menonaktifkan Script Blog di Versi Mobile


Beberapa widget tertentu memiliki javascript atau jQueri, maka akan lebih baik lagi jika kamu menonaktikan script yang tidak diperlukan pada tampilan mobile blog, jika kamu menyembunyikan widget tapi lupa menonaktifkan script, maka javascript tersebut akan tetap di load di latar belakang sehingga memperlambat loading blog. Nah untuk menonaktifkannya kamu dapat menggunakan tag kondisional isMobileRequest ini.

Gunakan sintaks berikut:

<b:if cond='data:blog.isMobileRequest == "false"'>
JavaScript untuk Sembunyikan
</b:if>

Tag kondisonal diatur menjadi false yang berarti script tidak akan dimuat dalam perangkat Ponsel tetapi akan memuat dalam Desktop dan Laptop, jika kamu ingin sebaliknya silahkan ganti false menjadi true.

Sekian, semoga bermanfaat. salam Bloggers.
0 Komentar untuk "Cara Menyembunyikan Widget Blog di Versi Mobile"