Cara Menampilkan Gambar Postingan Blog Saat Share WhatsApp
CB Blogger | April 3, 2020
SAAT membagikan link atau share postingan blog ke WhatsApp (WA), gambarnya tidak muncul, hanya ada link. Berikut ini Cara Menampilkan Gambar Thumbnail Postingan Blog saat di-share ke WhatsApp dan Facebook sekaligus.
Jadi, tips ini untuk blog yang tidak menggunakan kode bawaan Blogger di atas.
Simpan salah satu kode berikut ini di bawah kode <head>
KODE 1
KODE 2
Demikian Cara Menampilkan Gambar Postingan Blog Saat Share WhatsApp. Semoga berhasil.*
Jika Anda menggunakan template bawan Blogger, kode untuk menampilkan gambar thumbnail saat share di Facebook dan WA sudah ada dalam kode:
<b:include data='blog' name='all-head-content'/>
Jadi, tips ini untuk blog yang tidak menggunakan kode bawaan Blogger di atas.
Cara Menampilkan Gambar Postingan Blog Saat Share WhatsApp
Berikut ini Cara Menampilkan Gambar Postingan Blog Saat Share WhatsApp.Simpan salah satu kode berikut ini di bawah kode <head>
KODE 1
<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>
KODE 2
<!-- Facebook and WhatsApp Meta Tag Open Graph Start -->
<b:if cond='data:view.isHomepage'>
<b:if cond='data:view.isPost'>
<b:if cond='data:view.isPage'>
<b:if cond='data:blog.url'>
<meta expr:content='data:blog.url' property='og:url'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.pageName'>
<meta expr:content='data:blog.pageName' property='og:title'/>
</b:if></b:if></b:if></b:if>
<meta content='blog' property='og:type'/>
<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.postThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='URL_IMAGE_ALTERNATIF' property='og:image'/>
</b:if></b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta expr:content='data:post.snippet' property='og:description'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<!-- Facebook and WhatsApp Meta Tag Open Graph End -->
Demikian Cara Menampilkan Gambar Postingan Blog Saat Share WhatsApp. Semoga berhasil.*
Previous
« Prev Post
« Prev Post
Next
Next Post »
Next Post »
0 komentar on Cara Menampilkan Gambar Postingan Blog Saat Share WhatsApp
Post a Comment