- Cara menyembunyikan atau menonaktifkan widget di blog pada tampilan mobile, widget yang dipasang pada situs sanggup disembunyikan atau tidak ditampilkan, hal ini dimaksud semoga loading situs tersebut lebih cepat tanpa meload banyak widget atau ingin membedakan tampilan web dan tampilan mobile. Dengan menonaktifkan beberapa widget pada tampilan mobile, sanggup membantu mempercepat dimuatnya halaman situs atau blog pada dikala di jalan masuk 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" lalu pilih "Edit HTML".
3. Pilih widget yang ingin di sembunyikan menyerupai pada gambar saya menyembunyikan widget "PopularPost1".
4. Contoh arahan Widget "PopularPost1" yang terdapat pada template menyerupai dibawah ini.
5. Tambahkan Tag kondisional isMobileRequest di bawah ini pada arahan widget tersebut.
6. Menjadi serti dibawah ini.
7. Kemudian save.
Demikian "Cara Menyembunyikan Widget Blog Tampilan Mobile", semoga artikel ini bermanfaat.
1. Login pada akun Blogger.
2. Menuju "Template" lalu pilih "Edit HTML".
Baca Juga
3. Pilih widget yang ingin di sembunyikan menyerupai pada gambar saya menyembunyikan widget "PopularPost1".
4. Contoh arahan Widget "PopularPost1" yang terdapat pada template menyerupai 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 != ""'><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>
<b:includable id='main'>
<b:if cond='data:title != ""'><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 arahan widget tersebut.
<b:if cond='data:blog.isMobileRequest == "false"'>
</b:if>
</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 != ""'><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>
<b:includable id='main'>
<b:if cond='data:blog.isMobileRequest == "false"'>
<b:if cond='data:title != ""'><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.