Android | Computer | Ms. Office | Blog

Cara Sembunyikan Widget Blog pada Tampilan Versi Mobile

1 comment :

Hai gan, pada kesempatan kali ini saya akan share tutorial sederhana cara sembunyikan widget blog pada tampilan versi mobile. Dalam tutorial ini kita akan menyembunyikan widget yang tidak terlalu penting-penting amat sehingga nanti akan membuat akses blog menjadi lebih cepat kalau diakses malalui ponsel Hp. Dengan menyembunyikan atau menonaktifkan widget yang tidak terlalu penting pada tampilan mobile bukan berarti widget tersebut hilang atau terhapus tapi ia tetap ada, dan akan tetap tampil jika diakses melalui komputer dekstop.

Selain menyembunyikan Widget pada tampilan mobile, disini anda juga dapat menyembunyikan elemen-elemen lainnya yang dirasa tidak perlu. Misalnya seperti menyembunyikan iklan pada tampilan mobile. Iklan yang terlalu banyak tentu juga akan ikut memberatkan loading blog. Sehingga anda perlu menyembunyikannya beberapa iklan pada tampilan mobile, dan cukup iklan tersebut hanya tampil pada komputer dekstop dalam jumlah banyak.

Cara Sembunyikan widget Blog pada tampilan versi Mobile
1. Masuk ke Dashboard blog anda
2. Klik menu Tata Letak dan temukan kode Widget yang ingin disembunyikan.
Menemukan kode Widget
Keterangan gambar:
  • No 1 : klik Tata Letak
  • No 2 : klik Edit pada widget yang mau disembunyikan
  • No 3 : adalah kode widgetnya. Pada gambar diatas ditemukan kode widget "HTML 2". Kode ini berada paling belakang alamat URL (perhatikan nomor 3 diatas). Masing-masing widget kodenya akan berbeda.
3. Setelah kode widget ini ditemukan, sekarang masuk ke Edit HTML. Melalui Tema → Edit HTML.
4. Silahkan cari kode widget tadi, tekan CTRL+F untuk mempermudah pencarian.
5. Kalau sudah ditemukan, lihat dibawahnya kode <b:includable id='main'>
Silahkan salin script berikut ini tepat dibawah <b:includable id='main'>
<b:if cond='data:blog.isMobileRequest == &quot;false&quot;'>

7. Lalu, lihat lagi dibawahnya kode </b:includable>
Dan silahkan salin juga script berikut ini tepat diatas kode </b:includable>
</b:if>

Hasilnya begini:

8. Klik Simpan.

Sekarang silahkan lihat hasilnya melalui Hp smartphone anda. Widget yang anda sembunyikan sudah tidak terlihat lagi dalam tampilan mobile. Lalu, bagaimana cara sembunyikan iklan pada tampilan mobile? caranya tidak terlalu jauh berbeda.

Cara Sembunyikan Beberapa Iklan pada Tampilan Mobile
  • Kalau kode iklan berada dalam Widget, caranya sama seperti diatas.
  • Tapi, kalau kode iklan berada dalam template anda cukup mengapit kode iklan tersebut dengan script berikut. 
<b:if cond='data:blog.isMobileRequest == &quot;false&quot;'>
(KODE IKLAN)
</b:if>

Silahkan anda copy semua script diatas, lalu ganti tulisan warna merah dengan KODE IKLAN yang sudah diparse. Dan jangan lupa klik Simpan.

Begitulah caranya sembunyikan iklan pada tampilan mobile, dan juga cara menyembunyikan widget blog pada tampilan mobile. Silahkan dicoba tutorial diatas semoga berhasil dan bermanfaat.

1 comment :