Warung Bebas

Minggu, 12 Agustus 2012

Cara Menampilkan Dan Menyembunyikan Widget Tertentu Di Blog

 Cara Menampilkan Atau Menyembunyikan Widget Tertentu Di Blog - Kali ini saya akan kembali berbagi trik gratis untuk sobat KUCOPAS 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>


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

Berikut Kode-nya:


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


Cara Menyembunyikan widget pada Item Page.

Berikut Kode-nya:


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

Berikut Kode-nya:


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


Cara Menyembunyikan widget pada Static Page.

Berikut Kode-nya:


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


Cara Menampilkan widget hanya pada alamat URL tertentu.

Berikut Kode-nya:


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


Cara Menyembunyikan widget pada alamat URL tertentu.

Berikut Kode-nya:


<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

Berikut Kode-nya:


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

Berikut Kode-nya:


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

NB:
 Karena ada pertanyaan dari sobat @Ahmad Maryuki >>> Sebelumnya saya ucapkan Terimakasih atas kunjungan, sanjungan, Kritik dan saran nya.
Sobat master Blogger zaw...
blog km 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.

 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 yang tepat pasti akan saya balas.


0 komentar em “Cara Menampilkan Dan Menyembunyikan Widget Tertentu Di Blog”

Poskan Komentar

 

M-Kolom Tutorial | All Tutorial Copyright © 2012 Fast Loading -- Powered by Blogger