Home » » Cara Menampilkan Dan Menyembunyikan Widget Tertentu Di Blog

Cara Menampilkan Dan Menyembunyikan Widget Tertentu Di Blog

Kali ini saya akan kembali berbagi trik gratis untuk sobat go!!_Blog semua, Trik ini berhubungan dengan widget di blog 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 di blog 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 makin bingung ya sobat, dengar penjelasan dan definisi dari saya, 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 Home page. 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, Silahkan sobat ikuti langkah-langkahnya sebagai berikut:

1. Silahkan Sobat >>Login/masuk ke Account Blog sobat.
2. Pilih Rancangan atau pada tampilan blogger baru pilih Menu >> Template >> Lanjutkan >> Edit HTML. Jangan lupa Centang "Expand Template Widget".


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 Followers1HTML1, HTML2, Label1, Feed1 dan sebagainya.
Lihat contoh gambar dibawah ini.

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 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 Followers1HTML1HTML2Label1Feed1 dan sebagainya.
Lihat contoh gambar berikut.
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 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.
Berikut Kode-nya:


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



Cara Menyembunyikan widget pada (Homepage) Halaman Utama Blog.

Berikut Kode-nya:


<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.

Berikut Kode-nya:


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

Cara Menyembunyikan widget pada Archive Page.

Berikut Kode-nya:


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

0 komentar:

Posting Komentar

Silakan berkomentar sesuai dengan topik. Jangan menyisipkan link aktif pada komentar dan jangan sampai komentar Anda masuk komentar SPAM.

Jangan salahkan Saya bila komentar Anda dihapus !

Arsip Blog