Menampilkan/Menyembunyikan Widget Pada Tampilan Mobile dan Halaman Tertentu di Blogger

Menampilkan/Menyembunyikan Widget Versi Mobile dan Halaman Tertentu

Widget blog yang terlalu banyak tentu dapat mengurangi kecepatan loading. Namun, jika widget tersebut terasa penting dan tetap ingin mempertahankan keberadaannya, ada baiknya melakukan pengaturan pada halaman mana saja elemen widget tersebut akan ditampilkan.

Dalam pemasangan widget di blog, mungkin ada beberapa widget yang perlu diatur dalam menampilkannya agar terlihat rapi dan menambah kecepatan loading. Ada widget yang ditampilkan hanya di versi desktop, hanya di versi mobile atau pun menampilkannya di versi keduanya.
Selain itu widget disini juga bisa disembunyikan

Cara Menampilkan/Menyembunyikan Widget di Blog

Kebanyakan widget biasanya disembunyikan pada tampilan versi mobile. Namun, dengan menyembunyikan widget yang tidak terlalu penting pada tampilan mobile bukan berarti widget tersebut hilang, widget akan tetap ada tetapi hanya muncul jika diakses melalui dekstop.

Selain menyembunyikan widget pada tampilan versi mobile, disini juga dapat menyembunyikan elemen-elemen lain yang dirasa tidak perlu. Misalnya saja seperti menyembunyikan iklan pada tampilan mobile.

Iklan yang terlalu banyak tentu akan memberatkan loading blog. Sehingga perlu menyembunyikan beberapa iklan pada tampilan mobile, dan cukup iklan tersebut hanya tampil pada dekstop dalam jumlah banyak.

Cara Menyembunyikan Widget Untuk Tampilan Versi Mobile di Blog

1. Masuk ke dashboard Blogger – pilih Tata Letak – pilih Widget yang ingin disembunyikan.

2. Kemudian catat ID widget tersebut yang terletak pada paling belakang alamat URL (misal disini ID widget nya tertulis HTML7).


3. Setelah itu masuk ke TemaEdit HTML – cari ID widget tersebut.


4. Jika sudah ditemukan, letakkan kode berikut di bawah <b:includable id='main'>

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

5. Lalu, lihat lagi dibawahnya terdapat kode </b:includable>, letakkan kode berikut ini diatas kode </b:includable>

</b:if>

6. Kurang lebih hasilnya seperti ini.


7. Klik Simpan.

Sekarang widget yang disembunyikan sudah tidak terlihat lagi dalam tampilan mobile. Dan cara untuk menyembunyikan iklan pada tampilan mobile tidak terlalu jauh berbeda.

Cara Menyembunyikan/Menampilkan Widget di Halaman Tertentu Blog

Selain dapat disembunyikan pada tampilan versi mobile, widget juga dapat disembunyikan pada halaman tertentu di blog.  Misalnya ingin menyembunyikan widget di halaman Preview Post, Homepage, Halaman Post, atau Halaman Statis, caranya adalah sebagai berikut.

1. Masuk ke dashboard Blogger – pilih Tata Letak – pilih Widget yang ingin disembunyikan.

2. Kemudian catat ID widget tersebut yang terletak pada paling belakang alamat URL (misal disini ID widget nya tertulis HTML7).


3. Setelah itu masuk ke Tema – Edit HTML – cari ID widget tersebut.

4. Misalnya, widget yang ingin disembunyikan adalah seperti pada kode berikut ini:

<b:widget id='HTML2' locked='false' title='Iklan' type='HTML'>...</b:widget>

Dan widget tersebut ingin disembunyikan pada halaman Homepage, maka tinggal menambahkan tag conditional khusus seperti ini:

<b:widget cond='!data:view.isHomepage' id='HTML2' locked='false' title='Iklan' type='HTML'>...</b:widget>


Jika ingin menerapkannya pada halaman lain, caranya seperti berikut ini.

1. Hanya ingin menampilkan widget di halaman depan (homepage)

<b:widget cond='data:view.isHomepage' id='HTML2' locked='false' title='Iklan' type='HTML'>...</b:widget>

2. Ingin menyembunyikan widget di halaman depan (homepage)

<b:widget cond='!data:view.isHomepage' id='HTML2' locked='false' title='Iklan' type='HTML'>...</b:widget>

3. Hanya ingin menampilkan widget di halaman item (post page dan static page)

<b:widget cond='data:view.isSingleItem' id='HTML2' locked='false' title='Iklan' type='HTML'>...</b:widget>

4. Ingin menyembunyikan widget di halaman item (post page dan static page)

<b:widget cond='!data:view.isSingleItem' id='HTML2' locked='false' title='Iklan' type='HTML'>...</b:widget>

5. Hanya ingin menampilkan widget di halaman Post

<b:widget cond='data:view.isPost' id='HTML2' locked='false' title='Iklan' type='HTML'>...</b:widget>

6. Ingin menyembunyikan widget di halaman Post

<b:widget cond='!data:view.isPost' id='HTML2' locked='false' title='Iklan' type='HTML'>...</b:widget>

7. Hanya ingin menampilkan widget di halaman Static

<b:widget cond='data:view.isPage' id='HTML2' locked='false' title='Iklan' type='HTML'>...</b:widget>

8. Ingin menyembunyikan widget di halaman Static

<b:widget cond='!data:view.isPage' id='HTML2' locked='false' title='Iklan' type='HTML'>...</b:widget>

9. Ingin menyembunyikan widget di semua halaman Pencarian

<b:widget cond='!data:view.isSearch' id='HTML2' locked='false' title='Iklan' type='HTML'>...</b:widget>

10. Ingin menyembunyikan widget hanya di halaman Pencarian Label

<b:widget cond='!data:view.isLabelSearch' id='HTML2' locked='false' title='Iklan' type='HTML'>...</b:widget>

11. Ingin menyembunyikan widget hanya di halaman Item dan Error

<b:widget cond='!data:view.isSingleItem or !data:view.isError' id='HTML2' locked='false' title='Iklan' type='HTML'>...</b:widget>

Begitulah caranya menampilkan/menyembunyikan widget pada tampilan mobile dan halaman tertentu di blog. Silahkan dicoba tutorial diatas semoga berhasil dan bermanfaat. Jika masih bingung bisa ditanyakan di kolom komentar. Terimakasih.

Artikel Terkait

Belum ada Komentar untuk "Menampilkan/Menyembunyikan Widget Pada Tampilan Mobile dan Halaman Tertentu di Blogger"

Posting Komentar

Jika ada yang masih kurang jelas, silahkan untuk bertanya pada kolom komentar di bawah ini atau dengan menghubungi kami di halaman kontak.

1. Centang kotak Notify me/Beri tahu saya untuk mendapatkan notifikasi komentar.

2. Semua komentar dengan menambahkan link akan dihapus dan tidak akan dipublikasikan.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel