Cara Memunculkan Dan Menyembunyikan Widget Di Blogger

Blogger Conditional Statements dapa dipakai untuk mengontrol tampilan elemen HTML pada halaman tertentu untuk mengatur gaya yang berbeda pada Page yang berbeda. Beberapa pertanyan yang paling sering diajukan adalah: Bagaimana cara menampilkan Blogger Widget pada Homepage saja? Bagaimana saya sanggup menampilkan widget hanya pada Sub-Halaman saja? Bagaimana cara menyembunyikan widget pada halaman statis? Bagaimana menampilkan widget hanya pada halaman terpilih? Untuk menjawab semua pertanyaan ini, mudah-mudahan tutorial ini akan menjadi hidangan enak untuk Anda. Yang benar-benar penting untuk mengontrol tampilan widget di Blogger memakai Blogger Conditional Statements. Beberapa widget kadang hanya dimaksudkan untuk homepage saja, halaman kontak, about me, atau halaman statis lainnya.

Jadi, bagaimana kita mengatur hal tersebut untuk menampilkan elemen HTML atau widget dan di mana menyembunyikannya? Caranya sangatlah sederhana. Nah, mari kita eksklusif membahas bagaimana mengelola widget pada halaman yang berbeda di blogger.

Widget HTML/ JavaScript yakni yang paling banyak dipakai untuk menambahkan widget yang Anda kostumisasi untuk Blogger dan sebagian besar widget ini sanggup dikelola dengan mudah. Karena Anda sering menyisipkan beberapa instruksi widget di dalam widget HTML/ JavaScript sehingga satu-satunya hal suplemen yang perlu Anda lakukan dalam rangka mengontrol widget yakni menyertakan instruksi antara dua potongan instruksi menyerupai yang ditunjukkan di setiap instruksi di bawah ini.

Cara Menampilkan Widget/ HTML Hanya pada Homepage
Cukup melampirkan instruksi di dalam widget HTML/ JavaScript di antara instruksi di bawah ini, di mana WIDGET CODE GOES HERE adalah instruksi widget yang ingin Anda tampilkan.

<b:if cond='data:blog.url == data:blog.homepageUrl'>
WIDGET CODE GOES HERE
</b:if>

Cara Menyembunyikan Widget di HomePage
Menggunakan mekanisme yang sama dengan langkah di atas:

<b:if cond='data:blog.pageType == "item"'>
WIDGET CODE GOES HERE
</b:if>

Cara Menampilkan Widget  Hanya di Halaman Statis

<b:if cond='data:blog.pageType == "static_page"'>
WIDGET CODE GOES HERE
</b:if>

Cara Menyembunyikan Widget di Halaman Statis

<b:if cond='data:blog.pageType != "static_page"'>
WIDGET CODE GOES HERE
</b:if>

Cara Menampilkan Widget pada Posting Tertentu

<b:if cond='data:blog.url == "URL OF Selected Post"'>
WIDGET CODE GOES HERE
</b:if>

Cara Menyembunyikan Widget pada Posting Tertentu

<b:if cond='data:blog.url != "URL OF Selected Post"'>
WIDGET CODE GOES HERE
</b:if>

Cara Menampilkan HTML pada Posting Pertama dari Homepage
Jika Anda ingin menampilkan konten HTML di posting pertama dari situs Anda dan tidak pada setiap posting yang ditampilkan pada homepage, gunakanlah syntax berikut.

<b:if cond='data:post.isFirstPost'>
WIDGET CODE GOES HERE
</b:if>

Cara Menampilkan Widget pada Halaman Index
halaman index meliputi halaman label/ search, halaman arsip dan homepage. Untuk menampilkan widget atau HTML pada halaman ini gunakanlah syntax di bawah ini.

<b:if cond='data:blog.pageType == "index"'>
WIDGET CODE GOES HERE
</b:if>

Cara Menyembunyikan Widget pada Halaman Index

<b:if cond='data:blog.pageType != "index"'>
WIDGET CODE GOES HERE
</b:if>

Cara Menampilkan Widget pada Halaman Search
Halaman Search pada Blogger meliputi semua halaman Label dan halaman pencarian yang ditampilkan saat pengguna melaksanakan pencarian memakai search box. Untuk menampilkan widget atau HTML pada halaman search, gunakalah syntax di bawah ini.

<b:if cond='data:blog.searchLabel'>
WIDGET CODE GOES HERE
</b:if>

Bagaimana Mengontrol Widget Resmi Blogger?
Prosedur yang sama sanggup diterapkan pada widget resmi milik Blogger menyerupai About Me, Archives, Pool, dll. Untuk mengontro widget tersebut lakukan ini:

• Login ke akun Blogger Anda
• Masuk ke Template > Edit HTML
• Backup template Anda bila perlu untuk menghindari kesalahan
• Carilah judul widget yang ingin Anda kontrol
• Kode widget tersebut akan terlihat menyerupai di bawah ini

<b:widget id='HTML' locked='false' title='WIDGET-TITLE-HERE' type='Profile'>
<b:includable id='main'>
LARGE CHUNK OF WIDGET CODE
</b:includable> </b:widget>

Setelah menemukan kawasan judul widget (WIDGET-TITLE-HERE) Anda akan melihat dua instruksi yang sama menyerupai yang saya tunjukkan dengan warna biru tebal. Anda hanya perlu menambahkan instruksi kontrol dengan cara berikut. Sebagai teladan bila Anda ingin menampilkan widget di Homepage, lakukanlah hal ini:

<b:widget id='HTML' locked='false' title='WIDGET-TITLE-HERE' type='Profile'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
LARGE CHUNK OF WIDGET CODE
</b:if>
</b:includable> </b:widget>

Oke, itulah tadi tutorial untuk mengontrol widget di blog Anda. Mudah-mudahan bermanfaat dan berkhasiat bagi Anda.