Fungsi Tag Kondisional Pada Blog

Senin, 14 Januari 2013

Kali ini aku akan bahas wacana Fungsi Tag Kondisional Pada Blog.

Kebanyakan dari blogger yang masih gres menjelajahi dunia maya, biasanya hanya mengenal setengah dari basic HTML, CSS dan JavaScript.

Dan itu termasuk Kang Wira sendiri, pastinya sangat awam dengan Tag Kondisional dalam dunia codding.

Apa Itu Tag Kondisional ?

Tag Kondisional ialah tag yang dipakai untuk mengatur elemen-elemen tertentu biar tampil atau tidak tampil pada template, berfungsi atau tidak berfungsi dalam halaman spesifik yang telah ditentukan.

Begitu banyak bentuk tag kondisional dalam dunia kode, tapi kali Saya hanya akan menjelaskan wacana Fungsi Tag Kondisional untuk platform blogspot.

Baca juga: Cara Menampilkan Widget Hanya di MOBILE Device

Penerapan Fungsi Tag Kondisional Pada Blog

Contoh Penempatan :

 <b:if cond='data:blog.pageType != "static_page"'> ..... Isi konten yang akan di bungkus tag kondisional </b:if> 

Fungsi arahan Tag Kondisional diatas ialah Konten akan disembunyikan di halaman statis

 <b:if cond='data:blog.url == data:blog.homepageUrl'> ..... Isi konten yang akan di bungkus tag kondisional </b:if> 

Fungsi arahan Tag Kondisional diatas ialah Konten Hanya akan Tampil di halaman Beranda / Homepage Blog

Kode diatas Hanya sebagai Patokan saja, Selebihnya kau dapat lihat beberapa pola penerapan Fungsi Tag Kondisional untuk Widget yang akan ditampilkan atau di sembunyikan dibawah ini.

Menampilkan widget hanya dihalaman Homepage

 <b:widget id='HTML100' locked='false' title='Recent Posts' type='HTML'> <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> 

Menampilkan widget hanya dihalaman Postingan

 <b:widget id='HTML100' locked='false' title='Recent Posts' type='HTML'> <b:includable id='main'> <b:if cond='data:blog.pageType == "item"'> <!-- 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> 

Baca juga: Cara Menampilkan Widget diatas Artikel

Menampilkan widget hanya dihalaman Tertentu

 <b:widget id='HTML100' locked='false' title='Recent Posts' type='HTML'> <b:includable id='main'> <b:if cond='data:blog.url == "URL Kamu"'> <!-- 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> 

Ganti URL Kamu dengan URL yang kau mau

Menyembunyikan widget hanya dihalaman Tertentu

 <b:widget id='HTML100' locked='false' title='Recent Posts' type='HTML'> <b:includable id='main'> <b:if cond='data:blog.url != "URL kamu"'> <!-- 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> 

Ganti URL Kamu dengan URL yang kau mau

Menampilkan widget hanya dihalaman Statis

 <b:widget id='HTML100' locked='false' title='Recent Posts' type='HTML'> <b:includable id='main'> <b:if cond='data:blog.pageType == "static_page"'> <!-- 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> 

Menyembunyikan widget hanya dihalaman Statis

 <b:widget id='HTML100' locked='false' title='Recent Posts' type='HTML'> <b:includable id='main'> <b:if cond='data:blog.pageType != "static_page"'> <!-- 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> 

Menampilkan widget hanya dihalaman Arsip

 <b:widget id='HTML100' locked='false' title='Recent Posts' type='HTML'> <b:includable id='main'> <b:if cond='data:blog.pageType == "archive"'> <!-- 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> 

Setelah Kamu terapkan Fungsi Kode Tag Kondisional diatas, Silahkan kau simpan dan lihat hasilnya.

Baca juga: Membuat Halaman Recent Post by Lable

Sebenarnya tidak hanya pada Widget saja kau dapat menerapkan Fungsi Tag Kondisional ini, tapi kau juga dapat membungkus elemen lain menyerupai HTML, CSS dan JavaScript pada template kamu, yang berkhasiat juga untuk mempercepat loading blog alasannya mengurangi script yang terbaca dalam suatu halaman atau alasan lainnya.

Demikianlah Artikel wacana Fungsi Tag Kondisional Pada Blog yang sudah aku sampaikan kali ini. Semoga Artikel nya bermanfaat dan jangan lupa isi komentar dibawah apabila ada terjadi kesalahan dalam artikel ini.

Share This :