Cara Menyembunyikan Widget Blog Tampilan Mobile

DI BANYAK CARA - Cara menyembunyikan atau menonaktifkan widget di blog pada tampilan mobile, widget yang dipasang pada situs bisa disembunyikan atau tidak ditampilkan, hal ini dimaksud agar loading situs tersebut lebih cepat tanpa meload banyak widget atau ingin membedakan tampilan web dan tampilan mobile. Dengan menonaktifkan beberapa widget pada tampilan mobile, dapat membantu mempercepat dimuatnya halaman situs atau blog pada saat di akses pada smartphone atau browser versi mobile, tentu cara dibawah hanya berlaku di smartphone, tidak berlaku pada tablet dan ipad. Berikut dibawah ini cara menonaktifkan widget di blog pada tampilan mobile.

1. Login pada akun Blogger.
2. Menuju "Template" kemudian pilih "Edit HTML".

3. Pilih widget yang ingin di sembunyikan seperti pada gambar saya menyembunyikan widget "PopularPost1".

4. Contoh kode Widget "PopularPost1" yang terdapat pada template seperti dibawah ini.

  <b:widget id='PopularPosts1' locked='false' title='Popular Post' type='PopularPosts' version='1' visible='true'>
    <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'><h2><data:title/></h2></b:if>
  <div class='widget-content popular-posts'>
            </b:if>
          </div>
          <div style='clear: both;'/>
        </b:if>
      </li>
      </b:loop>
    </ul>
   </div>
</b:includable>
  </b:widget>

5. Tambahkan Tag kondisional isMobileRequest di bawah ini pada kode widget tersebut.

<b:if cond='data:blog.isMobileRequest == "false"'>

</b:if>

6. Menjadi serti dibawah ini.

  <b:widget id='PopularPosts1' locked='false' title='Popular Post' type='PopularPosts' version='1' visible='true'>
    <b:includable id='main'>
<b:if cond='data:blog.isMobileRequest == "false"'>
  <b:if cond='data:title != &quot;&quot;'><h2><data:title/></h2></b:if>
  <div class='widget-content popular-posts'>
            </b:if>
          </div>
          <div style='clear: both;'/>
        </b:if>
      </li>
      </b:loop>
    </ul>
   </div>
</b:if>
</b:includable>
  </b:widget> 

7. Kemudian save.

Demikian "Cara Menyembunyikan Widget Blog Tampilan Mobile", semoga artikel ini bermanfaat.