Cara Menonaktifkan Script dan Widget Tertentu Saat Blog atau Situs dibuka di Versi Mobile


Pada artikel kali ini, saya akan Share Cara Menonaktifkan Script Tertentu Saat Blog atau Situs dibuka di Platform Mobile. Cara yang saya share disini akan sangat berguna bagi Anda yang ingin mempercepat loading blog atau situs Anda pada saat dibuka di Versi Mobile. Dengan cara ini Anda bisa menyembunyikan widget-widget tertentu yang tidak terlalu penting saat dibuka di versi mobile. Selain mempercepat Saat proses load di Versi mobile. Menyembunyikan widget yang tidak penting juga bisa merapikan tampilan Situs atau Blog Anda saat dibuka di versi mobile.

Trik yang saya berikan ini hanya bisa berlaku di Smartphone, tidak termasuk perangkat Tablet,iPad dan yang lainnya.

Baiklah, tanpa berlama-lama lagi, yu disimak cara Menonaktifkan Script dan Widget Tertentu Saat Blog atau Situs dibuka di Versi Mobile.
  1. Masuk ke Dashboard Blogspot Anda.
  2. Pilih Menu Tata Letak dan pilihlah widget yang ingin disembunyikan.
  3. Cari ID Widget tersebut pada bagian akhir URL, contohnya seperti di bawah ini.
  4. Jika sudah mengetahui ID Widgetnya, sekarang langsung lanjut dengan klik Tema lalu pilih EDIT HTML.
  5. Klik Menu Lompat ke Widget atau Jump to Widget. dan Cari ID Widget yang sudah kamu ketahui tadi lalu klik ID widget tersebut.
  6. Jika berhasil, Anda secara otomatis akan dibawa ke tampilan seperti di bawah ini.
  7. Klik bagian petunjuk yang ditandai dengan lingkaran warna biru di atas, setelah itu Anda akan mendapatkan kode widget yang Anda pilih tadi, contohnya seperti di bawah ini.
    <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. Nah, sekarang tambahkan kode atau Tags Conditional di widget tersebut agar widget tersebut tidak muncul ketika dibuka di versi mobile, sehingga susunannya akan seperti di bawah 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. Widget yang saya tandai dengan warna kuning adalah tag conditional yang akan menyembunyikan widget Anda ketika dibuka di Versi Mobile atau Smartphone.
  10. Jika sudah, klik Simpan dan Selesai. Silahkan ada coba buka di Smartphone Anda, jika berhasil, maka widget tersebut tidak akan tampil dalam Versi Mobile atau Smartphone yang sedang Anda buka.
Tambahan :
Cara di atas adalah cara menon aktifkan widget ketika dalam tampilan mobile atau smartphone, nah jika ingin menonaktifkan script tertentu ketika dibuka di versi mobile, Anda hanya perlu menambahkan kode seperti di bawah ini : 
<b:if cond='data:blog.isMobileRequest == &quot;true/false&quot;'>
 Kode yang ingin ditampilkan atau disembunyikan berada disini 
</b:if>

Bagaimana? Mudah bukan? Selamat Mencoba dan Semoga berhasil ya, Terimakasih.
Disqus Comments