Cara Menyembunyikan Widget Blog Pada Tampilan Mobile

Cara Menyembunyikan Widget Blog Pada Tampilan Mobile


Ok bro kali ini saya ingin berbagi tips untuk blog nih yaitu Cara Menyembunyikan Widget Blog Pada Tampilan Mobile, yoi menyembunyikan widget pada tampilan mobile hanya tampilan mobile yah 🤗 .

Kita semua pasti tau tampilan mobile & desktop jelas berbeda, meskipun Template sudah Responsive tetapi tampilan tidak menarik jika dilihat pada tampilan mobile, ada sebagian orang yang menggunakan banyak widget pada blog nya, membuat banyak widget tentu akan mengorbankan loading semakin banyak widget semakin banyak yang di load jadi blog anda akan terasa lemot apalagi di akses melalui mobile huh....

Nah cara yang saya bagikan kali ini mungkin membantu anda untuk yang suka memasang widget banyak, entah itu widget iklan, popular post dan lainnya, memasang widget banyak bukan masalah tapi akan bermasalah saat di akses melalui mobile, oleh karena itu alangkah baiknya kalian tentu kan widget mana yang akan tampil pada halaman Mobile dan mana yang akan tampil pada Halaman desktop.

Untuk menentukan widget hanya tampil pada halaman desktop kalian hanya perlu menambahkan sedikit kode saja, simak dibawah penjelasan Cara Menyembunyikan Widget Blog Pada Tampilan Mobile.


Menampilkan Widget Pada Tampilan Mobile


  • Pertama kita harus mencari terlebih dahulu id=HTML nya.

  • Buka Tata Letak > klik Edit Widget (widget yang akan hanya tampil pada desktop)

  • Pada halaman edit Widget akan tampil kode id HTML seperti berikut.
  • Kemudian buka menu Tema > Edit HTML.

  • Pada tampilan edit html > lompat widget (sesuai id html Widget yang tadi)

  • Kemudian kalian cari dibawah nya cari kode ini.

<b:includable id='main'>


  • Letakan kode dibawah ini tepat sesudah kode di atas.

 <b:if cond='data:blog.isMobileRequest == &quot;false&quot;'> 


  • Letakan kode dibawah ini setelah kode </div>

 </b:if>

  • Kurang lebihnya tampilan kode akan seperti ini.

</b:widget-setting>

    </b:widget-settings>
    <b:includable id='main'>
<b:if cond='data:blog.isMobileRequest == &quot;false&quot;'>
  <!-- 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:if>
  <b:include name='quickedit'/>
</b:includable> 


  • Kode yang di tandai adalah kode yang kalian copy tadi.

  • Terakhir simpan deh dan lihat hasilnya.

Cukup mudah bukan Cara Menyembunyikan Widget Blog Pada Tampilan Mobile ? Cara ini juga bisa kalian gunakan pada iklan Adsense juga. Yah mungkin segitu saja Cara Menyembunyikan Widget Blog Pada Tampilan Mobile semoga bisa membantu anda.

Berlangganan update artikel terbaru via email:

Tampilkan Komentar
Sembunyikan Komentar

Belum ada Komentar untuk "Cara Menyembunyikan Widget Blog Pada Tampilan Mobile"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel