Kode Syntax Blogger

Kode Syntax Desain dan Pengembangan Template Blogger

Kode syntax blogger adalah aturan pemograman web yang diberlakukan lebih luas dan terperinci, serta terdapat hampir di semua penulisan kode atau script yang dilakukan. Contoh nya : <a>, </a> , <div>, </div>, <body>, </body> , dll.

Membalikkan 1 putaran

Anda dapat membalikkan urutan loop dengan menambahkan reverse='true' tag loop sebagai berikut:


<b:loop reverse='true' values='data:array' var='object'>
...
</b:loop>

Nonaktifkan tampilan Komentar HTML

Anda dapat menonaktifkan tampilan komentar HTML. Komentar hanya akan muncul di antarmuka pengeditan XML Blogger, tetapi tidak di HTML pada halaman web saat Anda melihat kodenya. Untuk melakukannya, Anda perlu menambahkan render='false'tag komentar berikut:


<b:comment render='false'>
        Your comment
</b:comment>

Buat Objek khusus dan dapatkan nilainya

Anda dapat membuat Objek khusus dan mendapatkan nilainya sebagai berikut:


<b:with value='{item1: "Value", item2: "value"}' var='object'> <data:object.item1/> <data:object.item2/> </b:with>

Sembunyikan widget atau widget tidak aktif

Anda dapat menyembunyikan widget apa pun di situs web Anda dengan menambahkan cond='false' sebagai berikut:


<b:widget cond='false' id='HTML1' type='HTML'>
...
</b:widget>

Menghitung ekspresi matematika

Anda juga dapat melakukan penghitungan nilai dalam matematika dan menampilkan hasilnya sebagai berikut:


<b:eval expr='(10 + 3 ) * 2' />

Tampilkan Widget di Halaman Tertentu

Anda dapat menyembunyikan atau menampilkan widget blogger tertentu di halaman blogger tertentu. Misalnya:


<b:widget cond='data:view.isHomepage' id='HTML1' type='HTML'>
...
</b:widget>

isHomepage artinya widget hanya akan ditampilkan di homepage saja, anda bisa baca lebih lanjut, Pelajari conditional tag dan mensintesis conditional tag blogger/blogspot terbaru .

Batasi panjang string karakter

Anda dapat membatasi panjang string karakter apa pun, terutama saat meringkas teks yang panjang. Anda dapat membuat cuplikan singkat dengan membatasi jumlah karakter sebagai berikut:


<b:eval expr='data:post.body snippet { length: 250 }'/>

Dalam hal ini, kami membatasi hingga 250 kata dari konten postingan.

Lihat panjang string karakter

Kita dapat menghitung panjang string karakter di blogger sebagai berikut:


<b:eval expr='data:view.title.length' />

Bulatkan hasil pembagian

Trik sederhana seperti ini bisa kita lakukan di sebuah divisi di blogger.


<b:eval expr='(13 - (13 % 3)) / 3'/>

Tampilkan 1 nilai data dalam Komentar HTML

Tampaknya sederhana tetapi Anda dapat menggunakan tag XML blogger apa pun di dalam tag komentar.


<b:comment render='true'>
    <data:view.title/>
</b:comment>

Batasi jumlah loop dalam loop .tag

Anda dapat membatasi jumlah iterasi dalam satu lingkaran. Sederhananya, Anda dapat membatasi jumlah hasil perulangan.


<b:loop values='data:array limit 4' var='object'>
...
</b:loop>

Balikkan nilai Boolean

Anda dapat membalikkan nilai boolean jika Anda mau.


<b:eval expr='not true' />

Mengubah format tampilan tanggal

Anda dapat memodifikasi atau mengubah format tanggal dengan trik berikut:


<b:eval expr='format (data:post.date, "dd/MM/YYYY")' />

Ubah ukuran atau pangkas gambar

Anda dapat mengubah ukuran atau memotong gambar default blogger sesuai ukuran yang Anda perlukan sebagai berikut:


<img expr:src='resizeImage(data:view.featuredImage, 600, "16:9")' />

Tambahkan parameter ke jalur URL

Anda dapat menambahkan parameter khusus ke tautan atau URL apa pun seperti ini:


<a expr:href='data:view.url params { hl: "en" }'>
    LINK 
</a>

Tampilkan atau Sembunyikan Elemen HTML Secara Bersyarat

Anda dapat menampilkan atau menyembunyikan elemen HTML berdasarkan kondisi.


<b: tag cond='data:view.ispost' name='div'> </b: tag>

Buat tag dinamis

Tag dinamis disini berarti tag akan berubah ketika ditampilkan pada halaman kondisi yang berbeda. Anda dapat memutuskan sendiri apakah akan menambahkan tag HTML itu atau tidak.


<b:tag expr:name='data:view.isSingleItem ? "h1" : "h2"> </b:tag>

Tentukan nilai default jika data tidak ada

Anda dapat menentukan nilai default Anda sendiri jika tidak ada data dalam suatu objek.


<b:eval expr='data:foo ?: "default value" />

Dapatkan properti pertama dari Array tanpa menggunakan Loop

Jika Anda hanya ingin mendapatkan properti atau elemen pertama dari sebuah array, Anda tidak perlu menggunakan perulangan.


<b:with value='data:posts first' var='post'>
    <data:post.title/>
    <data:post.body />
</b:with>

Nonaktifkan atau hapus CSS dan JS default Blogger

Jika CSS atau JavaScript default Blogger membuat situs web Anda lambat dimuat atau menyebabkan konflik saat Anda mendesain template, Anda dapat menghapusnya menggunakan properti CSS dan JavaScript berikut b:css:b:js


<html b:css='false' b:js='false'>
...
</html>

Tutorial Blogger