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='"snippet_thumbnail_id_" + data:post.id'/>
<style>
@media (max-width: 1168px){
<b:eval expr='"#snippet_thumbnail_id_" + data:post.id'/>
{
background-image: url(<b:eval expr='resizeImage(data:post.featuredImage, 600, "3:2").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.
Tag Widget: https://support.google.com/blogger/answer/46995
Tag Data Tata Letak:
https://support.google.com/blogger/answer/47270
Wuih mantap mas Jaey punya anak satu lagi zona techno. Ntar kalau butuh info2 tentang blog saya bisa langsung kemari nih
ReplyDeleteYup, tengkyu mbak 👍😅
Delete