Sekilas Informasi Trik Menyembunyikan Widget Blog Di Tampilan Mobile

Tutorial Blogger,- Blogger yaitu sebuah layanan milik google yang disediakan secara khusus kepada pengguna internet untuk menciptakan sebuah blog secara gratis, blogger mempunyai keistimewaan sendiri dibandingkan dengan situs pembuat blog lainnya alasannya yaitu blog yang di buat melalui platform blogger bisa bersaing dengan web-web besar lain di mesin pencarian khususnya Google. Hal tersebut juga tidak lepas dengan pemiliknya yaitu google yang notabene sebagai mesin pencarian sekaligus perusahaan internet terbesar di dunia untuk dikala ini. Nah buat anda yang berniat membuat blog gratisan aku sarankan di blogger alasannya yaitu pembuatannya yang gampang sekaligus aneka macam tutorial yang beredar di internet.

Pada kesempatan kali ini aku juga akan membagikan tutorial mengenai blogger yang aku khususkan bagi pengguna lanjut, alasannya yaitu bila anda masih tahap berguru mungkin tutorial ini masih membingungkan. Tutorialnya yaitu menyembunyikan widget di tampilan mobile atau HP, ibarat yang sudah aku katakan diatas blogger mempunyai fitur untuk mempermudah penggunanya dalam mengelola blog, salah satunya yaitu fitur widget yang ada di sajian tata letak. Fitur ini memungkinkan kita untuk memasang fitur komplemen di blog kita yang tempatnya bisa kita sesuaikan.

Baca: Cara menyembunyikan widget tertentu di halaman utama blog

Untuk penambahan widget tidak ada batasnya, namun perlu diperhatikan bahwa terlalu banyak menambahkan widget blog bisa memperberat loading blog, yang jadinya malah tidak menciptakan nyaman pengunjung. Seperti halnya di tampilan dekstop, di tampilan mobile atau hanphone juga harus diperhatikan alasannya yaitu terlalu banyak menambah widget di template juga akan mempengaruhi loading blog. Nah bila menambah banyak widget di tampilan dekstop tidak terlalu berpengaruh, namun bila di tampilan mobile mungkin cukup banyak pengaruhnya. Nah untuk itu silahkan sembunyikan widget yang tidak terlalu penting di tampilan mobile, untuk caranya bisa anda ikuti dibawah ini dan damai saja cara ini hanya menyembunyikan di tampilan mobile saja dan bila dibuka di tampilan dekstop masih ada. Ok pribadi saja berikut tutorialnya.

Cara Menyembunyikan Widget di Tampilan Mobile

1. Pertama sebelum melaksanakan tutorial ini anda harus mengetahui dulu arahan html dari widget yang ingin disembunyikan pada tampilan mobile, untuk mengetahuinya cukup gampang yaitu tinggal masuk ke tata letak kemudian klik edit pada widget yang ingin disembunyikan dan lihat dibagian arahan HTML di bab URL tersebut, (biasanya ada dibagian akhir).

2. Jika sudah diketahui selanjutnya masuk ke sajian template kemudian pilih "Edit HTML", kemudian untuk cara cepatnya mencari arahan tersebut bisa klik sajian "lompat ke widget" kemudian pilih arahan widget yang sudah dilihat di tata letak.

3. Jika sudah ketemu silahkan klik tanda panah kecil dibagian nomor, maka otomatis akan membuka seluruh arahan widget tersebut. Disini biasanya akan terdapat lagi tanda panah sehabis anda klik tanda panah pertama, silahkan klik lagi.

4. Nah untuk selanjutnya silahkan tambahkan arahan CSS berikut untuk menyembunyikan widget tersebut di tampilan mobile yang sudah aku tandai dengan warna merah.

  <b:widget id='HTML11' 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. Terakhir tinggal simpan template dan coba cek di smartphone anda.

Nah gampang bukan cara menyembunyikan widget di tampilan mobile, dengan begitu blog anda bila dibuka di perangkat mobile tidak akan terlalu berat loadingnya. Demikian artikel tutorial blog yang sanggup aku bagikan dan terima kasih.