Mengatasi widget yang tidak tampil pada perangkat seluler blogger

Zulmy Eve       February 18, 2016       Add Comment       Blogger       Widget

Cara mengatasi widget yang tidak tampil pada mobile device blogger

Biasanya ada beberapa template yang apabila mengaktifkannya pada perangkat seluler, widget yang ditambahkan pada tampilan PC tidak tampil apabila dilihat melalui perangkat seluler, itu karena pada widgetnya tidak ada permission untuk tampil pada tampilan mobile device.

Apabila widget tersebut sangat diperlukan untuk tampil pada perangkat seluler, mungkin widget followers, popular posts, dan widget-widget lainnya maka sangat disayangkan. Seperti kasus sebelumnya yang saya alami di sebabkan karena template yang saya pakai mengalami masalah seperti ini, pada saat saya mengaktifkan template khusus pada perangkat seluler, widget widget yang ditambahkan di tata letak menghilang begitu saja pada saat di lihat menggunakan perangkat seluler. Kecuali jika tidak mengaktifkan template khusus.

Baik, langsung saja apabila ada yang mengalami masalah yang sama bisa kita ikuti tips ini, misal kita menambahkan widget popular post pada tata letak. otomatis pada template akan ada bagian id widget popular posts seperti berikut

<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>...</b:widget>

Jika tidak diciutkan kira kira seperti ini

<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
            <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'><h2><data:title/></h2></b:if>
  <div class='widget-content popular-posts'>
    <ul>
      <b:loop values='data:posts' var='post'>
      <li>
        <b:if cond='!data:showThumbnails'>
          <b:if cond='!data:showSnippets'>
            <!-- (1) No snippet/thumbnail -->
            <a expr:href='data:post.href'><data:post.title/></a>
          <b:else/>
            <!-- (2) Show only snippets -->
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            <div class='item-snippet'><data:post.snippet/></div>
          </b:if>
        <b:else/>
          <!-- (3) Show only thumbnails or (4) Snippets and thumbnails. -->
          <div expr:class='data:showSnippets ? &quot;item-content&quot; : &quot;item-thumbnail-only&quot;'>
            <b:if cond='data:post.thumbnail'>
              <div class='item-thumbnail'>
                <a expr:href='data:post.href' target='_blank'>
                  <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                </a>
              </div>
            </b:if>
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            <b:if cond='data:showSnippets'>
              <div class='item-snippet'><data:post.snippet/></div>
            </b:if>
          </div>
          <div style='clear: both;'/>
        </b:if>
      </li>
      </b:loop>
    </ul>
    <b:include name='quickedit'/>
  </div>
</b:includable>
          </b:widget>

Kita hanya perlu menambahkan atribut mobile='yes' pada setiap tag widget yang ingin ditampilkan, sehingga akan terlihat seperti ini

<b:widget id='PopularPosts1' locked='false' mobile='yes' title='Popular Posts' type='PopularPosts'>...</b:widget>

Save template dan silahkan lihat melalui perangkat seluler. Semoga bermanfaat

Baca juga:

Zulmy Eve

Empat tahun menggeluti dunia pemerograman membuat saya ingin mencoba untuk berbagi.