Skip to main content

Kumpulan Tag Data Template Blogger

Dalam me-redesain Template diperlukan pengenalan kode khususnya tag data dari Blogger agar tidak terlalu bingung dalam mewujudkan desain keinginan kita.

Kode ini tidak sepenuhnya dijelaskan di Bantuan Blogger atau tidak dijelaskan secara rinci jadi di postingan ini saya mencoba memberikan potongan2 kode yang langsung diambil dari dalam Template.

Langsung saja berikut ini beberapa tag kode yang biasa digunakan.

Merubah ukuran url gambar dengan kode isResizable.
Salah satu penyebab beratnya loading blog akibat gambar karena size kb/mb nya terlalu besar. Meskipun width/height kecil tapi kalau kb/mb besar akan tetap terdeteksi sebagai berat.

Kode berikut hanya contoh, diperlukan penyesuaian dengan css agar kode bekerja lebih baik.

<b:if cond='data:post.featuredImage.isResizable'>
<img expr:src='data:post.featuredImage' sizes='256' alt='Gambar'/>
</b:if>

ATAU

<b:if cond='(data:postDisplay.showFeaturedImage ?: true) and data:post.featuredImage'>
<a class='snippet-thumbnail' expr:href='data:post.url'>
<span class='snippet-thumbnail-img' expr:id='&quot;snippet_thumbnail_id_&quot; + data:post.id'/>
<style>
@media (max-width: 1168px){
<b:eval expr='&quot;#snippet_thumbnail_id_&quot; + data:post.id'/>
{
background-image: url(<b:eval expr='resizeImage(data:post.featuredImage, 600, &quot;3:2&quot;).cssEscaped'/>);
}
}
</style>
<b:else/>
<img expr:src='data:post.featuredImage' sizes='256' alt='Gambar'/>
</b:if>
</a>
</b:if>

Menampilkan konten hanya dihalaman postingan.

<b:include cond='data:view.isSingleItem'/>

Tidak Menampilkan konten di halaman about.

<b:include cond='data:view.isPost'/>

Dapat digabung dengan Menampilkan konten hanya dihalaman postingan tapi tidak dipostingan halaman about.

<b:include cond='data:view.isSingleItem and data:view.isPost'/>

Kode Dapat juga ditulis sbb:

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

Menampilkan link lompat dari atas postingan ke kolom komentar.
Catatan: Link hanya terlihat jika kolom komentar diaktifkan.

<b:if cond='data:post.allowComments'>
<a expr:href='data:post.commentsUrl'>Jump to comments on</a>
<b:else/>
Jump to comments off
</b:if>

Menampilkan total (count) komentar tiap postingan.

<data:post.numberOfComments/>

Dan masih banyak lagi, akan saya tambahkan dibawah ini nanti begitu ada yang di ingat.


Selain itu baca juga di Bantuan Blogger:
Tag Widget: https://support.google.com/blogger/answer/46995
Tag Data Tata Letak:
https://support.google.com/blogger/answer/47270

Comments

  1. Wuih mantap mas Jaey punya anak satu lagi zona techno. Ntar kalau butuh info2 tentang blog saya bisa langsung kemari nih

    ReplyDelete

Post a Comment

Jika ada hal yang kurang jelas, misalnya tips dan trik yang tidak berfungsi, ulasan yang sudah usang, meski mengetahui ada ulasan yang memerlukan pembaruan terkadang kami malas untuk memperbaruinya, jadi silakan tanyakan saja melalui kolom komentar dan akan kita bahas bersama. Regards!