Cara Menampilkan Dan Menyembunyikan Widget Tertentu Di Blog

KUCOPAS- Cara Menampilkan Atau Menyembunyikan Widget Tertentu Di Blog. Kali ini saya akan kembali berbagi trik gratis untuk sobat semua, trik ini berhubungan dengan widget diblog yang mau di sembunyikan maupun di tampilkan pada halaman tertentu. Mungkin sobat sudah mengerti apa yang saya maksudkan.

Fungsi dari menampilkan atau menyembunyikan widget tertentu diblog adalah untuk menampilkan atau menyembunyikan widget yang mungkin sobat anggap penting dan tidak penting pada suatu halaman. Alhasil, sobat bisa sesuka hati menampilkan maupun menyembunyikan widget tertentu dalam suatu halaman tertentu saja. Jangan semakin bingung ya sobat, mendengar penjelasan dan definisi dari saya ini, hehehe.

Untuk lebih jelas lagi saya kasih satu contoh menyembunyikan widget tertentu pada halaman posting, maksudnya adalah widget ini tidak akan muncul pada halaman posting melainkan widget hanya akan muncul pada halaman utama saja atau Homepage. Jadi trik ini juga dapat membantu meringankan loading halaman pada blog sobat saat di buka atau di kunjungi para visitor.

Jika sobat tertarik untuk menyembunyikan atau menampilkan widget tertentu pada halaman blog, sobat bisa mengikuti langkah-langkahnya sebagai berikut:

1. Silahkan Sobat >> Login/masuk ke Blogger.com menggunakan akun sobat.
2. Pada Dasbor tampilan blogger baru, pilih Menu >> Template >> Edit HTML.

Cara Menyembunyikan Widget Pada Halaman Posting.

• Silahkan sobat cari kode ]]></b:skin> (Gunakan CTRL+F untuk memudahkan pencarian).

• Jika sudah ketemu, Kemudian sobat letakkan Kode Script berikut ini tepat di bawah atau sesudah kode ]]></b:skin>

---

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
#Followers1,#HTML1,#Feed1,#Label1,#HTML9 {display:none;}
</style>
</b:if>

---

Catatan:

• Kode warna BIRU adalah KODE ID WIDGET SOBAT.
• Silahkan sobat ubah kode yang berwarna BIRU dengan ID widget sobat yang mau disembunyikan pada halaman posting.
• Dan perlu sobat ketahui, Bahwa kode widget memiliki sifat yang unik dan berbeda-beda pada setiap blog. Jadi sesuaikan saja dengan ID widget sobat.

Cara untuk mengetahui ID/kode widget sobat, ikuti caranya sebagai berikut:

• Silahkan sobat menuju ke >> Element Laman/Tata letak
• Arahkan mouse pada tulisan Edit dan lihatlah URL dibagian bawah browser akan terlihat widget ID yang dimaksud, kode bisa berupa Followers1, HTML1, HTML2, Label1, Feed1 dan sebagainya.

Lihat contoh gambar screenshot dibawah ini.

Catatan:

• No 1 adalah contoh dimana mouse diarahkan pada Edit.
• No 2 adalah ID/kode widget yang muncul di browser bagian bawah.

Cara lain yang juga bisa sobat ikuti adalah, Arahkan mouse dan klik pada tulisan Edit dan lihatlah URL dibagian atas browser akan terlihat widget ID yang dimaksud, kode bisa berupa Followers1, HTML1, HTML2, Label1, Feed1 dan sebagainya.
Lihat contoh gambar berikut.

Catatan:

• No 1 adalah contoh dimana mouse diarahkan dan klik pada Edit. Hingga muncul pop up.
• No 2 adalah ID/kode widget yang muncul di browser bagian atas.

Jika semua kode script diatas sudah sobat taruh di bawah atau setelah kode ]]></b:skin> jangan lupa klik Simpan atau Save Template.

Sekarang silahkan sobat cek dulu, apakah widget sudah tersembunyi atau belum. Jika langkah-langkah diatas sudah sobat lakukan dengan benar, maka dapat di pastikan trik ini berhasil.

Cara Menampilkan widget hanya pada (Homepage) Halaman Utama Blog

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

Cara Menyembunyikan widget pada (Homepage) Halaman Utama Blog

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

Cara Menampilkan widget hanya pada Archive Page
Archive page adalah halaman arsip blog.

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

Cara Menyembunyikan widget pada Archive Page

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

Cara Menampilkan widget hanya pada Item Page
Item page adalah halaman artikel yang sobat posting.

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

Cara Menyembunyikan widget pada Item Page

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

Cara Menampilkan widget hanya pada Static Page
Static page adalah halaman yang tidak termasuk ke dalam postingan blog sobat, halaman ini biasanya digunakan untuk halaman About me, Privacy Policy, Contact Us atau yang lainnya.

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

Cara Menyembunyikan widget pada Static Page

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

Cara Menampilkan widget hanya pada alamat URL tertentu

<b:if cond='data:blog.url == &quot;Alamat URL&quot;'>
KODE WIDGET SOBAT 
</b:if>

Cara Menyembunyikan widget pada alamat URL tertentu

<b:if cond='data:blog.url != &quot;Alamat URL&quot;'>
KODE WIDGET SOBAT 
</b:if>

Catatan:
Ganti Alamat URL dengan Alamat URL yang sobat inginkan.

Cara Menampilkan widget hanya pada Label Page
Label page adalah halaman ketika sobat klik label pada posting

<b:if cond='data:blog.url == &quot;http://kuc0pas.blogspot.com/search/label/Nama Label&quot;'>
KODE WIDGET SOBAT 
</b:if>

Cara Menyembunyikan widget pada Label Page

<b:if cond='data:blog.url != &quot;http://kuc0pas.blogspot.com/search/label/Nama Label&quot;'>
KODE WIDGET SOBAT 
</b:if>

Catatan:

• Ganti http://kuc0pas.blogspot.com dengan Alamat URL blog sobat.
• Ganti Nama Label dengan nama label pada blog sobat. Jika ada space (spasi) pada nama label, Silahkan sobat ganti spasi dengan %20.
• Sobat bisa mengisi dua atau lebih Conditional tag dengan syarat sobat harus menutup sebanyak Conditional tag itu dengan kode </b:if>

NOTE:
Karena ada pertanyaan dari sobat @Ahmad Maryuki >>> Sebelumnya saya ucapkan Terimakasih atas kunjungan, sanjungan, kritik dan saran nya.
Sobat master Blogger zaw...
Blog kamu banyak banget sob...
Cara menyembunyikan widget pada semua search Label, sobat bisa hilangkan kode Nama label warna biru pada Url label, jadinya kodenya seperti berikut ini:

<b:if cond='data:blog.url != &quot;http://kuc0pas.blogspot.com/search/label&quot;'>
KODE WIDGET SOBAT
</b:if>

Sobat bisa mempraktekkan nya, sudah saya uji dan berhasil. semoga membantu.

Contoh misalnya jika Sobat tidak ingin menampilkan widget pada Homepage dan URL tertentu.

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:blog.url != &quot; Alamat URL&quot;'>
KODE WIDGET SOBAT  
</b:if>
</b:if>

Cara Penerapan Kode bisa sobat ikuti seperti Cara Menyembunyikan Widget Pada Halaman Posting di atas.

Contoh Penerapan Kode yang lain dalam Edit Template (HTML).

<b:widget id='HTML' locked='false' title='JUDUL ID/KODE WIDGET SOBAT' type='Profile'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
KODE WIDGET SOBAT
</b:if>
</b:includable> </b:widget>

Catatan:

• Tulisan warna BIRU adalah JUDUL ID/KODE WIDGET SOBAT, Kode bisa berupa Followers1, HTML1, HTML2, Label1, Feed1 dan sebagainya. Silahkan sobat cari sesuai dengan Judul Id/Kode Widget sobat yang ingin di tampilkan atau di sembunyikan. Cara pencarian Kode Id widget sudah saya terangkan di atas.
• Kode yang berwarna PINK adalah kode yang berfungsi untuk menampilkan widget hanya pada halaman utama (Homepage) saja. Sobat bisa menggantinya dengan kode-kode yang sudah saya cantumkan di atas.
• Intinya jika sobat ingin menerapkan kode widget tersebut dalam Edit HTML Template blog sobat, maka tambahkan kode <b:if cond='data:blog.url == data:blog.homepageUrl'> dibawah <b:includable id='main'> dan </b:if> diatas </b:includable>

Semoga trik yang saya share ini bisa sangat bermanfaat untuk sobat KUCOPAS semua. Jika ada pertanyaan silahkan berkomentar dalam form yang tersedia dan jangan malu-malu untuk bertanya. Jika ada waktu luang yang tepat pasti akan saya balas.