Sebagai contoh awalnya artikel pada postingan yang Anda baca ini tidak menyertakan gambar apapun, namun apabila dicek di halaman utama postingan ini terdapat gambar dengan label No Image dan itu merupakan default image atau gambar standar yang diatur oleh saya.
Tapi sekarang sudah diberi gambar karena pada websitenya ada lazy image yang memungkin website untuk loading dengan cepat.
Lalu bagaimana
Tapi sekarang sudah diberi gambar karena pada websitenya ada lazy image yang memungkin website untuk loading dengan cepat.
 |
| contoh default image thumbnail |
Lalu bagaimana
Cara Ganti Standar gambar Thumbnail Pada Postingan Blogger
Untuk Anda yang sudah paham tentang edit template blogger melalui HTML, maka langsung saja masuk kegain menu edit HTML. Lalu cari kode data:post.thumbnailUrl
<b:elseif cond="data:post.thumbnailUrl">
<a expr:href="data:post.url" href="https://www.blogger.com/null"><img expr:alt="data:post.title" expr:src="resizeImage(data:post.thumbnailUrl, 420, "300:200")" expr:title="data:post.title" />
</a>
<b:else>
<a expr:href="data:post.url" href="https://www.blogger.com/null"><img expr:alt="data:post.title" expr:title="data:post.title" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3AZ885psi3wU8DP1qfdir2Pv0qd74esDp15nFCE5CDkQ1JTFopXUJvicEIpghz1gWmfkZbx1-dZn7_kJtw3K78XRs2A4LAp38-CuqeMcvFTEf8ZCGyeFhh4-SrdnVYd5OEiajEZSNTL4/s1600/no-imagebadru.jpg" />
</a>
</b:else></b:elseif></b:if>
Jika sudah ketemu kode yang dicari, maka langsung ganti url image yang Saya tandai dengan background warna kuning diatas degan url image yang sesuai keinginan Anda.
Semoga bermanfaat.
Semoga bermanfaat.
