[New] Cara Menampilkan Widget Blogspot pada Halaman Tertentu

Setelah beberapa hari yang lalu saya poskan cara menyembunyikan widget di homepage, tidak lengkap rasanya jika masih ada yang terlewatkan.

Sebab trik tersebut hanya menyembunyikan dihalaman utama blog, sedangkan ketika dilihat di search dan label masih ke detect.

Untuk itu, kini saya akan memperlengkap postingan kemarin supaya Anda jadi lebih mudah mempelajarinya.

Disini saya menggunakan Meta Tag Conditional yang bisa disesuaikan dengan jenis kode berdasarkan fungsinya.

Menampilkan widget hanya di homepage atau halaman utama:
Contoh: http://www.kangsigit.com
<b:if cond='data:blog.url == data:blog.homepageUrl'>
Letak Widget Blog
</b:if> 

Menampilkan widget hanya di archive page atau halaman arsip:
Contoh: http://www.kangsigit.com/2013_03_01_archive.html
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
Letak Widget Blog
</b:if>

Menampilkan widget hanya di itempage atau halaman posting:
Contoh: http://www.kangsigit.com/2015/06/cara-menyembunyikan-widget-di-homepage.html
<b:if cond='data:blog.pageType == &quot;item&quot;'>
Letak Widget Blog
</b:if>

Menampilkan widget hanya di staticpage atau halaman page:
Contoh: http://www.kangsigit.com/p/contact-me.html
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
Letak Widget Blog
</b:if>

Menampilkan widget hanya di halaman posting tertentu:
Contoh: http://www.kangsigit.com/2015/06/cara-menyembunyikan-widget-di-homepage.html
<b:if cond='data:blog.url == &quot;URL-POSTING&quot;'>
Letak Widget Blog
</b:if>

Menampilkan widget hanya di halaman ERROR/ halaman rusak:
Contoh: http://www.kangsigit.com/404
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
Letak Widget Blog
</b:if>

Menampilkan widget hanya di halaman Label/ Kategori
Contoh: http://www.kangsigit.com/search/label/Label-Otomatis
<b:if cond='data:blog.pageType == &quot;data:blog.searchLabel&quot;'>
Letak Widget Blog
</b:if>

Menampilkan Widget hanya di halaman Label/ Kategori yang ditentukan secara spesifik:
Contoh: http://www.kangsigit.com/search/label/Trick%20Blog
<b:if cond='data:blog.searchLabel == &quot;NAMA LABEL&quot;'>
Letak Widget Blog
</b:if>

Menampilkan widget hanya di halaman pencarian:
cotoh: http://www.kangsigit.com/search?q=
<b:if cond='data:blog.pageType == &quot;data:blog.searchQuery&quot;'>
Letak Widget Blog
</b:if>

Menampilkan widget blog hanya di halaman pencarian dengan kata kunci/ keyword yag ditentukan secara spesifik:
Contoh: http://www.kangsigit.com/search?q=Trick+Blog
<b:if cond='data:blog.searchQuery == &quot;KATA KUNCI PENCARIAN&quot;'>
Letak Widget Blogs
<b:if>

Menampilkan widget atau elemen hanya pada tampilan blog versi mobile menggunakan ponsel:
Contoh URL blogspot versi mobile:
http://www.kangsigit.com/2015/06/arti-mimpi-menemukan-hp-atau-barang.html?m=1
<b:if cond='data:blog.pageType == &quot;data:blog.isMobile&quot;'>
Letak Widget Blog
</b:if>

Halaman posting ini adalah untuk melengkapi tutorial saya yang kemarin.
Untuk informasi lebih jelas, silahkan Klik Disini
UPDATE
20 Juni 2015
Kemungkinan untuk menampilkan widget tertentu pada searchLabel dan searcQuery perlu mencantumkan halaman index.

Contohnya seperti ini:
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<b:if cond='data:blog.searchLabel'>
KODE ANDA
</b:if></b:if>

UPDATE
31 Juli 2015
Perhatikan baris == pada setiap b:if pembuka, saya contohkan <b:if cond='data:blog.url == data:blog.homepageUrl'>
Untuk yang diatas digunakan untuk menampilkan widget dalam Homepage. Jika ingin menyembunyikan dari Homepage, ganti == menjadi !=

Namun baru baru ini saya mengalami kesulitan ketika ingin menampilkan widget hanya pada versi mobile, dan setelah saya menjelajah di google, saya menemukan sebuah forum yang sangat terkenal yaitu: http://stackoverflow.com
Pada forum tersebut ada seseorang yang menunjukkan cara lain untuk menampilkan widget pada versi mobile ataupun pada versi desktop.

Berikut kode-kodenya:

<b:if cond='data:blog.isMobile == &quot;false&quot;'>
Konten Anda disini..
</b:if>
Kode diatas telah terbukti Valid saya gunakan pada situs versi mobile.

Triknya cukup sederhana, perintah false adalah menolak, sedangkan jika ingin mengizinkan maka ganti false menjadi true

Untuk demo bisa Anda lihat 2 demo berikut yang saya pisahkan untuk Versi Mobile dengan Versi Desktop.
Demo Versi Mobile
Demo Versi Desktop
URL

2 Tanggapan » Lihat

kang kode letaknya di mana

Harus didalam template sob. Kalau di menu tata letak dan htnl postingan tidak dapat bekerja.

Jika ingin ditampilkan diatas postingan, silahkan cari kode ini <data:post.body/> dan letakkan diatasnya.
Jika ingin meletakkan widget dibawah postingan, silahkan taruh dibawah kode yang saya tulis diatas.

Kebanyakan template yang seo memiliki lebih dari 3 kode, jadi silahkan bereksperimen. Jika kode tidak muncul maka letakkan di <data:post.body/> yang satunya. Begitu seterusnya.

Komentar yang bermanfaat mendapat Rating*****oleh Admin blog ini