Cara Menyembunyikan dan Menampilkan Widget di Blog
Penggunaan widget blog yang terlalu banyak tentu akan memakan daerah dan menambah beban blog dikala loading dan tampilan berkesan kurang rapi atau profesional. Tapi mau gimana lagi, terkadang pengguna blog merasa semuanya itu penting untuk di gunakan. Namun jikalau widget itu memang penting dan ingin mempertahankan keberadaanya, ada baiknya Anda melaksanakan pengaturan widget tersebut untuk di tampilkan atau di sembunyikan pada halaman yang di kehendaki saja.
Untuk mengontrol element-element widget pada halaman tertentu dengan gaya berbeda Anda dapat menggunakan Tags Conditional Statements. Fungsi dari teknik ini yakni mengatur tampilan halaman supaya lebih rapi, efektif, dinamis dan menambah kecepatan loading.
Nah bagaimana dengan tampilan widget Anda sekarang? Apakah sudah terlihat rapi? untuk para blogger teknik ini sangat perlu di ketahui dan untuk di aplikasikan alasannya bagaimanapun juga tata letak element widget yang beraturan akan mempunyai nilai tersendiri bagi pengguna atau pengunjung apalagi jikalau di dukung dengan konten yang berkualitas.
Untuk penggunaan Tag kondisional ada 3 budi operator yang di pakai, yaitu operator budi AND, NOT dan OR.
Operator Logika #AND
Operator budi #AND menggunakan simbol == merupakan operator pembanding untuk menyatakan kondisi tersebut BENAR. Simbol ini juga mampu di artikan sama dengan.
Operator Logika #NOT
Operator budi #NOT menggunakan simbol != merupakan operator budi pembanding juga dan pada penggunaanya menyatakan kondisi TIDAK BENAR. Simbol ini juga dapat di artikan sebagai pernyataan tidak sama.
Operator Logika #OR
Operator budi #OR menggunakan instruksi tag <b:else/> yang berarti menentukan pilihan antara dua kondisi yang akan di eksekusi. Kode <b:else/> biasanya terletak di antara dua pernyataan pada satu kondisi. Sebagai teladan :
<b:if cond='data.blog.pageType == "item"'> <!-- kontent 1 --> <b:else/> <!-- kontent 2 --> </b:if> Penjelasan instruksi : Konten 1 akan di tampilkan pada halaman type item, jikalau kondisi halaman blog tidak ada/tidak sama dengan halaman item.....maka yang di tampilkan yakni konten 2.
Cara Menggunakan Tags Conditional di Blog
Untuk menampilkan atau menyembunyikan widget blog hanya perlu menyisipkan sedikit instruksi HTML pada bab body maupun head. Berikut ini teladan beberapa tag kondisional yang dapat di gunakan di blog dan jangan lupa untuk menggunakan seperlunya saja.
Dalam penggunaan tag kondisional di template, maka instruksi tanda kutip "... " harus di parse/ di rubah dengan tanda "..." supaya bekerja dalam template.
1. Menampilkan Widget Hanya di Halaman Homepage/Awal
<b:if cond='data:blog.url == homepageUrl'> ........................................ </b:if>Contoh :
<b:widget id='HTML1' locked='false' title='nama title' type='HTML'> <b:includable id='main'> <b:if cond='data:blog.url == data:blog.homepageUrl'> <!-- only display title if it 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:include name='quickedit/> </b:if> </b:includable> </b:widget>Warna merah yakni batas dari penggunaan kode.
Warna biru yakni instruksi tag yang di gunakan.
Atau
<b:if cond='data:blog.url == data:blog.homepageUrl'> <style type='text/css'> ...................... </style> <script type='text/javascript'> ............................ </script> <b:if>2. Menampilkan Widget di Semua Salaman Kecuali Halaman Homepage/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.pagegType != "item"'> ..................................................... </b:if>7. Menampilkan Widget Hanya di Postingan Tertentu
<b:if cond='data:blog.pageType == "URl postingan"'> ............................................................. </b:if>8. Menyembunyikan Widget di Halaman Tertentu
<b:if cond='data:blog.pageType != "URL postingan"'> ............................................................. </b:if>9. Menampilkan Widget Hanya di Halaman Statis
<b:if cond='data:blog.pageType == "static_page"'> ........................................................... </b:if>10. Menampilkan Widget di Semua Halaman Kecuali Halaman Statis
<b:if cond='data:blog.pageType != "static_page"'> ........................................................... </b:if>11. Menampilkan Widget halaman Error 404
<b:if cond='data:blog.pageType == "error_page"'> .......................................................... </b:if>
Contoh Penerapan Tag Kondisional Pada HTML
Di bawah ini yakni teladan penerapan instruksi tag kondisional pada HTML yang mungkin di perlukan dalam menata widget di blog.1. Menampilkan Widget di Bawah Postingan
<data:post.body/> <b:if cond='data:blog.pageType == "item"'> .................................................... </b:if>2. Menyembunyikan Sidebar di Halaman Statis
<b:if cond='data:blog.pageType == "static_page"'> <style type='text/css'> #sidebar {display : none; } </style> </b:if>Itulah beberapa teladan penggunaan Tags Conditional di blog yang dapat aku sampaikan. Semoga bermanfaat.
Post a Comment for "Cara Menyembunyikan dan Menampilkan Widget di Blog"