Home Tools Contact Us Disclaimer Privacy

بسم الله الرحمن الرحيم

Beranda  ›  Blog  ›  Blogger  ›  SEO  ›  Widget

Cara menampilkan dan menyembunyikan widget dihalaman tertentu

Cara mudah menampilkan dan menyembunyikan widget tertentu di halaman tertentu

Dalam sebuah blog terdapat beberapa macam widget seperti Widget Poluper Post, Widget HTML/JavaScript Arsip Blog, Widget Adsense dan widget lainnya.
Cara mudah menampilkan dan menyembunyikan widget tertentu di halaman tertentu
Ketika anda berkunjung ke sebuah blog, tidak jarang anda temukan di beberapa blog yang kadang widgetnya hanya muncul di halaman tertentu.

Analoginya seperti ini:

Contoh 1 : ada sebuah widget Recent post yang hanya tampil pada Post Statis tapi pada homePagenya widget recent post tidak tampil.

Contoh 2 : ada sebuah widget Archive yang tampil pada halaman Homepage tetapi tidak tampil pada Post Statis.

Bagaimana itu bisa di buat di sebuah blog?

Catatan: Sebaiknya sebelum anda melakukan perubahan pada template blog, terlebih dahulu lakukan backup template tersebut agar mudah mengatasinya jika tejadi masalah.

berikut caranya menampilkan dan menyembunyikan widget tertentu di halaman tertentu
  • Login ke akun Blogger anda
  • pilih Edit HTML
  • Klik Lompat Ke Widget(perhatikan apakah blog anda, pengaturan bahasanya ke indonesia, jika belum menggunakan bahasa indonesia, sebaiknya anda ubah pengaturan bahasanya ke indonesia agar mudah dalam memahami apa yang ada pada blogger).
  • Pilih widget yang ingin anda setting agar bisa tampil dan sembunyi di halaman tertentu.

Cara Menyembunyikan Widget Pada Halaman Posting.


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

Jika sudah ketemu, Kemudian anda letakkan Kode Script berikut ini tepat di bawah atau sesudah kode ]]&gt;&lt;/b:skin&gt;

<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 anda.
Silahkan anda ubah kode yang berwarna BIRU dengan ID widget anda yang mau disembunyikan pada halaman posting.
Dan perlu anda ketahui, Bahwa kode widget memiliki sifat yang unik dan berbeda-beda pada setiap blog. Jadi sesuaikan saja dengan ID widget anda.

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

Silahkan anda 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.
Cara menampilkan dan menyembunyikan widget dihalaman tertentu


Cara Mengetahui kode id Widget Di Blog

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 anda 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.
Cara menampilkan dan menyembunyikan widget dihalaman tertentu

Cara Mengetahui kode id Widget Di Blog

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 anda taruh di bawah atau setelah kode ]]></b:skin> jangan lupa klik Simpan atau Save Template.


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

Related Post:

Cara Menampilkan widget hanya pada (Homepage) Halaman Utama Blog

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

Cara Menyembunyikan widget pada (Homepage) Halaman Utama Blog

<b:if cond='data:blog.url != data:blog.homepageUrl'>
KODE WIDGET anda 
</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 anda 
</b:if>

Cara Menyembunyikan widget pada Archive Page

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

Cara Menampilkan widget hanya pada Item Page

Item page adalah halaman artikel yang anda posting.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
KODE WIDGET anda 
</b:if>

Cara Menyembunyikan widget pada Item Page

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

Cara Menampilkan widget hanya pada Static Page

Static page adalah halaman yang tidak termasuk ke dalam postingan blog anda, 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 anda 
</b:if>

Cara Menyembunyikan widget pada Static Page

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

Cara Menampilkan widget hanya pada alamat URL tertentu

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

Cara Menyembunyikan widget pada alamat URL tertentu

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


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

Cara Menampilkan widget hanya pada Label Page

Label page adalah halaman ketika anda klik label pada posting
<b:if cond='data:blog.url == &quot;http://namablog.com/search/label/Nama Label&quot;'>
KODE WIDGET anda 
</b:if>

Cara Menyembunyikan widget pada Label Page

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


Catatan:
Ganti http://namablog.com dengan Alamat URL blog anda.
Ganti Nama Label dengan nama label pada blog anda. Jika ada space (spasi) pada nama label, Silahkan anda ganti spasi dengan %20.
anda bisa mengisi dua atau lebih Conditional tag dengan syarat anda harus menutup sebanyak Conditional tag itu dengan kode

NOTE:
Karena ada pertanyaan dari anda @Ahmad Maryuki >>> Sebelumnya saya ucapkan Terimakasih atas kunjungan, sanjungan, kritik dan saran nya.
anda master Blogger zaw...
Blog kamu banyak banget sob...

Cara menyembunyikan widget pada semua search Label, anda bisa hilangkan kode Nama label warna biru pada Url label, jadinya kodenya seperti berikut ini:
&lt;b:if cond='data:blog.url != &amp;quot;http://namablog.com/search/label&amp;quot;'&gt;
KODE WIDGET anda
&lt;/b:if&gt;

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

Contoh misalnya jika anda 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 anda   
</b:if> 
</b:if>

Cara Penerapan Kode bisa anda 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 anda' type='Profile'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
KODE WIDGET anda 
</b:if>
</b:includable> </b:widget>

Catatan:
Tulisan warna BIRU adalah JUDUL ID/KODE WIDGET anda, Kode bisa berupa Followers1, HTML1, HTML2, Label1, Feed1 dan sebagainya. Silahkan anda cari sesuai dengan Judul Id/Kode Widget anda 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. anda bisa menggantinya dengan kode-kode yang sudah saya cantumkan di atas.

Intinya jika anda ingin menerapkan kode widget tersebut dalam Edit HTML Template blog anda, 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 anda gotupai semua. Jika ada pertanyaan silahkan berkomentar dalam form yang tersedia

Cara menampilkan dan menyembunyikan widget dihalaman tertentu


Author : Hendra Wijaya

datePublished : 12/04/2019 12:28:00 AM

Organization : TIRINFO.COM

logo TIRINFO

Url : https://www.tirinfo.com/2019/12/cara-menampilkan-dan-menyembunyikan.html

Share: