Beranda - Tentang - Daftar Isi - Kontak - Link - Privacy -

CARA MENYEMBUNYIKAN WIDGET BLOG DI TAMPILAN SELULER/MOBILE

Amaterasu Blog – Dalam kesempatan kali ini saya akan mengulas tentang bagaimana cara menyembunyikan widget blog di tampilan seluler/mobile. Cara yang akan saya sajikan berikut adalah cara yang sangat mudah sekali untuk diaplikasikan oleh teman-teman blogger.
cara menyembunyikan widget blog di tampilan seluler/mobile.
Sebagaimana yang kita ketahui bersama, mode tampilan seluler/mobile suatu blog itu berbeda dengan mode tampilan desktop/pc, khususnya bagi teman-teman blogger yang memakai template blogger responsive mobile friendly seperti template blog yang saya pakai ini.

Mengingat widget yang terlalu banyak membuat tampilan blog di  browser seluler/mobile akan terlihat acak-acakan (tidak rapih) serta dapat membuat kinerja suatu blog juga akan menjadi lambat. Jika hal tersebut terjadi maka akan berimbas terhadap menurunnya traffic blog, karena loading blog yang lambat maka akan mudah ditinggalkan oleh para pengunjung yang hendak mencari informasi di blog kita.

Untuk meminimalisir kinerja loading blog di tampilan seluler/mobile salah satunya dengan menyembuyikan beberapa widget blog agar loading blog di tampilan seluler/mobile menjadi lebih ringan. Langsung saja berikut adalah cara-caranya :

Cara Menyembunyikan Widget Blog di Tampilan Seluler/Mobile

Buka dashboard blogger Tata Letak.
Pilih widget blog yang akan kita sebunyikan Kemudian klik Edit.
Setelah terbuka, lihat kode html dari widget yang akan kita sembunyikan. Lihat contoh gambar di bawah ini :
cara menyembunyikan widget blog di tampilan seluler/mobile.
Lihat kode html
Selanjutnya masuk ke Menu Template/Tema Edit HTML Lompat Widget, pilih kode widget yang tadi dilihat di Tata Letak.
cara menyembunyikan widget blog di tampilan seluler/mobile.
Pilih widget yang akan disembunyikan
Jika sudah ketemu “klik” tanda panah kecil berwarna hitam, maka akan terbuka semua kode widget yang akan kita sembunyikan. Tapi jika masih ada tanda panah setelah diklik, coba klik lagi saja sampai seluruh kode widget tadi terbuka semua. Lihat contoh gambar di bawah ini :
cara menyembunyikan widget blog di tampilan seluler/mobile.
Klik tanda panah kecil berwarna hitam
Kemudian tahap selanjutnya adalah menambahkan kode CSS berikut ini [kodenya yang diblok berwarna orange] tambahkan tepat di bawah kode <b:includable id='main'> dan  kemudian tambahkan juga </b:if> di bawah kode <data:content/> </div>. Contohnya bisa dilihat di bawah ini :
</b:widget-setting>


    </b:widget-settings>

    <b:includable id='main'>

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

  <!-- 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:include name='quickedit'/>
</b:includable>
  </b:widget>

Terakhir Klik Save Template.

Selesai

Lihat contoh gambar mengenai widget banner yang saya sembunyikan di tampilan seluler/mobile dengan menggunakan cara-cara di atas.

cara menyembunyikan widget blog di tampilan seluler/mobile.
Menyembunyikan widget banner di tampilan mobile
cara menyembunyikan widget blog di tampilan seluler/mobile.
Contoh menempatan kode css untuk menyembunyikan widget di tampilan seluler
Mungkin cukup sekian ulasan artikel tentang cara menyembunyikan widget blog di tampilan seluler/mobile. Jika di dalam artikel ini ditemukan salah pengertian atau istilah lainnya yang berhubungan dengan ulasan artikel di atas mohon dikrokesi dengan menginggalkan komentar di bawah. Terimakasih sudah berkunjung di Amaterasu Blog. Semoga bermanfaat :-)

9 Responses to "CARA MENYEMBUNYIKAN WIDGET BLOG DI TAMPILAN SELULER/MOBILE"

  1. Ternyata masih banyak yang harus saya pelajari ya mengenai blog ini, selama ini cuma fokusnya ke tulisan2 aja..
    Sip lah gan, liat postingan2 blog sampean ini menambah wawasan perblogan ane.

    ReplyDelete
    Replies
    1. Hhehee iya gan selain kita fokus menulis dan mempublish konten artikel tapi alangkah baiknya kita perhatikan juga tampilan blog kita agar pengunjung nyaman membaca konten yg kita sajikan di blog kita 😊👌
      Salam blogger gan 😂

      Delete
  2. Mau tak coba di blog saya, supaya terlihat rapi d tampilan mobile, trimakasi ilmu blognya, cukup menambah pengetahuan tnntang blom buat saya yg baru bkin blog,

    ReplyDelete
  3. Mau cobain, tapi daku pakai CMS Wordpress. Apa sama aja? Atau beda ya? Caranya?

    Dan setelah baca beberapa artikel mengenai blog, sepertinya masih sangat sedikit yang saya tahu soal blog. Masih permukaan doang.

    ReplyDelete
  4. Jadi lebih ringan tampilan blognya setelah menerapkan metode ini. Terima kasih banyak

    ReplyDelete
  5. sangat bermnafaat nih. terimaksih min atas informasinya. jadi nambah ilmu lagi nih tentang blogger. hehe

    ReplyDelete
  6. Makasih gan tutorornya, widget di blog saya terlalu gede jadi letak artikel agak kebawah kalo dilihat dari mobile

    ReplyDelete
  7. Makasih gan tutor nya langsung otw melaksanakan

    ReplyDelete