Mengatasi Gambar & Deskripsi Posting Blog Tak Muncul Saat Share
CB Blogger | July 15, 2018
Cara Mengatasi Gambar & Deskripsi Posting Blog Tak Muncul Saat Share Facebook Twitter yaitu dengan Memasang Kode OG (Open Craph). Hasilnya, link artikel di Facebook dan Twitter akan seperti gambar di bawah ini.
Mengatasi Gamba & Deskripsi Posting Blog Tak Muncul Saat Share Facebook Twitter
1. Tema > Edit HTML2. COPAS kode berikut ini di bawah kode <head> atau di atas kode <b:skin>
<!-- Twitter -->
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.metaDescription'>
<meta content='summary_large_image' name='twitter:card'/>
<b:else/>
<meta content='summary' name='twitter:card'/>
<meta expr:content='data:blog.pageName' name='twitter:title'/>
<meta expr:content='data:blog.metaDescription' name='twitter:description'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' name='twitter:image:src'/>
</b:if>
</b:if>
</b:if>
<meta content='@username' name='twitter:site'/>
<meta content='@username' name='twitter:creator'/>
<!-- Twitter End -->
<!-- Facebook -->
<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>
<b:if cond='data:blog.pageType == "item"'>
<meta content='article' property='og:type'/>
<b:else/>
<meta content='website' property='og:type'/>
<b:else/>
<meta content='blog' property='og:type'/>
</b:if>
<meta content='APP ID Anda' property='fb:app_id'/>
<meta content='ID FB Anda' property='fb:admins'/>
<!-- Facebook End-->
3. Optional
Jika masih bermasalah, maka lakukan langkah tambahan berikut ini:
GANTI kode <data:post.body/> yang kedua atau ketiga dengan <p><data:post.body/></p>
Tambahkan kode berikut ini di atas <p><data:post.body/></p>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.snippet'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta expr:content='data:post.snippet' name='description'/>
</b:if>
</b:if>
Hasilnya:
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.snippet'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta expr:content='data:post.snippet' name='description'/>
</b:if>
</b:if>
<p><data:post.body/></p>
Demikian Mengatasi Gamba & Deskripsi Posting Blog Tak Muncul Saat Share Facebook Twitter.*
Previous
« Prev Post
« Prev Post
Next
Next Post »
Next Post »
0 komentar on Mengatasi Gambar & Deskripsi Posting Blog Tak Muncul Saat Share
Post a Comment