5 Langkah Menyembunyikan Widget Blog pada Tampilan Mobile Friendly

Caricara.co.id - Widget merupakan komponen penting yang harus ada di sebuah blog, fungsinya untuk menaruh popular post, label , maupun iklan. Namun dengan banyaknya widget yang di pasang akan berpengaruh pada kecepatan loading blog anda. Sehingga menyembunyikan widget pada tampilan mobile adalah pilihan yang tepat.

5 Langkah Menyembunyikan Widget Blog pada Tampilan Mobile Friendly


Keuntungan menyembunyikan Widget blog pada tampilan mobile adalah jika di kunjungi melalui tampilan dekstop tetap menarik dan jika  di kunjungi via mobile akan tetap kencang loadingnya. sehingga pembaca akan lebih nyaman jika mengunjungi website kita dengan berbagai perangkat.

Dan kali ini caricara.co.id akan membagikan tutorial cara menyembunyikan widget blog yang mudah di pahami. simak langkah-langkahnya sebagai berikut:

Cara Menyembunyikan Widget Blog di Tampilan Mobile

1. Buka blog anda di blogger.com
2. Lalu buka Theme dan Edit HTML 
3. Cari widget yang akan di sembunyikan dengan cara KLIK Lompat ke Widget pada menu  Edit Templete
4. Lalu copy kode berwarna merah dan letakan sama persis seperti kode di bawah ini

  <b:widget id='HTML1' locked='false' title='' type='HTML' version='1' 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:if>

</b:includable>

  </b:widget>

5. Kemudian Simpan Templete ( maka widget akan hilang pada tampilan mobile)

Bagaimana mudah sekali kan? nah bagi anda yang ingin menampilkan widget yang tersembunyi ikuti langkah-langkah berikut ini:

Cara Menampilkan Widget Blog yang Tersembunyi

1. Buka blog anda di blogger.com
2. Lalu buka Theme dan Edit HTML 
3. Cari widget yang akan di tampilkan dengan cara KLIK Lompat ke Widget pada menu  Edit Templete
4. Lalu cari kode berwarna merah seperti di bawah ini dan hapus saja.

  <b:widget id='HTML1' locked='false' title='' type='HTML' version='1' 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:if>

</b:includable>

  </b:widget>

5. Kemudian Simpan Templete ( maka widget akan tampil lagi di mobile)


Baca Juga: Cara Pasang Script Anti Copy Paste di Blog Lengkap dengan Anti CTRL+U dan Klik Kanan | 3 Sitemap Seo Friendly Keren dan Cara Memasang Di Halaman Blogspot

Demikian ulasan mengenai Cara Menyembunyikan Widget Blog pada Tampilan Mobile Friendly, Semoga bisa bermanfaat buat temen-temen blogger pemula. Dan jangan lupa kunjungi terus website ini untuk tutorial blogging lainya. Terimakasih

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel