Postingan

Browsing Artikel: Blogger v3
Tunjukkan semua
Format Cara Memasang datePublished dan dateModified pada Template Blogger Terbaru (Layout Versi 3)

Format Cara Memasang datePublished dan dateModified pada Template Blogger Terbaru (Layout Versi 3)

Adapun  datePublished dan dateModified merupakan property yang sangat dibutuhkan dalah penyusunan struktur data sebuah template, dalam hal ini platform Blogger. Baik itu untuk format structured data dalam bentuk Microdata, Json atau lainnya (RFDa, RDFa). Masalahnya, dalam update Blogger terbaru (untuk layout versi 3), terdapat sejumlah tag mengalami perubahan yang cukup ekstrim, beberapa tag ditambahkan dan beberapa tag juga dihilangkan. Pokoknya update-nya fresh, hampir semua baru! Masalah besar sebetulnya ada pada beberapa elemen yang diganti, alias tidak bisa lagi digunakan, harus merujuk dan menggunakan yang baru. Diantaranya ialah penggunaan datePublished dan dateModified, yang sudah tidak bisa lagi menggunakan cara-cara lama. Jika cara lama memasang datePublished dan dateModified biasanya diterapkan seperti ini: <meta expr:content='data:post.timestampISO8601' itemprop='datePublished'/> <meta expr:content='data:post.lastUpdatedISO8601' it
Cara Lain Memasang Thumbnail Post di Homepage tanpa JavaScript

Cara Lain Memasang Thumbnail Post di Homepage tanpa JavaScript

Salah satu item yang memberi sumbangsi vital terhadap loading blog untuk platform Blogger/blogspot ialah pemuatan gambar, tidak terkecuali thumbnail post di homepage. Lebih-lebih jika elemen gambar tersebut tidak di scale dengan benar. Yang mana size atau resolusi gambar yang besar, ditampilkan dengan custom ukuran (lebar dan tinggi) yang lebih kecil. Cara tersebut tidak sepenuhnya mengubah dimensi gambar. Meskipun menggunakan trik resize image dengan JavaScript ataupun manipulasi CSS. Nah, berikut ini ada satu trik lagi untuk menampilkan thumbnail post di homepage (halaman utama). Yaitu menempatkan gambar pertama dari postingan, sebagai background untuk dijadikan thumbnail. Yang akan dipanggil dengan background-image: url(CUSTOM_IMAGE_URL_HERE) . Cek DEMO berikut, lalu IE/buka sourcenya, perhatikan pengkodean pada bidang thumb-wrapper . Demo Cara bikinnya adalah sebagai berikut: Langkah 1: Masuk ke Edit HTML, lalu ganti kode pemanggil thumbnail post (homepage) Anda dengan