Menampilkan dan menyembunyikan widget pada halaman tertentu

Menampilkan dan menyembunyikan widget pada halaman tertentu seringkali digunakan oleh para blogger yang sudah berpengalaman dan sudah lama berkecimpung di dunia perblogan dalam mengotak-atik template untuk membuat template tampil serapi mungkin, tidak terbatas pada webmaster saja yang bisa melakukan hal tersebut, andapun jika mempunyai keinginan yang kuat untuk bisa hal tersebut akan sangat mudah dilakukan. Untuk mengetahui code-code yang berfungsi untuk menampilkan dan menyebunyikan widget pada halaman tertentu anda bisa belajar dan mencoba code-code yang saya share di bagian bawah untuk anda praktekkan serta saya tulis juga fungsi dari code-code tersebut biar nantinya tidak salah kaprah dalam melakukan ujicoba. Berikut code-code yang bisa anda gunakan sebagai bahan ujicoba maupun anda terapkan pada blog anda:

1. Code ini untuk menampilkan widget hanya pada Homepage saja.

<b:if cond='data:blog.url == data:blog.homepageUrl'>
Letakkan Code Widget anda disini
</b:if>

2. Code ini untuk menyembunyikan widget dari Homepage, jadi widget tidak akan muncul di homepage.

<b:if cond='data:blog.pageType == "item"'>
Letakkan Code Widget Anda Disini
</b:if>

3. Code ini untuk menampilkan widget hanya pada halaman Static Page. Jadi widget tidak akan muncul pada halaman homepage maupun single post.

<b:if cond='data:blog.pageType == "static_page"'>
Letakkan Code Widget Anda Disini
</b:if>

4. Code ini untuk menyembunyikan widget dari halaman Static Page sehingga widget tidak akan muncul pada halaman static page.

<b:if cond='data:blog.pageType != "static_page"'>
Letakkan Code Widget Anda Disini
</b:if>

5. Code ini untuk menampilkan widget hanya di URL tertentu sehingga widget hanya akan muncul pada url yang telah anda tentukan.

<b:if cond='data:blog.url == "Letakkan URL anda di sini"'>
Letakkan Code Widget Anda Disini
</b:if>

6. Menyembunyikan widget dari URL tertentu.

<b:if cond='data:blog.url != "Letakkan URL anda di sini"'>
Letakkan Code Widget Anda Disini
</b:if>

7. Code ini untuk menampilkan widget hanya di halaman Posting sehingga widget hanya akan muncul di halaman posting dan menghilang pada halaman selain halaman posting.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
Letakkan Code Widget Anda Disini
</b:if>

Cara penggunaannya adalah sebagai berikut:
1. Login ke blogger dengan id anda.
2. Klik pada blog yang akan anda edit.
3. Klik menu Template dan backup dulu template anda
4. Klik Edit Html => Lanjutkan => Expand Template Widget
5. Cari kode widget yang akan anda sembunyikan maupun akan ditampilkan, Saya ambil contoh widget yang ada pada blog saya yang saya beri judul "Update" dan codenya seperti di bawah ini:

<b:widget id='HTML11' locked='false' title=Update' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Itulah cara untuk Menampilkan dan menyembunyikan widget pada halaman tertentu selanjutnya silahkan anda belajar sendiri menggunakan code-code tersebut. Semoga bermanfaat dan selamat mencoba.

Tweet