Cara Mengatasi Thumbnail Postingan Blog yang Tidak Muncul Saat Dibagikan di WhatsApp

This content uses Indonesian, please change to your language by pressing the translate button below.
Thank you for your visit.

KURAZONE ~ Thumbnail adalah ........ ah sudahlah 😃😄 . Intinya artikel ini memberikan tutorial untuk menampilkan Thumbnail atau Gambar Mini dari postingan Blog yang dibagikan ke Whatsapp. Seperti dibawah ini :


Paham kan maksudnya...?? Oke, langsung to the point saja . . . . .

Cara Mengatasi Thumbnail Postingan Blog yang Tidak Muncul Saat Dibagikan di WhatsApp

1. Buka Akun Blogger >> Pilih Tema >> Pilih Edit HTML
2. Cari kode og:image, biasanya terdapat pada lingkup meta tag imagethumbnail seperti dibawah ini :
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
(jika kode diatas tidak ada pada template kalian maka, langsung pakai kode dibawah ini saja)
Ganti atau Tindih kode meta tersebut dengan kode meta dibawah ini :
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<b:else/></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta content='article' property='og:type'/>
</b:if>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
</b:if></b:if>


3. Simpan Template

Jika kode tidak dapat disimpan, hapus </b:if> yang terakhir dari kode diatas (ini relatif tergantung struktur template yang digunakan)

Sekarang coba share URL artikel kalian di Whatsapp.
Kelemahan pada script ini adalah tidak menampilkan thumbnail URL Homepage.

Dikarenakan template blog berbeda-beda struktur maka apabila cara diatas belum berhasil juga, gunakan kode sederhana yang sudah saya atur ini :
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
</b:if></b:if>

Itulah informasi mengenai "Cara Mengatasi Thumbnail Postingan Blog yang Tidak Muncul Saat Dibagikan di WhatsApp". Selamat mencoba dan semoga bermanfaat. Goodluck !!
Lebih baru Lebih lama