Rahasia muncul dan hilangnya widget di blogger

Trik ini di gunakan untuk tujuan tertentu, menghilangkan atau memunculka widget sebagai mana mestinya atau lebih tepat fungsinya. misalkan di halaman depan blog ini sudah ada daftar posting update terbaru, jadi untuk widget recent post lebih cocok di munculkan hanya pada halaman posting saja. trik ini juga bisa di gunakan untuk membuat halaman atau postingan tanpa widget. untuk caranya simak di bawah ini:

1. login ke akun blogger.com sobat
2. pilih templat
3. cari kode widget yang ingin sobat hilangkan

Contoh: saya ingin memunculkan widget populer post hanya di halaman posting saja, berikut kodenya:

<b:widget id='PopularPosts1' locked='false' title='5 Artikel Populer' type='PopularPosts'>

<b:includable id='main'>

  <b:if cond='data:title'><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 == &quot;false&quot;'>

          <b:if cond='data:showSnippets == &quot;false&quot;'>

            <!-- (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/>

          <b:if cond='data:showSnippets == &quot;false&quot;'>

            <!-- (3) Show only thumbnails -->

            <div class='item-thumbnail-only'>

              <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>

            </div>

            <div style='clear: both;'/>

          <b:else/>

            <!-- (4) Show snippets and thumbnails -->

            <div class='item-content'>

              <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>

              <div class='item-snippet'><data:post.snippet/></div>

            </div>

            <div style='clear: both;'/>

          </b:if>

        </b:if>

      </li>

      </b:loop>

    </ul>

    <b:include name='quickedit'/>

  </div>

</b:includable>

</b:widget>

</b:section>

kode di atas kode awal, lalu saya tambahkan kode di bawah ini:

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

 setelah kode <b:includable id='main'> dan tag penutupnya </b:if> di atas kode

</b:includable>

maka akan menjadi

<b:widget id='PopularPosts1' locked='false' title='5 Artikel Populer' type='PopularPosts'>

<b:includable id='main'>

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

  <b:if cond='data:title'><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 == &quot;false&quot;'>

          <b:if cond='data:showSnippets == &quot;false&quot;'>

            <!-- (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/>

          <b:if cond='data:showSnippets == &quot;false&quot;'>

            <!-- (3) Show only thumbnails -->

            <div class='item-thumbnail-only'>

              <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>

            </div>

            <div style='clear: both;'/>

          <b:else/>

            <!-- (4) Show snippets and thumbnails -->

            <div class='item-content'>

              <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>

              <div class='item-snippet'><data:post.snippet/></div>

            </div>

            <div style='clear: both;'/>

          </b:if>

        </b:if>

      </li>

      </b:loop>

    </ul>

    <b:include name='quickedit'/>

  </div>

 </b:if>

</b:includable>

</b:widget>

</b:section>

4. save atau simpan perubahan.

Berikut ini adala kode yang bisa anda gunakan untuk trik menyembunyikan dan memunculkan widget 


1. cara menampilkan widget hanya pada Homepage saja

<b:if cond='data:blog.url == data:blog.homepageUrl'>
KODE WIDGET ANDA DISINI 
</b:if>

2. Bagaimana cara menyembunyikan widget dari halaman Homepage

<b:if cond='data:blog.pageType == "item"'>
KODE WIDGET ANDA DISINI
</b:if>

3. Bagaimana cara menampilkan widget hanya pada halaman Static Page

<b:if cond='data:blog.pageType == "static_page"'>
KODE WIDGET ANDA DISINI
</b:if>

4. Bagaimana cara menyembunyikan widget dari halaman Static Page

<b:if cond='data:blog.pageType != "static_page"'>
KODE WIDGET ANDA DISINI
</b:if>

5. Bagaimana cara menampilkan widget hanya pada URL tertentu saja

<b:if cond='data:blog.url == "URL Pilihan Anda disini"'>
KODE WIDGET ANDA DISINI
</b:if>

6. Bagaimana cara menyembunyikan widget dari URL tertentu

<b:if cond='data:blog.url != "URL Pilihan Anda disini"'>
KODE WIDGET ANDA DISINI
</b:if>

7. Kode ini hanya akan menampilkan widget pada Archive Page atau halaman arsip

<b:if cond='data:blog.pageType == &quot;archive&quot;'>
KODE WIDGET ANDA DISINI
</b:if>

8. Kode ini hanya akan menampilkan widget selain halaman Archive Page

<b:if cond='data:blog.pageType != &quot;archive&quot;'>
KODE WIDGET ANDA DISINI
</b:if>

9. Kode ini hanya akan menampikan widget pada halaman postingan saja

<b:if cond='data:blog.pageType == &quot;item&quot;'>
KODE WIDGET ANDA DISINI
</b:if>

10. Kode ini hanya akan menampikan widget selain halaman posting

<b:if cond='data:blog.pageType != &quot;item&quot;'>
KODE WIDGET ANDA DISINI
</b:if>

11. Kode ini hanya akan menampilkan widget pada halaman static page

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
KODE WIDGET ANDA DISINI
</b:if>

12. Kode ini hanya akan menampilkan widget selain halaman static page

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
KODE WIDGET ANDA DISINI
</b:if>

13. Kode ini hanya akan menampikan widget  pada postingan tertentu

<b:if cond='data:blog.url == &quot;alamatpostingan&quot;'>
KODE WIDGET ANDA DISINI
</b:if>

14. Kode ini hanya akan menampilkan widget selain postingan tertentu

<b:if cond='data:blog.url != &quot;alamaatpostingan&quot;'>
KODE WIDGET ANDA DISINI
</b:if>

Semoga berguna...