Cara Menyembunyikan dan Menampilkan Widget di halaman Tertentu
Selasa, 24 Januari 2017
Tambah Komentar
Cara Menyembunyikan dan Menampilkan Widget di halaman Tertentu - Widget merupakan sebuah aplikasi yang di pasang pada website atau blog dengan menggunakan script tertentu. Widget dapat kita dapatkan dari penyedia situs sendiri atau dapat juga disebut widget bawaan. Kita dapat mengatur sendiri widget mana saja yang harus tampil atau widget mana saja yang tidakperlu tampil.
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
2. Menampilkan Widget di Semua Halaman Kecuali Halaman Awal
3. Menampilkan Widget Hanya di Halaman Archive
4. Menampilkan Widget di Semua Halaman Kecuali Halaman Archive
5. Menampilkan Widget Hanya di Halaman Postingan
6. Menampilkan Widget di Semua Halaman Kecuali Halaman Postingan
7. Menampilkan Widget Hanya di Postingan Tertentu
8. Menampilkan Widget Selain di Halaman Tertentu
9. Menampilkan Widget Hanya di Halaman Static Page
10. Menampilkan Widget di Semua Halaman Kecuali Halaman Static Page
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:widget>
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.
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.
Belum ada Komentar untuk "Cara Menyembunyikan dan Menampilkan Widget di halaman Tertentu"
Posting Komentar