Cara Menyembunyikan dan Menampilkan Widget di halaman Tertentu

Image result for menampilkan dan menyembunyikan Widget Blog 

Cara Menyembunyikan dan Menampilkan Widget di halaman Tertentu - Widget adalah sebuah aplikasi yang dapat di pasang pada suatu website atau blog dengan menggunakan script  tertentu. Widget dapat kita peroleh dari penyedia situs sendiri ataupun dapat juga disebut widget bawaan. Kita bisa mengatur sendiri widget mana saja yang harus tampil atau widget mana saja yang tidak perlu 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
<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 bungkus 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 != &quot;&quot;'>
<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 berfungsi
Langkah 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 berkomentar di bawah.

Subscribe to receive free email updates:

0 Response to "Cara Menyembunyikan dan Menampilkan Widget di halaman Tertentu"

Post a Comment