Kode Tag Kondisional untuk Mengatur Tampilan Widget Blogger
September 12, 2019
BERIKUT ini daftar kode Tag Kondisional (Conditional Tags) untuk Mengatur Tampilan Widget Blogger. Tag kondisional adalah kode untuk mengatur tampilan elemen, khususnya widget, di halaman tertentu, misalnya hanya di halaman depan atau halaman dalam (single post).
Contoh penerapannya atau penggunaannya, misalnya mengatur tampilan widget Recent Posts hanya di halaman dalam, tidak muncul di homepage (beranda).
Di blog CB ini Anda bisa lihat "Posting Terbaru" di sidebar hanya muncul di halaman dalam. Itu diatur melalui kode Tag Kondisional di bawah ini .
Dasar kode tag kondisional adalah sebagai berikut:
<b:if cond='Your-condition'>
<b:if cond='data:view.isPost'> … </b:if>
<b:if cond='data:view.isPage'> … </b:if>
<b:if cond='data:view.isLabelSearch'> … </b:if>
<b:if cond='data:view.isMultipleItems and !data:view.isArchive'> … </b:if>
Contoh penerapannya atau penggunaannya, misalnya mengatur tampilan widget Recent Posts hanya di halaman dalam, tidak muncul di homepage (beranda).
Di blog CB ini Anda bisa lihat "Posting Terbaru" di sidebar hanya muncul di halaman dalam. Itu diatur melalui kode Tag Kondisional di bawah ini .
Dasar kode tag kondisional adalah sebagai berikut:
<b:if cond='Your-condition'>
<!-- Your elements here! -->
</b:if>
Tag kondisional untuk halaman depan saja:
<b:if cond='data:view.isHomepage'> ... </b:if>
Kode Tag Kondisional untuk Mengatur Tampilan Widget Blogger
1. Tag Kondisional versi BaruTag kondisional untuk halaman depan saja:
<b:if cond='data:view.isHomepage'> ... </b:if>
Tag kondisional halaman dalam (single post):
Tag kondisional halaman statis (static page):
Tag kondisional halaman label (label page):
<b:if cond='data:view.isLabelSearch'> … </b:if>
Tag kondisional halaman indeks:
Tag kondisional halaman Item:
<b:if cond='data:view.isSingleItem'> … </b:if>
<b:if cond='data:view.isError'> … </b:if>
Untuk menampilkan widget atau elemen blog di halaman depan (Homepage/Beranda), Label Pages (Halaman Label/Kategori), dan Archive Pages (Halaman Arsip)
<b:if cond='data:blog.pageType == "index"'>
Halaman Dalam (Single Post/Post Page)
<b:if cond='data:blog.pageType == "item"'>
Tag Kondisional Halaman Error:
2. Tag Kondisional versi Lama (Masih Works kok!)
Tag Kondisional Home, Label, ArsipUntuk menampilkan widget atau elemen blog di halaman depan (Homepage/Beranda), Label Pages (Halaman Label/Kategori), dan Archive Pages (Halaman Arsip)
<b:if cond='data:blog.pageType == "index"'>
</b:if>
Halaman Dalam (Single Post/Post Page)
</b:if>
<b:if cond='data:post.isFirstPost'>
Halaman Dalam dan Halaman Statis (Post and static pages)
<b:if cond='data:blog.url == data:post.url'>
Posting Pertama
<b:if cond='data:blog.url == data:post.url'>
</b:if>
</b:if>
Halaman Statis (Static Page)
<b:if cond='data:blog.pageType == "static_page"'>
Halaman Arsip
<b:if cond='data:blog.pageType == "archive"'>
</b:if>
Halaman Posting Tertentu
Label Search (Halaman Label/Post per Kategori)
<b:if cond='data:blog.searchLabel'>
Tag Kondisional Halaman Depan (Homepage) Saja
<b:if cond='data:blog.url == data:blog.homepageUrl'>
</b:if> Halaman Statis (Static Page)
</b:if>
Halaman Arsip
<b:if cond='data:blog.pageType == "archive"'>
</b:if>
Halaman Posting Tertentu
<b:if cond='data:blog.url == "your-url-here"'>
</b:if>
Catatan: kode tag kondisional halaman posting tertentu ini CB gunakan untuk menampilkan kotak komentar Facebok hanya di halaman Tips Membuat Kotak Komentar Facebook di Blogger. Di posting lain tidak muncul.
Label Search (Halaman Label/Post per Kategori)
</b:if>
Search Pages (Halaman Hasil Pencarian)
<b:if cond='data:blog.searchQuery'>
1. Template > Edit HTML
2. Temukan kode widget di dalam template yang diawali dengan kode <b:widget ... > dan diakhiri dengan </b:widget>
3. Masukkan kode <b:if cond='data:blog.url == data:blog.homepageUrl'> setelah kode <b:includable id='main'> dan kode penutup </b:if> sebelum kode penutup widget/sebelum kode </b:includable>
Contohnya:
Contoh Lainnya:
Kode di atas menjadikan Text Widget yang ada di blog ini hanya muncul di halaman depan. Cara penerapan yang sama berlaku untuk kode tag kondisional lainnya.
Demikian daftar Kode Tag Kondisional untuk Mengatur Tampilan Widget Blogger dan contoh penerapannya. Good Luck & Happy Blogging! (http://www.contohblog.com).*
Search Pages (Halaman Hasil Pencarian)
</b:if>
Contoh Penerapan Kode Tag Kondisional
Misal, kita akan menampilkan sebuah widget hanya di halaman depan.1. Template > Edit HTML
2. Temukan kode widget di dalam template yang diawali dengan kode <b:widget ... > dan diakhiri dengan </b:widget>
3. Masukkan kode <b:if cond='data:blog.url == data:blog.homepageUrl'> setelah kode <b:includable id='main'> dan kode penutup </b:if> sebelum kode penutup widget/sebelum kode </b:includable>
Contohnya:
Contoh Lainnya:
Kode di atas menjadikan Text Widget yang ada di blog ini hanya muncul di halaman depan. Cara penerapan yang sama berlaku untuk kode tag kondisional lainnya.
Demikian daftar Kode Tag Kondisional untuk Mengatur Tampilan Widget Blogger dan contoh penerapannya. Good Luck & Happy Blogging! (http://www.contohblog.com).*
Previous
« Prev Post
« Prev Post
Next
Next Post »
Next Post »
Bermanfaat sekali artikel nya. Thanks CB
ReplyDeletemau tanya gan caranya pasang kode webkit-transition link visitednya gimana?
ReplyDeletedi kode a:visited, biasanya berdampingan dengan kode a:link dan a:hover
Deletethanks pencerahaannya
ReplyDeleteBaru tahu ada kayak gini, gan....
ReplyDeleteThanks, ya...
info menarik... trims
ReplyDeleteterimakasih atas informasinya
ReplyDelete