Mengenal Tag Kondisi Pada Template Blogger

Joss
Read Time4 Minute, 39 Second
Hai blogger pemula selamat tiba kembali di Mengenal Tag kondisi pada template Blogger

Hai blogger pemula selamat tiba kembali di Blognya Kak Ryan, kali ini aku nggak buat artikel topik lain tapi topik kali ini nggak jauh-jauh dari blogger. Kebetulan selama aku berguru ada banyak pengetahuan yang aku dapatkan, dan aku tidak tahu mau disimpan kemana. Suatu dikala niscaya kita lupa, nah oleh alasannya ialah itu aku simpan saja pengentahuan yang sudah aku dapatkan di blog ini.

Dari oktober 2018 lalu, aku sudah bertekad untuk mempelajari struktur dasar dari template blogger. Dan hingga kini aku belum begitu menguasai semuanya, mungkin hanya sekitar 20% saja yang aku ketahui. Template blogger disusun dengan memakai bahada pemrograman jenis xml, didalam dokumen ini tersimpan semua isyarat penyusun halaman blog kita. Mulau dari css, layout, dan javascript pendukungnya.

Sepengetahuan aku pada blogger banyak memakai javascript dan interaksi antar dokumenya biasanya memlalui RRS atau biasa kita sebut dengan Api, namun disini danya diberikan dalam format dokumen xml.

Nah pada dokumen xml itu ada beberapa isyarat aktivitas yang dimana dipakai untuk mendefinisikan suatu halaman. Mulai dari tag kondisi, pengisi string, serta tag section dan witget sebagai penyusum template. Berikut ini ada benerapa isyarat yang aku pahami menurut pengalaman, bukan dari google yah jadi jangan heran kalau penjelasanya berbeda dari google.

Kumpulan Tag kondisi beserta Fungsinya

Tag kondisi pada template dimulai dengan tag pembuka <b:if> dan ditutup dengan tag epilog </b:if> sedangkan suatu kondisi yang ingin kita jadikan sebagai pengukur / swittcher berada dalam nama “cond”

Dibawah ini ialah susunan kondisi yang nilai kondisionya sudah kita tentukan, barisan isyarat HTML Mu.. diantara kondisi dibawah ini hanya akan dijalankan pada dikala kondisi itu terpenuhi.

Contoh :
data:blog.isMobile akan menghasilkan nilai “true” bila blog diakses lewat mobile. Nah dikala itu juga kondisi b:if terpenuhi, maka isyarat HTML yanh kita tuliskan dkantara tag kondisi ini akan dijalanlankan.
Tetapi bila diakses lewat dekstop, maka data:blog.isMobile Menghasilkan nilai false, sehingga kondisi tidak terpenuhi dan isyarat HTML Mu… tidak akan dijalankan sama sekali.

<b:if cond='data:blog.isMobile'> HTML Mu... </b:if>

 

<b:if cond='data:blog.isMobileRequest == &quot;true&quot;'> HTML Mu.... </b:if>

Menampilkan Elemen hanya bila blog diakses lewat dekstop / pc

<b:if cond='data:blog.isMobileRequest == &quot;false&quot;'> HTML Mu.... </b:if>

Menampilkan element bila kata kunci “amp” dalam URL ada isinya sesuai dengan angka 1 yang kita kondisikan. Contoh https://UrlBlogmu.blogspot.com/?amp=1
isyarat HTMlmu dibawah ini hanya akan tampil pada dikala orang mengakses lewat URL menyerupai diatas.

<b:if cond='data:view.url == data:view.url params { amp: "1" }'> HTML Mu.... </b:if>

Kata amp dan angka satu sanggup kau ganti dengan huruf lain untuk menciptakan susunan URL sendiri sebagai swittcher.

Hanya menampilkan element pada halaman home (index) dan halaman artikel (item).

<b:if cond='data:blog.pageType not in {&quot;static_page&quot;,&quot;error_page&quot;} and data:blog.isMobileRequest == &quot;true&quot; and not data:blog.searchQuery'> HTML Mu... </b:if>

Hanya menampilkan elemen HTML Mu… Pada halaman index (home) saja.

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

Hanya menampilkan elemen HTML Mu… Hanya pada halaman item atau halaman artikel saja.

<b:if cond='data:blog.pageType == &quot;item&quot;'> HTML Mu... </b:if>

Hanya menampilkan isyarat HTML Mu.. Pada halaman arsip saja

<b:if cond='data:blog.pageType == &quot;archive&quot;'> HTML Mu... </b:if>

Menampilkan elemen HTML Mu.. Hanya pada halaman statis saja atau pages blogger.

<b:if cond='data:blog.pageType == &quot;static_page&quot;'> HTML Mu... </b:if>

Barisan HTML Mu… Hanya akan ditampilkan pada halaman Error 404 saja.

<b:if cond='data:blog.pageType == &quot;error_page&quot;'> HTML Mu... </b:if>

HTML Mu.. Tidak akan ditampilkan pada halaman pencarian.

<b:if cond='data:blog.searchQuery'><b:else/> HTML Mu... </b:if>

Meta Tag dibawah ini sanggup kau gunakan untuk menciptakan sebuah area witget kosong yang sanggup diisi dengan elemen apapun pada sajian tata letak..
NamaKelas dan ID (NamaID) elemen sanggup kau buat sesuka hati, tapi nama ini akan mendefinisikan Class dan Id elemen tersebut secara default semoga sanggup kita customisasi tampilanya melalui css.

<b:section class='NamaKelas' id='NamaID' showaddelement='yes'/>

Meta untuk menyimpan css halaman, semua css sanggup disimpan didalam meta tag ini:
Jangan Hapus isyarat yang aku tambahkan tujuanya semoga semua template terdefinisilkan.

&lt;style type=&quot;text/css&quot;&gt; &lt;!-- /*<b:skin><![CDATA[   CSS Mu Disini....  ]]></b:skin>

Tempat penyimpanan CSS untuk mengatur layout pada tata letak blogger.

<b:template-skin> <![CDATA[  CSS Layout Mu Disini....  ]]></b:template-skin>

Selesai sudah pembahasan kita mengenai sekumpulan isyarat meta tag serta kondisi yang dipakai dalam pembuatan template blogger.

Itulah semua isyarat meta tag serta kondision yang aku ketahui untuk isyarat kode lainya akan aku bahas dilain waktu mengingat setiap isyarat juga membutuhkan penjelasan. Jika kau suka mendesain ulang bahkan menciptakan template blogger sudah niscaya isyarat diatas sangat berkhasiat sekali. Agar gampang mengingatnya kau sanggup membookmark halaman ini dan selalu membukanya ketika kau lupa, aku jamin kalau kau rajin menciptakan atau mengedit template kau akan paham dalam waktu yang singkat.

0 0
Happy
Happy
0 %
Sad
Sad
0 %
Excited
Excited
0 %
Sleppy
Sleppy
0 %
Angry
Angry
0 %
Surprise
Surprise
0 %
Next Post

[Cell] Mi 8 Se Sirius Micloud Ubl Only

MI8 SE { sirius } MICLOUD UBL onlyLOST mode CN 10.0.1 VIA TWRP Download here ROM MULTILANG EU 10.0.1 Download Here DELETE CLOUDSERVICE.APK n FINDDEVICE.APK via TWRP ( file manager ) after instal ROM MULTILANG NB : use sim card first setup

Subscribe US Now