Blog, Web, Internet dan Bisnis Online

Cara Menyembunyikan Widget Blog pada Tampilan versi Mobile


Dalam tutorial kali ini saya akan share tutorial sederhana bagaimana cara menyembunyikan 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 kita menjadi lebih cepat kalau diakses malalui mobile (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 lah iklan tersebut hanya tampil pada komputer dekstop dalam jumlah banyak.

Langkah-langkah menyembunyikan 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 diteukan kode widget "HTML 2". Kode ini berada paling belakang alamat URL (perhatikan nomor 3 diatas). Masing-masing widget kodenya pasti 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. Simpan Tema

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

Untuk menyembunyikan 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 terakhir silahkan tekan Simpan Tema.

Begitulah caranya sembunyikan iklan pada tampilan mobile, dan juga cara menyembunyikan widget blog pada tampilan mobile. Silahkan dicoba tutorial diatas semoga berhasil dan bermanfaat.
Tag : SEO, Tips Blog
0 Komentar untuk "Cara Menyembunyikan Widget Blog pada Tampilan versi Mobile"

Back To Top