Kita juga dapat menyembunyikan widget yang tidak perlu tampil pada sebagian halaman tapi masih bisa ditampilkan di halaman tertentu. Kita bisa menggunakan tag kondisional untuk menyembunyikan widget pada halaman tertentu. Dengan cara membungkus widget tertentu dengan tag kondisional.
Berikut beberapa contoh tag kondisonal yang digunakan untuk menyembunyikan atau menampilkan widget pada halaman terentu.
1. Menampilkan Wiidget Hanya pada halaman Awal
<b:if cond='data:blog.url == data:blog.homepageUrl'>
......................................................
</b:if>
2. Menampilkan Widget di Semua Halaman Kecuali Halaman Awal
<b:if cond='data:blog.url != data:blog.homepageUrl'>
......................................................
</b:if>
3. Menampilkan Widget Hanya di Halaman Archive
<b:if cond='data:blog.pageType == "archive"'>
......................................................
</b:if>
4. Menampilkan Widget di Semua Halaman Kecuali Halaman Archive
<b:if cond='data:blog.pageType != "archive"'>
.....................................................
</b:if>
5. Menampilkan Widget Hanya di Halaman Postingan
<b:if cond='data:blog.pageType == "item"'>
......................................................
</b:if>
6. Menampilkan Widget di Semua Halaman Kecuali Halaman Postingan
<b:if cond='data:blog.pageType != "item"'>
......................................................
</b:if>
7. Menampilkan Widget Hanya di Postingan Tertentu
<b:if cond='data:blog.pageType == "alamat-postingan"'>
......................................................
</b:if>
8. Menampilkan Widget Selain di Halaman Tertentu
<b:if cond='data:blog.pageType != "alamat-postingan"'>
......................................................
</b:if>
9. Menampilkan Widget Hanya di Halaman Static Page
<b:if cond='data:blog.pageType == "static_page"'>
......................................................
</b:if>
10. Menampilkan Widget di Semua Halaman Kecuali Halaman Static Page
<b:if cond='data:blog.pageType != "static_page"'>
......................................................
</b:if>
Untuk cara pemakaian dan penempatatan tag kondisinal di atas silahkan ikuti langkah langkah berikut
Langkah Pertama
Masuk Blogger, buka template pilih edit html
Langkah Kedua
Cari script widget yang hendak anda bunggkus dengan tag kondisional. Contoh saya akan menyembunyikan widget Artikel Terbaru dari halaman awal, maka anda tinggal mencari script widget Artikel Terbaru secara manual atau dengan mencari ID Widgetnya.
Langkah Ketiga
Setelah anda temukan kode script widgetnya, sekarang anda tinggal memberikan tag kondisional di atas pada script widget tersebut. Contoh saya akan menyembunyikan widget Recent Post di hlaman awal, maka hasilnya sebagai berikut
<b:widget id='HTML1' locked='false' title='Artikel Terbaru' type='HTML' version='1' visible='true'><b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:if>
</b:includable></b:widget>
Ini merupakan contoh dari pembungkusan script widget oleh tag kondisional, dimana kode yang berwarna biru adalah tag kondisional yang membungkus. Perlu diingat penyimpanan tag kondisional tersebut haruslah benar dan tepat. Apabila salah sedikit saja dalam penempatannya maka tidak akan berfungsiLangkah Keempat
Apabila selesai, simpan perubahan template
Nah sampai sini untuk Cara Menyembunyikan dan Menampilkan Widget dihalaman Tertentu. Semoga artikel ini bisa bermanfaat bagi teman-teman semua, apabila ada yang ingin ditanyakan silahkan berkoentar di bawah.
No comments:
Post a Comment