Mengenal berbagai Macam Conditional Tag Terbaru di Blogger beserta Fungsi / Kegunaannya

Setiap bahasa pemprograman untuk pemprosesan biasanya ada yang namanya "Kode Pengkondisian" jika di beberapa bahasa pemprosesan seperti PHP, PASCAL, Javascript kita mengenal dengan If Else, Then... 

 

{getToc} $title={Table of Contents} 

 

Intinya mengkondisikan "Jika Iya, Jika tidak, Lalu, Kalau Iya, maka.... dst"



Apa itu Tag Kondisional Blogger


Untuk blogger sendiri juga memiliki Conditional Tag, yang fungsinya untuk mengkondisikan kode mana saja yang boleh di render untuk kemudian ditampilkan menjadi GUI / Graphical User Interface kepada pengunjung Blog kita.

 

Tag Kondisional Blogger Terbaru
Conditional Tag "Blogger"

 


Jadi dengan Tag Kondisional ini, kita bisa menentukan kode CSS, HTML, JAVASCRIPT dan Widget Blog mana saja yang boleh ditampilkan pada halaman / page tertentu. Tentu hal ini sangat berguna sekali bagi pengembang template blogger bukan? :)


Saya sudah pernah bilang di Postingan lama "Bagaimana Cara Mempercepat Tampilan Mobile" bahwa tag kondisional ini berguna banget untuk hal ini, apalagi dengan adanya "Mobile First" dimana sekarang ini tren kunjungan paling banyak adalah melalui gawai / ponsel.



Contoh Penerapan Tag Kondisional


Contohnya saja, untuk mengurangi waktu pemuatan pada blog untuk tampilan mobile, maka kita bisa menggunakan 

 

<b:if cond='!data:mobile'>


Kode Kondisional tersebut, merupakan contoh "Pengecualian", dengan menambahkan tanda !

artinya, kode tersebut hanya akan tampil, jika permintaan bukan situs mobile, melainkan situs desktop.

 

 

Standar penerapannya seperti ini

 


  <b:if cond='ekspresi kondisi'>
    <!-- berisi konten (html, js, css) ketika kondisi diterapkan -->
    <script type='text/javascript'> var thumbnail_mode = &quot;yes&quot; ; summary_noimg = 400; summary_img = 300; img_thumb_height = 130; img_thumb_width = 220; </script> <script type='text/javascript'> //<![CDATA[ function removeHtmlTag(strx,chop){if(strx.indexOf("<")!=-1){var s=strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i]=s[i].substring(s[i].indexOf(">")+1,s[i].length)}}strx=s.join("")}chop=(chop<strx.length-1)?chop:strx.length-2;while(strx.charAt(chop-1)!=' '&&strx.indexOf(' ',chop)!=-1)chop++;strx=strx.substring(0,chop-1);return strx+'...'}function createSummaryAndThumb(pID){var div=document.getElementById(pID);var imgtag="";var img=div.getElementsByTagName("img");var summ=summary_noimg;if(img.length>=1){imgtag='<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';summ=summary_img}var summary=imgtag+'<div>'+removeHtmlTag(div.innerHTML,summ)+'</div>';div.innerHTML=summary} //]]> </script>
</b:if>
>



Setiap <b:if>, harus ditutup dengan </b:if>

Jika tidak, maka akan terjadi error atau mempengaruhi <b:if> lainnya.. dan ini yang kadang membuat runyam... ketika kita keburu menutup halaman edit html, karena enggak bisa di undo dan kita gak sadar, b:if mana yang lupa ketutup.. lalu tiba tiba tampilan blog malah jadi berantakan...


Makannya, kadang kita disuruh untuk backup template bukan? hehe, ya untuk mengatasi hal yang tak diinginkan.. selebihnya DIY (Do it with Yourself Risk )


ini contoh penerapan Tag Pengkondisian pada Template


<b:widget id='HTML23' locked='false' title='' type='HTML' version='2' visible='true'>
<b:includable id='main'>

<b:if cond='ekspresi kondisi'>

  <!-- 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:include name='quickedit'/>

</b:if>
</b:includable>
</b:widget>


anda bisa meletakkan tag pengkondisian tambahan ( yang saya cetak tebal ), untuk menampilkan atau menyembunyikan widget di halaman tertentu dibawah <b:includable id='main'>

karena itu mencangkup widget yang kita buat...


misal kita hanya menampilkannya pada tampilan mobile saja, atau desktop saja...

untuk tag pengkondisian dibawah <!-- only display title if it's non-empty -->

itu merupakan tag bawaan, kita tidak perlu edit disini, jadi kita bisa ngeditnya di "tata letak"

 

Ini saya gunakan untuk mengoptimalkan tampilan mobile, yang tadinya ketika di cek di google pagespeed skor merah sekali dan hanya 8, sekarang sudah berubah menjadi merah dengan skor 30 an..

 

lumayan sih.. karena sebagian besar permasalahannya ada di gambar gan.. jadi untuk optimasi gambar yang udah ribuan, sangat melelahkan.. 






Apa yang dipelajari pada artikel Tag Kondisional ini


 

Pada Artikel ini, kita akan mempelajari tentang berbagai macam tag kondisional terebut.

  • Mengenal Berbagai Macam Tag Kondisional Blogger Versi Terbaru
  • Mengenal Berbagai Macam Tag Kondisional Blogger Versi Lama

 

Serta kondisi lain seperti,

  1. NOT
  2. AND
  3. OR

 

 

 

Berbagai Macam Conditional Tag pada Blogger beserta Fungsinya

 

 

Disini saya mencoba menyajikan secara langsung antara tag kondisional versi lama dengan tag kondisional blogger versi baru, sehingga diharapkan bisa lebih memahami tag mana yang digunakan pada template yang sobat miliki. Karena intinya, conditional tag versi terbaru merupakan penyederhanaan dari tag kondisional yang versi lama. Sehingga akan menjadi lebih ringkes dalam penulisannya.

 

1. Tag Kondisional Homepage / Halaman Utama


Tag ini digunakan untuk menampilkan Kode Javascript, CSS, maupun HTML Widget di Halaman Depan atau Homepage saja, artinya tidak akan di render dan ditampilkan di halaman selain halaman utama.


Tag Kondisional Halaman Utama versi Lama Blogger

<b:if cond='data:blog.url == data:blog.homepageUrl'>



Tag Kondisional Halaman Utama versi Terbaru Blogger

<b:if cond='data:view.isHomepage'>


Halaman utama itu yang mana sih?
https://www.rahmancyber.net
Halaman yang bukan utama?
https://www.rahmancyber.net/2021/07/modul-memasukkan-video-audio-gambar-ke-kdenlive-video-editor.html





2. Tag Kondisional Index Page / Halaman Indeks 

 


Tag ini digunakan untuk menampilkan Kode Javascript, CSS, maupun HTML Widget di Halaman Indeks saja, artinya tidak akan di render dan ditampilkan di halaman selain halaman indeks.



Tag Kondisional Halaman Indeks versi Lama Blogger

<b:if cond='data:blog.pageType == "index"'>


Tag Kondisional Halaman Indeks versi Terbaru Blogger

<b:if cond='data:view.isMultipleItems'>



Halaman indeks itu yang mana sih?
https://www.rahmancyber.net
https://www.rahmancyber.net/2021
https://www.rahmancyber.net/search?q=blogger
https://www.rahmancyber.net/search/label/Multimedia%20Broadcasting

 

 

3. Tag Kondisional Item Page (Dynamic Post and Static Page) / Halaman Posting dan Halaman Statis



Tag ini digunakan untuk menampilkan Kode Javascript, CSS, maupun HTML Widget di Halaman Dinamis dan Statis saja, artinya tidak akan di render dan ditampilkan di halaman selain halaman Statis dan Dinamis Posting tersebut.



Tag Kondisional Halaman Item versi Lama Blogger

<b:if cond='data:blog.pageType in ["item", "static_page"]'>


Tag Kondisional Halaman Item versi Terbaru Blogger

<b:if cond='data:view.isSingleItem'>



Halaman item itu yang mana sih?
Halaman Statis -> https://www.genbisoft.com/p/about.html
Halaman Posting Dinamis -> https://www.genbisoft.com/2021/06/script-php-bahasa-pemprograman-untuk.html




 

4. Tag Kondisional Post Page / Halaman Postingan Dinamis



Tag ini digunakan untuk menampilkan Kode Javascript, CSS, maupun HTML Widget di Halaman Postingan saja, artinya tidak akan di render dan ditampilkan di halaman selain halaman Postingan Artikel Dinamis tersebut.



Tag Kondisional Halaman Postingan versi Lama Blogger

<b:if cond='data:blog.pageType == "item"'>



Tag Kondisional Halaman Postingan versi Terbaru Blogger

<b:if cond='data:view.isPost'>





Halaman Postingan Artikel itu yang mana sih?
Halaman Posting Dinamis -> https://www.genbisoft.com/2021/06/script-php-bahasa-pemprograman-untuk.html




5. Tag Kondisional Static Page / Halaman Statis



Tag ini digunakan untuk menampilkan Kode Javascript, CSS, maupun HTML Widget di Halaman Halaman Statis (seperti halaman about, privacy police, faq, atau bahkan landing page) saja, artinya tidak akan di render dan ditampilkan di halaman selain halaman statis tersebut.



Tag Kondisional Halaman Statis versi Lama Blogger

<b:if cond='data:blog.pageType == "static_page"'>



Tag Kondisional Halaman Statis versi Terbaru Blogger

<b:if cond='data:view.isPage'>





Halaman Statis itu yang mana sih?
Halaman Statis -> https://www.rahmancyber.net/p/about-rahmancyber.html




 

6. Tag Kondisional Label Page / Halaman Label atau Kategori



Tag ini digunakan untuk menampilkan Kode Javascript, CSS, maupun HTML Widget di Halaman Label saja, artinya tidak akan di render dan ditampilkan di halaman selain halaman label tersebut.



Tag Kondisional Halaman Label versi Lama Blogger

<b:if cond='data:blog.searchLabel'>



Tag Kondisional Halaman Label versi Terbaru Blogger

<b:if cond='data:view.isLabelSearch'>



Walau pada tag pengkondisian yang ini, saya rasa untuk versi lama dan baru tidak jauh beda, malah lebih panjang versi terbaru, dengan penggantian "blog" ke "view" dan penambabahan "is" serta pengubahan susunan ejaan, dari "searchLabel" menjadi "LabelSearch"


Pada Template Link Magz buatan mas sugeng pun menggunakan ini, sebagai pembeda halaman "produk", "advertorial" dan label biasa, ini saya telusuri menggunakan Tag Kondisi untuk label tertentu... saya jelaskan ya di sub artikel... Simak terus ^_^



Halaman Label itu yang mana sih?
 

Halaman Label -> 

https://www.rahmancyber.net/search/label/Review%20dan%20Spesifikasi
https://www.rahmancyber.net/search/label/Youtube



Tag Pengkondisian pada Label Tertentu


<b:if cond='data:blog.searchLabel == &quot;Blogger&quot;'>

Ini merupakan tag pengkondisian versi lama yang digunakan untuk menampilkan label tertentu, contoh disini untuk menampilkan label `Blogger`
 

Jadi apapun kode pengaturan yang kamu taruh di dalam tag pengkondisian ini, hanya akan berefek pada label Blogger, jadi hanya ketika pengunjung mengunjungi label 'Blogger'


untuk versi terbarunya  seperti ini


<b:if cond='data:view.search.label == &quot;Blogger&quot;'></b:if> 


anda bebas mau pake versi terbaru atau yang lama, karena selama ini tidak ada masalah, bahkan dicampur sekalipun.



Tag Pengkondisian pada Label Tertentu [Multiple]


Fungsi multiple ini sebenarnya adalah untuk memperpendek koding aja, jadi anda tidak perlu melakukan perulangan kode hanya untuk pengaturan beberapa label dengan isi yang sama.

 

 

Ini untuk kode versi terbarunya, untuk label 'Blogger','Film','Islam','Pendidikan'


<b:if cond='data:view.search.label in [&quot;Blogger&quot;,&quot;Film&quot;,&quot;Islam&quot;,&quot;Pendidikan&quot;]'>


Misal kita pengen mengatur pewarnaan agar pada label khusus tersebut berbeda dengan label lainnya, bisa dengan melakukan multiple label ini..


Oh iya, kalian tidak usah bingung ya dengan &quote, karena itu adalah kode parse sebenarnya... kalian juga bisa menggunakan ini yang belum di parse..


<b:if cond='data:view.search.label in ["Blogger","Film","Islam","Pendidikan"]'>


 


Ini untuk kode versi terbarunya, untuk label dan pencarian 'Blogger','Film','Islam','Pendidikan'


<b:if cond='data:view.isSearch and data:view.search.label in [&quot;Blogger&quot;,&quot;Film&quot;,&quot;Islam&quot;,&quot;Pendidikan&quot;]'>


Misal kita pengen mengatur pewarnaan agar pada label dan pencarian khusus tersebut berbeda dengan label lainnya, bisa dengan melakukan multiple label ini..


Oh iya, kalian tidak usah bingung ya dengan &quote, karena itu adalah kode parse sebenarnya... kalian juga bisa menggunakan ini yang belum di parse..


<b:if cond='data:view.isSearch and data:view.search.label in ["Blogger","Film","Islam","Pendidikan"]'>





Apakah tag pengkondisian ini bisa untuk mengatur Meta khusus untuk label tertentu?


<b:if cond='data:view.isSearch and data:view.search.label in [&quot;Produk&quot;,&quot;Products&quot;,&quot;Jasa&quot;,&quot;Services&quot;]'>
    <b:if cond='data:blog.metaDescription'>
        <meta expr:content='data:blog.pageName + &quot; - &quot; + data:blog.title + &quot; - &quot; + data:blog.metaDescription' name='description'/>
    <b:else/>
        <meta expr:content='data:blog.pageName + &quot; - &quot; + data:blog.title + &quot; - &quot; + data:blog.homepageUrl' name='description'/>
    </b:if>
<b:elseif cond='data:view.isHomepage'/>
    <b:if cond='data:blog.metaDescription'>
        <meta expr:content='data:blog.metaDescription' name='description'/>
    <b:else/>
        <meta expr:content='data:blog.title + &quot; - &quot; + data:blog.homepageUrl' name='description'/>
    </b:if>
<b:elseif cond='data:view.isSingleItem'/>
    <b:if cond='data:blog.metaDescription'>
        <meta expr:content='data:blog.metaDescription' name='description'/>
    <b:else/>
        <meta expr:content='data:blog.pageName + &quot; - &quot; + data:blog.title + &quot; - &quot; + data:blog.homepageUrl' name='description'/>
    </b:if>
</b:if>


itu adalah contohnya... Bisa...jadi kita bisa melakukan Personalisasi Meta untuk Label tertentu.




7. Tag Kondisional Search Page / Halaman Pencarian



Tag ini digunakan untuk menampilkan Kode Javascript, CSS, maupun HTML Widget di Halaman Pencarian saja, artinya tidak akan di render dan ditampilkan di halaman selain halaman pencarian tersebut.



Tag Kondisional Halaman (Search) Pencarian versi Lama Blogger

<b:if cond='data:blog.searchQuery'>



Tag Kondisional Halaman (Search) Pencarian versi Terbaru Blogger

<b:if cond='data:view.isSearch'>



 

Tag inilah yang anda gunakan untuk mengatur tampilan khusus pada halaman pencarian... :)

Seperti biasa, perubahan yang paling mencolok adalah pengubahan "blog" ke "view"



Halaman Pencarian itu yang mana sih?

Halaman Pencarian itu adalah semua halaman yang mengandung kata "search" pada URL ( Bahkan ini termasuk Label juga.

Halaman Pencarian ->

https://www.rahmancyber.net/search/label/Youtube
https://www.rahmancyber.net/search?q=php
https://www.myshorttips.com/search/label/Life%20Tips?&max-results=6
https://www.myshorttips.com/search/label=Life%20Tips

itu semua mengandung "search"



Lalu, bagaimana jika anda ingin hanya berlaku pada "Pencarian" yang bukan label? 

 

sebenarnya ini berkaitan dengan yang kita bahas nanti, penggunaan fungsi tambahan pada tag kondisional.

 

<b:if cond='data:view.isSearch and !data:view.isLabelSearch'>


Pada tag kondisional tersebut terdapat penggabungan antara tag kondisional pencarian dan tag kondisional label. 

Anda tidak perlu menulis 

<b:if cond='data:view.isSearch'>

<b:if cond='data:view.isLabelSearch'>


Anda cukup menambahkan and
 

Tetapi tunggu dulu, karena algoritma / alur pemikiran yang kita gunakan adalah hanya tampil di pencarian, tetapi tidak untuk label.

 

Maka kita bisa menambahkan tanda seru ! seperti yang saya cetak tebal.

 

Sehingga menjadi !data:view.isLabelSearch

 

Anda tidak perlu kan, membuat b if lagi, karena sudah terdapat and

 

Contoh Pengaplikasian ini adalah ->

https://www.myshorttips.com/search?q=blogger

 

Jadi pengaturan hanya untuk halaman pencarian saja, yang lain tidak terpengaruh, termasuk halaman label. 

 

 

Lalu bagaimana untuk PENGKONDISIAN hanya untuk Kata Kunci Tertentu..

 

Ternyata bisa gan, jadi kita bisa melakukan personalisasi untuk Kata Kunci Pencarian Tertentu.. Caranya? Ini adalah cara untuk versi lama ya...


<b:if cond='data:blog.searchQuery == &quot;Blogger Sukses&quot;'>


Tag Pengkondisian tersebut, digunakan untuk melakukan personalisasi halaman pencarian yang memiliki kata kunci "Blogger Sukses"

 

Loh bang, biasanya kan kalo terdiri dari lebih satu keyword, harus pakai %20 ? jadi Blogger%20Sukses?

Enggak harus, tanpa itupun udah bisa sekarang, mungkin waktu jaman dahulu kala, itu harus, agar tidak error, tetapi sekarang 'edit html' blogger udah bisa gak pakai %20, alias tinggal kasih spasi aja..

 

 

Bagaimana Pengkondisian untuk Multiple Kata Kunci?

 

Ini untuk versi yang baru untuk pencarian multiple "Blogger","Film","Islam","Pendidikan"

 

 

<b:if cond='data:view.isSearch in ["Blogger","Film","Islam","Pendidikan"]'> 

 

Bagaimana kalau hanya satu?

<b:if cond='data:view.isSearch =="Blogger"'> 

atau 

<b:if cond='data:view.isSearch ==&quot;Blogger&quot;'>

atau anda pun sebenarnya juga bisa pakai...

<b:if cond='data:view.isSearch in ["Blogger"]'>



Berarti bisa dong buat Personalisasi Javascript, jika seseorang melakukan pencarian di kata kunci tertentu? misal pada kata kunci tertentu aku mau tampilin kode javascript untuk subscribe channel youtube aku..?


Coba aja.. hehe :)


Ini yang saya bagikan adalah ilmu dasar, sobat bisa mengembangkannya sendiri.. :)

*Ilmu dasar edit dan buat template.. :)


 

 

8. Tag Kondisional Archive Page / Halaman Arsip



Tak bisa dipungkiri lagi, bahwa blogger menggunakan model arsip, sehingga postingan artikel dikelompokkan dalam bulan dan tahun.

Hal ini sebenarnya merupakan konsep yang bagus, karena tentu akan memudahkan kelak dalam pencarian, dan lebih bisa di validasi tanggal postingnya.

Tetapi, sayangnya memang blogger ini menyediakan pengaturan tanggal manual, sehingga hal ini kadang bisa dimanipulasi.

Cuman URL nya menjadi cukup panjang.. :) karena ada susunan "tahun"/"bulan"


Intinya Tag Pengkondisian ini digunakan untuk menampilkan Kode Javascript, CSS, maupun HTML Widget di Halaman Arsip saja, artinya tidak akan di render dan ditampilkan di halaman selain halaman Arsip tersebut.



Tag Kondisional Halaman (Archive) Arsip versi Lama Blogger

<b:if cond='data:blog.pageType == "archive"'>



Tag Kondisional Halaman (Archive) Arsip versi Terbaru Blogger

<b:if cond='data:view.isArchive'>





Halaman Arsip itu yang mana sih?


Halaman Arsip ->

https://www.myshorttips.com/2021/02/
https://www.myshorttips.com/2021
https://www.myshorttips.com/2021_02_14_archive.html




9. Tag Kondisional Error 404 Page (Page Not Found) / Halaman Tidak ditemukan



Intinya Tag Pengkondisian ini digunakan untuk menampilkan Kode Javascript, CSS, maupun HTML Widget di Halaman ERROR 404 saja, artinya tidak akan di render dan ditampilkan di halaman selain halaman ERROR 404 tersebut.

Jadi anda bisa membuat tampilan berbeda juga dengan tag kondisional ini.



Tag Kondisional Halaman (ERROR 404) Page Not Found versi Lama Blogger

<b:if cond='data:blog.pageType == "error_page"'>



Tag Kondisional Halaman (ERROR 404) Page Not Found versi Terbaru Blogger

<b:if cond='data:view.isError'>





Halaman ERROR 404 itu yang mana sih?


Halaman Error 404 ->

https://www.rahmancyber.net/2021/06/script-anti-copy-paste-untuk-sanctuary.html






10. Tag Kondisional Mobile Page / Halaman Tampilan Mobile



Ini pernah saya bahas di postingan mempercepat tampilan mobile.

Intinya Tag Pengkondisian ini digunakan untuk menampilkan Kode Javascript, CSS, maupun HTML Widget di Halaman Mobile saja, artinya tidak akan di render dan ditampilkan di halaman selain halaman Mobile tersebut. 



Seperti apa sih halaman mobile?
Halaman mobile merupakan halaman yang memiliki akhiran url ?m=1 contoh : https://www.rahmancyber.net?m=1


Intinya jika blog itu diakses dengan mobile device / smartphone.. gitu deh.. ( kadang kalo tablet, ada yang enggak langsung tampilan mobile )

Bagaimana jika ada blogger yang tidak ada akhiran ?m=1, tetapi dia memakai tampilan mobile, itu sebenarnya manipulasi string, seolah olah menghilangkan ?m=1





Tag Kondisional Halaman Mobile versi Lama Blogger

<b:if cond='data:blog.isMobileRequest'>



Tag Kondisional Halaman Mobile versi Terbaru Blogger

<b:if cond='data:mobile'>





11. Tag Kondisional Specific URL / URL Tertentu




Tag Pengkondisian ini digunakan untuk menampilkan Kode Javascript, CSS, maupun HTML Widget di Halaman Postingan URL tertentu, artinya tidak akan di render dan ditampilkan di halaman selain url halaman postingan tersebut.



Seperti apa sih URL Halaman Tertentu?


Halaman Tertentu merupakan halaman artikel yang spesifik URL / tidak semua artikel ya gan,

contoh :

https://www.rahmancyber.net/2021/07/cara-praktis-mendapatkan-keyword-tag-microstock.html

atau anda juga bisa langsung point ke halaman statis untuk dijadikan landing page :)

https://www.rahmancyber.net/p/about-rahmancyber.html



Ngeri ya... bisa seperti web self hosting gitu... bisa diatur atur halamannya.. :)





Tag Kondisional Halaman URL Tertentu versi lama blogger


<b:if cond='data:blog.url == data:blog.canonicalHomepageUrl + "2021/07/cara-praktis-mendapatkan-keyword-tag-microstock.html"'>

<b:if cond='data:blog.url == data:blog.canonicalHomepageUrl + "p/about-rahmancyber.html"'>

<b:if cond='data:blog.url == "https://www.rahmancyber.net/p/about-rahmancyber.html"'>

<b:if cond='data:blog.url == "https://www.rahmancyber.net/2021/07/cara-praktis-mendapatkan-keyword-tag-microstock.html"'>





Tag Kondisional Halaman URL Tertentu versi baru blogger

<b:if cond='data:view.url == "<URL POSTING ATAU PAGE STATIS>"'>



contoh :
<b:if cond='data:view.url == "https://www.rahmancyber.net/p/about-rahmancyber.html"'>

<b:if cond='data:view.url == "https://www.rahmancyber.net/2021/07/cara-praktis-mendapatkan-keyword-tag-microstock.html"'>








Tag Pengkondisionalan yang Jarang digunakan End User



Untuk ini memang jarang sekali digunakan bagi End User / Pengguna, kecuali si pembuat template...


1. Tag Kondisional "Edit Layout" di Dashboard Blogger



<b:if cond='data:view.isLayoutMode'>


tata letak blogger

2. Tag Kondisional Preview / Pratinjau



Ini berlaku di halaman Preview sebelum postingan di publish.


<b:if cond='data:view.isPreview'>







Tag Kondisional Logika Pengecualian (NOT)



Tag Pengecualian ini di definisikan dengan simbol ! 

Tanda seru ya gan..

Jadi ini merupakan salah satu Tag Logika yang disediakan di blogger, misalnya yang kita udah singgung diatas


<b:if cond='data:view.isSearch and !data:view.isLabelSearch'> 


itu untuk tag kondisional terbaru ya, karena memakai "view" bukan "blog"



Logikanya gini :

Jika tampilan merupakan "Halaman Search" dan Tidak merupakan Tampilan Pencarian Label, maka..
deklarasikan tuh apa aja konten didalam sini..

selesai, diakhiri dengan penutup jika </b:if>


disini saya singgung untuk Logika Pengkondisian yang dijelaskan pada sesi setelah ini, yaitu AND.


Bagaimana jika hanya tag pengkondisiannya hanya satu aja?


Gampang, tinggal tambahin !

contoh :

<b:if cond='data:view.isError'> , ini merupakan pengkondisian normal untuk mengatur halaman ERROR 404 ya / jika postingan halaman tidak diketemukan..


lalu bagaimana jika kita ingin melakukan pengkondisian pada halaman selain yang tidak error, artinya ketika halaman di load dengan baik dan sukses?


<b:if cond='!data:view.isError'>


Gitu gan, ini sangat berguna untuk mempersingkat pengkodean template, sehingga tidak terlalu banyak b:if, dan bisa juga mempercepat tampilan blog sobat...


selain menggunakan simbol !, anda juga dapat loh menggunakan NOT

<b:if cond='not data:view.isError'>






Lalu bagaimana untuk b:if blogger versi lawas?


<b:if cond='data:blog.url == data:blog.homepageUrl'>

 

ini merupakan tag kondisional normal, untuk mengkondisikan halaman utama ya sob.


Jika anda ingin menggunakan logika pengecualian, anda tinggal ubah == menjadi =!


<b:if cond='data:blog.url != data:blog.homepageUrl'>



 

Logika Penggabungan Tag Kondisional lebih dari satu / Multi Tag


Yup! ini merupakan bahasan tentang AND, ternyata di blogger menyediakan logika pengkondisian semacam ini... seperti di pemprograman web ya.. hehe

Pada sesi ini, tidak hanya AND ya, tetapi ada OR dan Tambahan lagi b:else


Bahas "AND"



and digunakan pada kondisi dimana harus sesuai dengan conditional tag yang sudah ditentukan,
contoh


<b:if cond='data:view.isSearch and !data:view.isLabelSearch'>

 

ini harus keduanya terpenuhi, tidak hanya satu tag kondisional saja, jadi harus kondisi keduanya terpenuhi.

 

 

 

Bahas "OR"

 

 

 

Sedangkan,

or digunakan pada kondisi dimana jika salah satu conditional tag sudah terpenuhi, maka script akan dijalankan / dirender..

 

<b:if cond='data:view.isSearch or data:view.isHomepage'> 

 

Gabungan tag pengkondisian tersebut, memiliki logika gini,

 

Jika tampilan halaman pencarian, atau tampilan halaman utama, maka script akan dijalankan.

 

Sebenarnya kalo dilihat, memang hampir mirip dengan and, kenapa tidak menggunakan and saja...?

 

Seharusnya untuk pengkondisian seperti itu, lebih cocok menggunakan OR, karena jelas keduanya tercapai hasilnya ya.. :)

 

Sedangkan, jika salah satunya ada pengecualian... maka lebih cocok menggunakan AND


<b:if cond='data:view.isSearch and !data:view.isLabelSearch'> 

 

 

Moga, dapat dipahami... hehe

 

 

Bahas <b:else/>

 

Sedangkan <b:else>

 

Ini saya gunakan sebagai pembeda tampilan Dekstop dengan Mobile, jadi saya menggunakan logika <b:else/>

Contoh Penerapan :



<b:if cond='data:mobile'>
    # Konten yang ada disini akan dieksekusi, jika kondisinya benar diakses pada perangkat mobile
 <b:else/>
    # Konten yang ada disini akan dieksekusi, jika kondisinya benar diakses pada perangkat bukan mobile
</b:if>


anda bisa juga melakukan variasi dengan Tag Logika pengkondisian diatas.



Pada contoh penggabungan tag kondisional diatas menggunakan conditional tag versi terbaru ya... kalo untuk yang lama, tinggal dissuaiin aja dengan Tag Kondisi yang sudah saya sebutkan diatas ( perbandingan tag kondisional lama dan baru ) 


contoh :


<b:if cond='data:blog.pageType == "index"'or != data:blog.homepageUrl' >

 

 

Standard Struktur penerapannya sudah saya jelaskan diatas ya... pastikan setiap tag pembuka harus ada tag penutup, agar tidak terjadi error.





Bagaimana jika Tag Kondisional versi Lawas digabung dengan yang versi baru dalam satu template blog?



Selama ini saya coba, tidak ada masalah... karena keduanya tetap dikenali dan sama dari segi fungsinya...

 

Kecuali, jika dari pihak Blogger Official memberikan pemberitahuan bahwa tag blogger versi lama sudah tidak berlaku / tidak di support, biasanya sih hal semacam ini terjadi ketika terjadi UPGRADE MAJOR BESAR BESARAN.. 

 

hehe, imbasnya...

 

akan banyak template blogger mengalami error, jika dalam pembelian template ada perjanjian untuk mendapatkan UPDATE...

Ya ama, itu udah dipikirkan si pembuat template.. tapi kalo pembuat template udah mendiskontinyukan produknya, beda lagi... hehe

 

Intinya, kita musti berdikari sendriri ya, jadi jika ada problem semacam itu yang tak diinginkan pun, kita bisa langsung cepat tanggap memperbaiki sendiri.. hehe,

 

 

Tapi..

 

Upgrade Besar Besaran sebenarnya juga menjadi berkah bagi "Pembuat Template" Generasi Baru... hehe, karena tentu banyak orang akan berburu template blogger yang lebih mendukung khan...

 

Untuk pembuat template blog lama, siap siap dapet DM dari pembeli.. hehe "bang template error"


Tapi kalo sudah jual putus, ya... masak mau benerin template yang pastinya udah mengeluarkan banyak pilihan template... dalam waktu singkat.. ya mumet kan..



Emang solusi tercepat, mengeluarkan template versi terbaru :)


Itu kalo Blogger Update Sistem besar besaran yang mengubah hampir semua kode... :)



Semoga Blogger tetap exist dan memberikan pelayanan secara gratis... 

(hemat biaya hosting khan, buat nampilin iklan adsense...), karena aku lihat pun, biaya tagihan bulanan lumayan juga untuk sekelas VPS alias bukan SHARED HOSTING..


Shared Hosting pun juga, walau UNLIMITED SPACE, BANDWITH, tapi ada batasan INODE, belum tau Inode itu apa? simak penjelasannya disini






Sekian sobat blogger..

Tetap Berusaha dan Jangan Menyerah untuk berbagi kebaikan :)





F.N.A-RED






9 Komentar

Untuk posting kode, bisa di parse dulu gan, pake tool parse yang udah disediakan di website ini https://www.rahmancyber.net/p/parse-code.html

agar kodenya tidak hilang... ^_^

  1. kalau untuk halaman tertentu di buat multiple bisa gak mas contoh seperti ini

    BalasHapus
    Balasan
    1. Oh iya, untuk Posting kode, bisa di parse dulu pake tool ini https://www.rahmancyber.net/p/parse-code.html

      mungkin ini yang dimaksud ya,
      <b:if cond='data:blog.pageType == "index"'or != data:blog.homepageUrl' >
      untuk multiple logika pengkondisian,

      atau
      <b:if cond='data:view.isSearch in ["Blogger","Film","Islam","Pendidikan"]'>
      untuk penerapan di beberapa halaman tertentu...

      Hapus
  2. maksud saya seperti ini kodenya

    <b:if cond="data:blog.url != data:blog.canonicalHomepageUrl + ["p/about.html", "p/contact.html", "p/privacy.html"]">

    BalasHapus
  3. tapi waktu saya coba berulang kali tetap gak bisa mas.

    BalasHapus
    Balasan
    1. Maaf bang, baru buka... itu petik duanya dobel bang, yang di luar ama yang di dalem...

      yang diluar tuh petik satu, yang di dalem petik dua...

      coba ini..

      <b:if cond='data:blog.url != data:blog.canonicalHomepageUrl + ["p/about.html", "p/contact.html", "p/privacy.html"]'>

      Hapus
  4. masih belum bisa mas. sudah mencoba berbagai macam seperti ini juga masih berlum bisa

    <b:if cond='data:view.url not in {"data:blog.homepageUrl + "p/about.html", "data:blog.homepageUrl + "p/contact.html", "data:blog.homepageUrl + "p/privacy.html"}'>

    <b:if cond='data:view.url not in data:blog.homepageUrl path {"/p/about.html", "/p/contact.html", "/p/privacy.html"}'>

    <b:if cond='data:view.url not in {"data:blog.homepageUrl path /p/about.html", "data:blog.homepageUrl path /p/contact.html", "data:blog.homepageUrl path /p/privacy.html"}'>

    BalasHapus
    Balasan
    1. saya curiga kalo itu bentrok dengan pengkondisian lainnya mas, soalnya itu kan memakai logika != , sekarang, coba aja kalo yang di kondisikan adalah untuk halaman itu aja... ..., bisa juga dicoba di atasnya </body> untuk percobaan aja, jangan lupa diakhiri </b:if>

      Hapus
  5. terima kasih atas informasinya, walau sedikit bingung juga sih. Mohon bantuannya, saya memiliki masalah eror di bagian textcolor..ketika dicek dengan validator w3c, saya tidak tahu mau diapakan itu

    BalasHapus
Lebih baru Lebih lama

نموذج الاتصال