Dengan contoh diatas bisa dilogika juga dapat meringankan dan mempercepat blog, karena kode CSS, Java Script yang tidak digunakan /dibutuhkan dalam halaman tersebut .akan disembunyikan seperti homepage, halaman statis, postingan, dan lain-lain. Berikut ini adalah beberapa tag kondisional yang sudah update di tahun 2020 ada juga versi lama dari tag kondisional ini.
Tag Kondisional Halaman Utama
Menampilkan widget,css,html,js hanya di halaman utama sajaVersi baru
<b:if cond='data:view.isHomepage'> … </b:if>
Versi lama
<b:if cond='data:blog.url == data:blog.homepageUrl'> … </b:if>
Tag Kondisional Halaman Index
Menampilkan widget,css,html,js hanya di halaman index saja,Beberapa contoh halaman index yang mudah untuk ditemukan adalah homepage, halaman label, halaman archive, dan halaman search query.Versi baru
<b:if cond='data:view.isMultipleItems'> … </b:if>
Versi lama
<b:if cond='data:blog.pageType == "index"'> … </b:if>
Tag Kondisional Halaman Item
Menampilkan widget,css,html,js hanya di halaman item, Halaman item adalah tipe halaman yang akan selalu berakhir pada nama berkas, seperti ini:penggunaanya ; merujuk tipe halaman item, bisa diubah menjadi static_page, index, dan lainnnya
Versi baru
<b:if cond='data:view.isSingleItem'> … </b:if>
Versi lama
<b:if cond='data:blog.pageType in ["item", "static_page"]'> … </b:if>
Tag Kondisional Halaman Postingan
Menampilkan widget,css,html,js hanya di halaman postingan sajaVersi baru
<b:if cond='data:view.isPost'> … </b:if>
Versi lama
<b:if cond='data:blog.pageType == "item"'> … </b:if>
Tag Kondisional Halaman Statis
Menampilkan widget,css,html,js hanya di halaman statis saja. Untuk penggunaannya secara umum, halaman statis sering dimanfaatkan untuk membuat halaman about, privacy policy, terms of service, dan lain sebagainya.Versi baru
<b:if cond='data:view.isPage'> … </b:if>
Versi lama
<b:if cond='data:blog.pageType == "static_page"'> … </b:if>
Tag Kondisional Halaman Label
Menampilkan widget,css,html,js hanya di halaman label saja,contoh : https://tereue.blogspot.com/search/label/Blogger?max-results=5
Versi baru
<b:if cond='data:view.isLabelSearch'> … </b:if>
Versi lama
<b:if cond='data:blog.searchLabel'> … </b:if>
Tag Kondisional Halaman Arsip
Menampilkan widget,css,html,js hanya di halaman Arsip sajaVersi baru
<b:if cond='data:view.isArchive'> … </b:if>
Versi lama
<b:if cond='data:blog.pageType == "archive"'> … </b:if>
Tag Kondisional Halaman Pencarian
Menampilkan widget,css,html,js hanya di halaman label saja,contoh : https://tereue.blogspot.com/search?q=blogger
Versi baru
<!-- Termasuk halaman pencarian label -->
<b:if cond='data:view.isSearch'> … </b:if>
<!-- Hanya halaman pencarian -->
<b:if cond='data:view.isSearch and !data:view.isLabelSearch'> … </b:if>
Versi lama
<b:if cond='data:blog.searchQuery'> … </b:if>
Tag Kondisional Halaman Kesalahan / Error 404
Menampilkan widget,css,html,js hanya di halaman erorr saja, atau biasanya jika suatu permintaan/Request halaman tertentu tidak memehuni maka akan langsung direct ke error pageVersi baru
<b:if cond='data:view.isError'> … </b:if>
Versi baru
<b:if cond='data:blog.pageType == "error_page"'> … </b:if>
Tag Kondisional Halaman Pratinjau
Menampilkan widget,css,html,js hanya di halaman pratinjau saja, tidak asing lagi pasti jika sobat sering menulis di editor blogger dengan halaman pratinjau.Versi baru
<b:if cond='data:view.isPreview'> … </b:if>
Versi lama
<!-- Tidak ada -->
Tag Kondisional untuk versi mobile
Menampilkan widget,css,html,js hanya di Mobile View saja, mobile view disini ketika di lihat dari smartphone menggunakan resolusi layar tertentu.<b:if cond='data:blog.isMobileRequest'></b:if>
Referensi : https://www.codepelajar.com/
Untuk kalian yang tidak mau repot, kalian tinggal pergi ke halaman alat ngeblog online milik blog TerEue Blogspot, linknya ada Alat Ngeblog Online. Lalu kalian scroll kebawah sampe ketemu tools yang bernama Tag Conditional Grabber, dimana alat ini dapat otomatis menambahkan tag kondisional sesuai pilihan kalian, caranya dengan salin kode html,css atau yang lain ke form yang telah disediakan, pilih tag kondisional sesuai kebutuhan, lalu klik wrap, dan otomatis kode yang kalian pastekan telah ditambah oleh tag kondisional yang kalian butuhkan.
Demikianlah artikel mengenai Tag Kondisional Blogger Terbaru 2020 Beserta Fungsinya kali ini, mudah-mudahan bisa membantu anda dan memberi manfaat untuk anda semua. Baiklah, sampai jumpa di postingan artikel lainnya.
TerEue Blogspot memiliki kebijakan dalam hal konten, seperti rewrite/repost juga share yang mengharuskan pengguna untuk mencantumkan sumber yang jelas jika ingin memakai konten kami sebagai referensi. Maka dari itu, jika ada yang melanggar , kami tidak akan segan untuk melakukan takedown ataupun pelaporan dan pemberitaan masalah pencurian konten dari situs kami.
Baca lebih lanjut kebijakan konten disini.
Beberapa artikel di blog ini terkadang berisi informasi dari berbagai macam sumber. Hak cipta berupa gambar, teks, dan link sepenuhnya dimiliki oleh web tersebut. Jika ada masalah terkait hal ini, Anda dapat menghubungi kami disini.
Baca lebih lanjut kebijakan konten disini.
Beberapa artikel di blog ini terkadang berisi informasi dari berbagai macam sumber. Hak cipta berupa gambar, teks, dan link sepenuhnya dimiliki oleh web tersebut. Jika ada masalah terkait hal ini, Anda dapat menghubungi kami disini.
Cantik bener templatenya.. sy suka
ReplyDeleteTerima kasih gan :)
DeleteSama2 gan
Delete