-->

Cara Menampilkan Atau Menyembunyikan Widget Di Blog

Anda mempunyai banyak widget yang tampil di blog anda ? Widget blog yang terlalu banyak tentunya akan mengurangi kecepatan loading dari blog kita sendiri. Namun jika widget itu terasa penting bagi anda dan tetap ingin mempertahankan keberadaannya ada baiknya anda melakukan pengaturan pada halaman mana saja blog tersebut akan anda tampilkan. Misalnya widget A akan anda tampilkan hanya pada Homepage saja atau sebaliknya. Anda juga bisa menampilkan suatu widget hanya pada URL tertentu saja. 


1. Bagaimana cara menampilkan widget hanya pada Homepage saja

=> Letakkan kode widget diantara kode berikut ini
<b:if cond='data:blog.url == data:blog.homepageUrl'>
KODE WIDGET ANDA DISINI
</b:if>

2. Bagaimana cara menyembunyikan widget dari halaman Homepage

=> Letakkan kode widget diantara kode berikut ini
<b:if cond='data:blog.pageType == "item"'>
KODE WIDGET ANDA DISINI
</b:if>

3. Bagaimana cara menampilkan widget hanya pada halaman Static Page

=> Letakkan kode widget diantara kode berikut ini
<b:if cond='data:blog.pageType == "static_page"'>
KODE WIDGET ANDA DISINI
</b:if>
4. Bagaimana cara menyembunyikan widget dari halaman Static Page

=> Letakkan kode widget diantara kode berikut ini
<b:if cond='data:blog.pageType != "static_page"'>
KODE WIDGET ANDA DISINI
</b:if>

5. Bagaimana cara menampilkan widget hanya pada URL tertentu saja

=> Letakkan kode widget diantara kode berikut ini
<b:if cond='data:blog.url == "URL Pilihan Anda disini"'>
KODE WIDGET ANDA DISINI
</b:if>
6. Bagaimana cara menyembunyikan widget dari URL tertentu

=> Letakkan kode widget diantara kode berikut ini
<b:if cond='data:blog.url != "URL Pilihan Anda disini"'>
KODE WIDGET ANDA DISINI
</b:if>
 
Lantas bagaimana cara menampilkan atau menyembunyikan widget default dari blogger sendiri ? seperti About me, Archive, Label dan lain sebagainya.

Biasanya kode default blogger akan tampak seperti dibawah ini
<b:widget id='HTML' locked='false' title='JUDUL WIDGET ANDA' type='Profile'>
<b:includable id='main'>
KODE WIDGET DEFAULT BLOGGER ANDA
</b:includable>

</b:widget>

Untuk mengontrol widget ini anda hanya perlu untuk menyisipkan kode kontrol sesuai dengan apa yang anda mau. Misalnya anda ingin menampilkan widget hanya pada Homepage saja , maka letakkan kode pada no 1 diatas seperti dibawah ini
<b:widget id='HTML' locked='false' title='JUDUL 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>

Kode yang berwarna hijau adalah kode yang berfungsi untuk menampilkan widget hanya pada halaman Homepage saja.

Anda pasti bisa berkreasi dengan kode- kode diatas.

30 comments

June 01, 2011

Gini to caranya.. :) Thanks atas artikelnya mas.

6. Bagaimana cara menyembunyikan widget dari URL tertentu
kalo url nya ada dua buah gimana mas.. kasi info ke blog saya ya mas...

August 27, 2011

@ Top Oli : Buat 2 Kali Mas...

September 09, 2011

mantap infonya, buat ngerapihin widget ! makasih mas atas infonya

October 04, 2011

Sama2 Bro....

December 28, 2011

thanks gann... ditunggu kunjungannya ke blogku^^

January 18, 2012

mantab gan..

mas kok gak bisa di terapkankan di blog ane,,
bntuannya

February 04, 2012

Thanks Gan~ :)

Terimakasih infonya sob, saya menyembunyikan label dan tulisan komentar di halaman utama gimana ya?

February 20, 2012

Makasih atas pencerahannya..

March 25, 2012

mantap infonya gan...., 100% semuanya udah aku coba, dan alhamdulillah semuanya berhasil. nice share, like this blog........

March 28, 2012

Nice post Gan...
btw aplikasi dari artikel ini bisa dilihat di sidebar blog saya di Oentoe_09 Home
Salam Kenal

April 03, 2012

lengkap sekali pembahasannya bos,maksih ya atas tutorial ini...

Anonymous
April 19, 2012

Thanks gan dah...
Berhasil juga,, hehe..
Jangan lupa berkunjung gan, sekalian likenya, hihi.. :D

http://edzar-master.blogspot.com/

Anonymous
May 04, 2012

Thank you gan..
sangat membantu saya yang masih newbie. :)

http://ozanisme.blogspot.com

May 27, 2012

artikel yang sangat menarik mas,
Bermanfaat banget ^_^

kunjung balik n comment balik ya mas, hehehe ^_^

May 27, 2012

artikel yang sangat menarik mas,
Bermanfaat banget ^_^

kunjung balik n comment balik ya mas, hehehe ^_^

August 07, 2012

wah thanks nih tutornya,sangat membantu

ane coba ya triknya :)

August 21, 2012

Berhasil saya pasang Mas. Makasih... :D

August 23, 2012

Sangat Berguna sekali Mas, Terima kasih Banyak

September 08, 2012

Mau nanya, Bagaimana cara menghilangkan script LinkWithin di blogger, saya sudah mencari di tata letak, edit HTML (Expan, No Expan), tapi gak ketemu terus. apa di hidden saja tapi caranya ? Tolong bantu saya

September 15, 2012

code di atas banyak tak oprek,tak sesuaiin dengan condisi blog ane gan..
but thanks untuk sharingnya ...

November 08, 2012

wawwww..kren habis

November 21, 2012

wokeehh akhirnya dapat referensinya jugaa thx ya :D

January 16, 2013

@ all : Sorry lambat balas komentarnya dikarenakan sibuk banget selama tahun 2012. Maklum kerjaan dikantor banyak menyita tenaga dan pikiran jadi selama 2012, offline total hehehe...

February 02, 2013

Gimana caranya kalo mau mengganti posisi widget di halaman tertentu om?

May 02, 2013

Terima kasih mas, artikelnya sangat membantu sekali , sering pisan saya bolak balik baca tutor ini :)

October 02, 2014

Makasih OM.
skrang saya menjadi lebbih tahu.
salam kenal

Post a Comment