//

Kamis, 04 April 2013

Cara Mudah Menampilkan dan Menyembunyikan Widget di Halaman Blogger

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.

Beberapa pertanyaan yang paling sering diajukan adalah: Bagaimana Tampilkan widget blogger di homepage saja? Bagaimana menyembunyikan widget dari halaman homepage? Bagaimana cara menyembunyikan widget pada halaman statis? Bagaimana menampilkan widget pada halaman tertentu saja? 

Cara Menampilkan dan Menyembunyikan Widget di Halaman Blog

Tutorial kali ini akan menjawab semua pertanyaan itu. Caranya adalah cukup menambahkan kode HTML / JavaScript diantara kode widget Anda. Namun, untuk memulai mengedit kode HTML blog Anda, sebaiknya Backup dulu template Anda (Baca: cara backup template) untuk menghindari hal-hal yang tidak diinginkan.

Menampilkan widget hanya pada Homepage saja
<b:if cond='data:blog.url == data:blog.homepageUrl'>
KODE WIDGET ANDA DISINI
</b:if>
Menyembunyikan widget dari halaman Homepage
<b:if cond='data:blog.pageType == "item"'>
KODE WIDGET ANDA DISINI
</b:if>
Menampilkan widget hanya pada halaman Static Page
<b:if cond='data:blog.pageType == "static_page"'>
KODE WIDGET ANDA DISINI
</b:if>
Menyembunyikan widget dari halaman Static Page
<b:if cond='data:blog.pageType != "static_page"'>
KODE WIDGET ANDA DISINI
</b:if>
Menampilkan widget hanya pada URL tertentu
<b:if cond='data:blog.url == "URL Pilihan Anda disini"'>
KODE WIDGET ANDA DISINI
</b:if>
Menyembunyikan widget dari URL tertentu
<b:if cond='data:blog.url != "URL Pilihan Anda disini"'>
KODE WIDGET ANDA DISINI
</b:if>
Menampilkan atau menyembunyikan widget default Blogger
Cara yang sama dapat diterapkan untuk widget default Blogger, seperti About me, Archive, Label dan lain-lain.
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>
Anda akan menemukan kode berwarna biru pada setiap kode widget default dari Blogger. Untuk mengontrol widget ini Anda hanya perlu menyisipkan kode kontrol sesuai dengan apa yang Anda inginkan. Misalnya Anda ingin menampilkan widget hanya pada Homepage saja, maka kodenya akan menjadi seperti 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 DEFAULT BLOGGER ANDA
</b:if>

</b:includable>

</b:widget>
Kode yang berwarna hijau adalah kode yang berfungsi untuk menampilkan widget hanya pada halaman Homepage saja.
Sekian, semoga bermanfaat.

0 komentar:

Posting Komentar

Featured Post 5

Barca-999.blogspot.com
Energy Saving Mode using CSS3

Move your mouse to go back to the page!
Gerakkan mouse anda dan silahkan baca kembali posting kami!

Support design by: barca-999.blogspot.com - September 2012
Ahmad Dwi Kurnia. Diberdayakan oleh Blogger.

Popular Posts