Cara Menampilkan Widget Di Halaman Tertentu dan versi mobile atau desktop

Cara Menampilkan Widget Di Halaman Tertentu
Bertips.com | Hai sobat blogger, mungkin anda sedang mencari tau cara agar widget atau script code anda hanya aktif/muncul di halaman tertentu atau menyembunyikan widget di halaman tertentu di sebuah blog misalnya ingin menampilkan widget di halaman hompage, halaman statis, halaman posting, halman arcive, halaman label ataupun search.

Tag <b:if sendiri adalah tag conditional yang berfungsi untuk memerintah untuk mengatur atau mengkondisikan suatu elemen halaman tertentu baik itu css, javascript atau widget 'agar bisa tampil atau tidak' nya elmen tertentu. dan bisa dikatakan mengatur suatu elmen menampilkan atau tidaknya widget pada halaman tertentu.

Simak berikut ada tag conditional b:if yang mungkin anda cari atau dibutuhkan.

Berikut Code Tag <b:if Menampilkan Widget Tertentu, Di Halaman Tertentu dan Menampilkan atau menyembunyikan widget di tampilan mobile atau desktop...

1. Menampilkan widget hanya di halaman depan saja (homepage)

<b:if cond='data:blog.url == data:blog.homepageUrl'>
......................................................
----------------------------------
---------------------------
</b:if>

2. Menampilkan di semua halaman kecuali homepage.

<b:if cond='data:blog.url != data:blog.homepageUrl'>
......................................................
----------------------------------
---------------------------
</b:if>

3. Menampilkan widget hanya di halaman Archive saja.

<b:if cond='data:blog.pageType == &quot;archive&quot;'>
......................................................
----------------------------------
---------------------------
</b:if>

4. Menampilkan widget di semua halaman kecuali halaman archive.

<b:if cond='data:blog.pageType != &quot;archive&quot;'>
......................................................
----------------------------------
---------------------------
</b:if>

5. Menampilkan widget hanya di halaman posting.

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

6. Menampilkan widget di semua halaman, kecuali halaman posting.

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

7. Menampilkan widget hanya di postingan tertentu saja.

<b:if cond='data:blog.pageType == &quot;alamat-postingan&quot;'>
......................................................
----------------------------------
---------------------------
</b:if>

8. Menampilkan widget selain di postingan tertentu.


<b:if cond='data:blog.pageType != &quot;alamat-postingan&quot;'>
......................................................
----------------------------------
---------------------------
</b:if>

9. Menampilkan widget hanya di halaman staticpages.

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
......................................................
----------------------------------
---------------------------
</b:if>

10. Menampilkan widget di semua halaman, kecuali halaman staticpages.

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
......................................................
----------------------------------
---------------------------
</b:if>

11. Cara Menampilkan / Menyembunyikan Widget Blog di Versi Mobile / Desktop

>>Menampilkan Widget di Versi Mobile / Menyembunyikan di Versi Desktop

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

>>Menyembunyikan Widget di Versi Mobile / Menampilkan di Versi Desktop

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


Catatan: Tanda Titik di atas adalah isi sebuah elmen html atau kode widget yang harus di tempatkan


Contoh Cara Menampilkan Widget Tertentu Di Halaman Tertentu

1. Tentunya anda harus buka akun blog anda sendiri.
2. Masuklah ke Elemen Template. Lalu klik Edit HTML
3. Carilah widget yang anda sembunyikan (sebelumnya anda sudah memasang widget di dalam blog anda).
4. Misalnya Widget Fan Facebook. Silahkan cari tulisan "Fan Facebook" (gunakan Ctrl + F untuk mencari secara cepat)
5. Setelah ketemu, maka akan muncul kode persis seperti dibawah ini.
<b:widget id='HTML4' locked='false' title='Fan Facebook' type='HTML'> <b:includable id='main'><!-- only display title if it's non-empty --><b:if cond='data:title != &quot;&quot;'><h2 class='title'><data:title/></h2></b:if><div class='widget-content'><data:content/></div><b:include name='quickedit'/> </b:includable> </b:widget>
6. Selanjutnya tambahkan kode

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

Sebelum kode

<!-- only display title if it's non-empty -->

7. Setelah ditambahkan lalu masukkan kode </b:if> sebelum kode

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

8. Maka hasilnya akan persis seperti di bawah ini.

<b:widget id='HTML4' locked='false' title='Fan Facebook' type='HTML'> <b:includable id='main'><b:if cond='data:blog.pageType == &quot;item&quot;'><!-- only display title if it's non-empty --><b:if cond='data:title != &quot;&quot;'><h2 class='title'><data:title/></h2></b:if><div class='widget-content'><data:content/></div><b:include name='quickedit'/></b:if> </b:includable> </b:widget>

9. Selesai. Simpan Template blog anda.

Catatan : Huruf yang berwarna biru adalah Kode yang ditambahkan. Ingat satuhal, penempatannya tidak boleh salah. jika salah maka akan eror. Untuk mengantisipasinya, sebaiknya sebelum memulai langkah-langkah di atas, Backup template Blog anda terlebih dahulu.



Mungkin hanya sampai disini dulu mengenai Cara Menampilkan Widget Di Halaman Tertentu. Semoga bisa dipergunakan sebaik mungkin. Salam blogger semoga bermanfaat.