Cara Menampilkan Widget di Mobile Device

Cara Menampilkan atau Menyembunyikan widget di Mobile Device.-
Menjadi seorang blogger tentunya akan selalu memperhatikan tampilan blog yang kita kelola agar tampil bagus dan menarik untuk memikat pengunjung. Setiap blogger tentu punya selera dan keinginan masing-masing tentang tampilan blog yang ia kelola. Ada beberapa widget yang mungkin hanya akan ditampilkan di halaman utama saja atau hanya di halaman postingan saja, atau juga ingin menyembunyikan halaman tersebut. 

Nah berikut ini saya akan bagikan tutorial atau cara untuk menampilkan atau menyembunyikan widget di halaman tertentu, caranya yaitu sebagai berikut ini.

Login ke Blogger > klik Tema > lalu klik Edit HTML

Kemudian pilih dropdown dan Lompat Ke Widget, pilih widget apa yang ingin ditampilkan atau di sembunyikan di halaman tertentu.

Berikut ini cara pengaplikasiannya, tinggal menambahkan tag conditional khususnya saja.

Contoh tag conditional untuk menampilkan atau menyembunyikan widget di halaman tertentu di blog.

<b:if cond='data:blog.pageType == &quot;item&quot;'>

. . .

</b:if>

Dan berikut ini adalah cara pengaplikasiannya di widget yang ingin di tampilkan atau di sembunyikan dari halaman tertentu.

          <b:widget id='HTML10' locked='false' title='' type='HTML' version='1'>

            <b:widget-settings>

              <b:widget-setting name='content'>

&lt;center&gt;

&lt;!-- 468 x 60 Header --&gt;

&lt;ins class=&quot;adsbygoogle&quot;

     style=&quot;display:inline-block;width:300px;height:250px&quot;

     data-ad-client=&quot;ca-pub-7874180xxxxxxxxx&quot;

     data-ad-slot=&quot;3071472001&quot;&gt;&lt;/ins&gt;

&lt;script&gt;

     (adsbygoogle = window.adsbygoogle || []).push({});

&lt;/script&gt;&lt;/center&gt;</b:widget-setting>

            </b:widget-settings>

            <b:includable id='main'>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

                        <div class='widget-content'>

            <data:content/>

  </div></b:if>

</b:includable>

          </b:widget>

Dan berikut ini adalah tag conditional yang dapat Anda gunakan.

Cara menampilkan widget hanya di Mobile Device

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

…

</b:if>

Cara menyembunyikan widget di Mobile Device

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

…

</b:if>

Cara menampilkan widget hanya di halaman Homepage (utama/depan)

<b:if cond='data:view.isHomepage'>

…

</b:if>

Cara menyembunyikan widget di halaman Homepage (Utama/Depan)

<b:if cond='!data:view.isHomepage'>

…

</b:if>

Cara menampilkan widget hanya di halaman item (Postingan/Static)

<b:if cond='data:view.isSingleItem'>

…

</b:if>

Cara menyembunyikan widget hanya di halaman item (Postingan/Static)

<b:if cond='!data:view.isSingleItem'>

…

</b:if>

Cara menampilkan widget hanya di halaman Postingan

<b:if cond='data:view.isPost'>

…

</b:if>

Cara menyembunyikan widget di halaman Postingan

<b:if cond='!data:view.isPost'>

…

</b:if>

Cara menampilkan widget hanya di halaman Static

<b:if cond='data:view.isPage'>

…

</b:if>

Cara menyembunyikan widget di halaman Static

<b:if cond='!data:view.isPage'>

…

</b:if>

Cara menyembunyikan widget di semua halaman pencarian

<b:if cond='!data:view.isSearch'>

…

</b:if>

Cara menyembunyikan widget hanya di halaman Pencarian Label

<b:if cond='!data:view.isLabelSearch'>

…

</b:if>

Cara menyembunyikan widget di halaman Item dan Error

<b:if cond='!data:view.isSingleItem or !data:view.isError'>

…

</b:if>

Cara menyembunyikan widget di Menu Layout Blogger

<b:if cond='!data:view.isLayoutMode'>

…

</b:if>

Cara menampilkan widget hanya di halaman Postingan Tertentu

<b:if cond='data:view.url == "URL_ANDA_DISINI"'>

…

</b:if>

Contoh :

<b:if cond='data:view.url == "https://karin3110.blogspot.com/2020/02/cara-agar-anda-tidak-gentayangan"'>

…

</b:if>

Contoh 2 URL :

<b:if cond='data:view.url == "URL_1" or data:view.url == "URL_2"'>

…

</b:if>

Cara menyembunyikan widget di halaman Postingan Tertentu

<b:if cond='data:view.url != "URL_ANDA_DISINI"'>

…

</b:if>

Cara menampilkan widget hanya di halaman Nama Label Tertentu

<b:if cond='data:view.search.label == "NAMA_LABEL"'>

…

</b:if>

Jika ada 2 label :

<b:if cond='data:view.search.label == "NAMA_LABEL_1" or data:view.search.label == "NAMA_LABEL_2"'>

…

</b:if>

Cara menyembunyikan widget hanya di halaman Nama Label Tertentu

<b:if cond='data:view.search.label != "NAMA_LABEL"'>

…

</b:if>

Jika ada 3 label

<b:if cond='data:view.search.label != "NAMA_LABEL_1" and data:view.search.label != "NAMA_LABEL_2" and data:view.search.label != "NAMA_LABEL_3"'>

…

</b:if>

Semua kode CSS sudah saya coba dan work, jika ada yang tidak work bisa jadi Anda salah dalam menempatkan kode tersebut atau kesalahan dari saya yang beberapa kodenya salah ketik. Tetapi jika pengaplikasiannya sudah sesuai pasti akan work.

Sekian pembahasan singkat dari saya tentang tutorial cara menampilkan atau menyembunyikan widget tertentu. Semoga Artikel ini bermanfaat untuk Anda.