Cara Menampilkan dan Menyembunyikan Widget di Blogger

Baca Juga

Widget HTML/JavaScript adalah yang paling banyak digunakan, untuk menambahkan widget yang Anda kostumisasi untuk Blogger dan sebagian besar widget dapat dikelola dengan mudah. Berikut ini cara mudah untuk Menampilkan & Menyembunyikan Widget di Blogger. Agar cara ini sukses diterapkan baca sampai selesai tutorial berikut ini.

1. Menampilkan Widget/ HTML Hanya pada Homepage 

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- ISI dari elemen atau Widget -->
</b:if>

2. Menyembunyikan Widget di HomePage 

<b:if cond='data:blog.pageType == "item"'>
<!-- ISI dari elemen atau Widget -->
</b:if>

3. Menampilkan Widget Hanya di Halaman Statis 

<b:if cond='data:blog.pageType == "static_page"'>
<!-- ISI dari elemen atau Widget -->
</b:if>

4. Menyembunyikan Widget di Halaman Statis 

<b:if cond='data:blog.pageType != "static_page"'>
<!-- ISI dari elemen atau Widget -->
</b:if>

5. Menampilkan Widget pada Posting Tertentu 

<b:if cond='data:blog.url == "link-alamat-postingan"'>
<!-- ISI dari elemen atau Widget -->
</b:if>

6. Menyembunyikan Widget pada Posting Tertentu 

<b:if cond='data:blog.url != "link-alamat-postingan"'>
<!-- ISI dari elemen atau Widget -->
</b:if>

7. Menampilkan HTML pada Posting Pertama dari Homepage 
Jika kamu ingin menampilkan konten HTML di posting pertama dari blog kamu dan tidak pada setiap posting yang ditampilkan pada homepage. 

<b:if cond='data:post.isFirstPost'>
<!-- ISI dari elemen atau Widget -->
</b:if>

8. Menampilkan Widget pada Halaman Index 
Halaman index mencakup halaman label/search, halaman arsip dan homepage. 

<b:if cond='data:blog.pageType == "index"'>
<!-- ISI dari elemen atau Widget -->
</b:if>

9. Menyembunyikan Widget pada Halaman Index 

<b:if cond='data:blog.pageType != "index"'>
<!-- ISI dari elemen atau Widget -->
</b:if>

10. Menampilkan Widget pada Halaman Search 
Halaman Search pada Blogger mencakup semua halaman Label dan halaman pencarian yang ditampilkan ketika pengguna melakukan pencarian menggunakan search box. 

 <b:if cond='data:blog.searchLabel'>
<!-- ISI dari elemen atau Widget -->
</b:if>

Berikut ini cara menerapkan code diatas, pilihlah mana saja yang ingin kamu gunakan. 

1. Login ke akun Blogger
2. Masuk ke Template > Edit HTML
3. Backup template kamu bila perlu untuk menghindari kesalahan
4. Carilah judul widget yang ingin kamu tmpilkan / sembunyikan
5. Kode widget tersebut akan terlihat seperti di bawah ini

<b:widget id='HTML' locked='false' title='WIDGET-TITLE-HERE' type='Profile'>
<b:includable id='main'>
.......................
</b:includable> </b:widget>

6. Setelah menemukan tempat judul widget (WIDGET-TITLE-HERE) kamu akan melihat dua code yang sama seperti yang berwarna merah tebal. Selanjutnya kamu hanya perlu menambahkan code kontrol dengan cara berikut, code yang ditambahkan berwarna biru tebal. Sebagai contoh jika kamu ingin menampilkan widget di Homepage 

<b:widget id='HTML' locked='false' title='WIDGET-TITLE-HERE' type='Profile'> 
<b:includable id='main'> 
<b:if cond='data:blog.url == data:blog.homepageUrl'> 

 ....................... 

  </b:if> 
</b:includable> 
</b:widget> 

7. Save & lihat hasilnya

Sumber:  Cara Menampilkan & Menyembunyikan Widget di Blogger