Cara menampilkan & menyembunyikan widget dihalaman blog tertentu

Cara menampilkan & menyembunyikan widget dihalaman blog tertentu

December 13, 2018

Assalamualaikum dan salam Sejahtera...
Kali ini saya akan kongsikan tutorial berkaitan widget,Cara menyembunyikan wiget di page page tertentu di blogger.
Cara menampilkan & menyembunyikan widget dihalaman blog tertentu
Saya akan kongsikan beberapa code untun menampilkan & menyembunyikan wiget,
Berikut adala codnya:

Menampilkan widget pada Mobile Phone Sahaja:

<b:if cond='data:blog.isMobileRequest == &quot;true&quot;'>
</b:if>

Menampilkan widget pada halaman Home page Sahaja:
<b:if cond='data:blog.url == data:blog.homepageUrl'>
 </b:if>

Menampilkan Widget di Archivepages :
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
</b:if>

Menampilkan Widget di Itempages / Postingan :
<b:if cond='data:blog.pageType == &quot;item&quot;'> 
</b:if>

Menampilkan widget di Static Pages :
<b:if cond='data:blog.pageType == &quot;static_page&quot;'> 
</b:if>

Menampilkan widget pada URL Post Tertentu :
<b:if cond='data:blog.url == &quot;alamatpostingan&;quot;'> 
</b:if>

Gantikan code yang di higlite dengan url post anda.

langkah-langkah untuk meletakan kode diatas adalah sebagai berikut :

Login ke bloger anda tap pada Theme > Html editor Cari widget yang anda ingin sembunyikan

<b:widget id='HTML1' locked='false' title='Join Me' type='HTML'> 
<b:includable id='main'>

<--Kod menyembunyikan widget di sini ->

</b:includable> 


Gantikan code yang di higlite dengan kod penyembunyi widget

Contoh code yang saya gunakan
<b:section class='sidebar' id='sidebar_bottom' mobile='yes' preferred='yes'>
  <b:widget id='HTML10' locked='true' title='' type='HTML' version='1'>
    <b:widget-settings>
      <b:widget-setting name='content'>&lt;!-- sidebar 2 --&gt;
&lt;ins class=&quot;adsbygoogle&quot;
     style=&quot;display:block&quot;
     data-ad-client=&quot;ca-pub-12345&quot;
     data-ad-slot=&quot;12345&quot;
     data-ad-format=&quot;auto&quot;
     data-full-width-responsive=&quot;true&quot;&gt;&lt;/ins&gt;
&lt;script&gt;
(adsbygoogle = window.adsbygoogle || []).push({});
&lt;/script&gt;</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'><b:if cond='data:blog.pageType == &quot;item&quot;'> 
   <b:if cond='data:content != &quot;&quot;'>
      <div class='widget-content'>
         <data:content/>
      </div>
   </b:if>
</b:if>
</b:includable>
  </b:widget>


Code Yng saya higlite adala kod penyembunyi di halaman,

Naa senang bukan,
Jika anda kurang faham/penambah baikan sila tinggalkan kommen di bawa.

Thanks,
O4U Admin.

Load Comments