Home » , » Cara Menampilkan Dan Menyembunyikan Widget Tertentu Di Blog

Cara Menampilkan Dan Menyembunyikan Widget Tertentu Di Blog

Written By Ku Copas on Sunday, 12 August 2012 | 8/12/2012 03:45:00 am

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.

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 Followers1, HTML1, HTML2, Label1Feed1 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
<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.

Artikel Terkait:

thumbnail Title: Cara Menampilkan Dan Menyembunyikan Widget Tertentu Di Blog
Posted by:Ku Copas
Published :2012-08-12T03:45:00+07:00
Rating: 5
Reviewer: 737 Reviews
Cara Menampilkan Dan Menyembunyikan Widget Tertentu Di Blog
Comments
14 Comments

14 comments:

  1. dari sekian banyak tutorial. Hanya posting ini yang bermutu. tapi saya mau tanya, saat menyembunyikan widget di label search kok pakai url label. jika mau menyembunyikan di semua search label gimana sob? salam kenal

    ReplyDelete
  2. @Ahmad Maryuki>>> pertanyaan mu sudah saya jawab bro...
    sobat bisa lihat jawabanya di bawah Cara Menyembunyikan widget pada Label Page. (NB:)
    semoga membantu.

    ReplyDelete
  3. waha, trims sob, bermanfaat sekali, maf baru bisa berkunjung. blog saya cuma 2 kok yang aktif, :D sukses deh

    ReplyDelete
    Replies
    1. wokay... sukses jg buat kamu sob...

      Delete
  4. bagaimana cara sembunyikan widget pada semua postingan yang berlabel sama?
    mohon bantuannya sob..

    kirim e-mail ya..
    linxets@gmail.com

    ReplyDelete
    Replies
    1. pakai saja kode Cara Menyembunyikan widget pada Label Page sob...
      ganti Nama Label (warna biru) dengan label yang sobat inginkan.
      jangan lupa kode widgetnya yang ingin di sembunyikan juga di terapkan.

      Delete
  5. Wah tipsnya lengkap ya.. thanks for sharing with us..

    ReplyDelete
    Replies
    1. Iya, Thank's juga sudah berkunjung dan berkomentar sob...

      Delete
  6. Jadi kalau widgetnya dihapus Mas,apakah kode yang kita edit di template(Expand Template Widget) juga hilang Mas ?

    Mohon jawabannya Mas.

    Trims Mas.

    ReplyDelete
    Replies
    1. Tentu saja kode yang ada dalam Edit HTML Template masih ada.
      Bisanya hilang harus di hapus secara langsung dalam Edit HTML Template blog kamu sob.

      Delete
    2. Jadi gak bisa ikut terhapus sama widgetnya yang kita hapus dari sidebarnya sob?

      Delete
    3. Yup betul banget sob, Karena pemasangannya kode secara manual pada Edit HTML Template, jadi untuk menghapusnya juga harus dilakukan dengan cara yang sama.
      Gunakan CTRL+F untuk memudahkan pencarian kode yang akan di hapus pada Edit HTML Template blog kamu sob...

      Delete
  7. Trima kasih sobat atas penjelasannya.Saya suka dengan respon sobat yang cepat dan tanggap.Trims sob :)

    ReplyDelete
  8. mantap mastah.... ijin berguru newbie ini... makasihh

    ReplyDelete

 
Support : Google | Yahoo | Bing
Copyright © 2011-2013. KUCOPAS - All Rights Reserved
Sitemap | About Me | Contact Us | Privacy Policy
Proudly powered by Blogger