Cara Menyembunyikan Widget Blog pada Tampilan Mobile di Blogger

No ratings yet.


Cara Menyembunyikan Widget Blog pada Tampilan Mobile di Blogger

Cara Menyembunyikan Widget Blog  – Mempercepat loading blog / website merupakan hal yang wajib bagi pemilik website agar para pencari informasi tidak kabur karena website yang lelet di akses salah satunya dengan menyembunyikan Widget pada tampilan mobile.

Widget sendiri fungsinya untuk menampilkan posting populer dan posting terbaru yang tidak terlihat pada home page, akan tetapi tidak semua orang menyukainya apalagi jika widget tersebut menambah berat loading website.

Untuk itu saya sudah merangkum cara untuk menyembunyikan widget pada tampilan mobile, tapi widget tersebut masih terlihat di tampilan desktop, berikut tutorial sesuai langkah-langkah yang saya lakukan:

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)

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

Please rate this

Add a Comment

Your email address will not be published. Required fields are marked *