Tutorial Menyembunyikan Widget Blog Di Tampilan Mobile

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

Pada kesempatan kali ini aku pun akan membagikan tutorial mengenai blogger yg aku khususkan bagi pengguna lanjut, alasannya kalau anda masih tahap mencar ilmu mungkin tutorial ini masih membingungkan. Tutorialnya ialah menyembunyikan widget di tampilan mobile atau HP, menyerupai yg sudah aku katakan diatas blogger mempunyai fitur untuk mempermudah penggunanya dalam mengelola blog, salah satunya ialah fitur widget yg ada di sajian tata letak. Fitur ini memungkinkan kita untuk menempatkan fitur pemanis di blog kita yg 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, yg kesudahannya malah tidak menciptakan nyaman pengunjung. Seperti halnya di tampilan dekstop, di tampilan mobile atau hanphone pun harus diperhatikan alasannya terlalu banyak menambah widget di template pun akan mensugesti loading blog. Nah kalau menambah banyak widget di tampilan dekstop tidak terlalu berpengaruh, namun kalau di tampilan mobile mungkin cukup banyak pengaruhnya. Nah untuk itu silahkan sembunyikan widget yg tidak terlalu penting di tampilan mobile, untuk caranya bisa anda ikuti dibawah ini serta damai saja cara ini hanya menyembunyikan di tampilan mobile saja serta kalau 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 yg ingin disembunyikan pada tampilan mobile, untuk mengetahuinya cukup gampang yaitu tinggal masuk ke tata letak kemudian klik edit pada widget yg ingin disembunyikan serta lihat disektor arahan HTML di bab URL tersebut, (biasanya ada disektor 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 yg sudah dilihat di tata letak.


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


4. Nah untuk selanjutnya silahkan tambahkan arahan CSS berikut untuk menyembunyikan widget tersebut di tampilan mobile yg 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 serta coba cek di smartphone anda.

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

Artikel Terkait