Lompat ke konten Lompat ke sidebar Lompat ke footer

Mengatasi Gambar & Deskripsi Posting Blog Tak Muncul Ketika Share

Cara Mengatasi Gambar & Deskripsi Posting Blog Tak Muncul Saat Share Facebook Twitter yakni dengan Memasang Kode OG (Open Craph). Hasilnya, link artikel di Facebook dan Twitter akan menyerupai gambar di bawah ini.

 Deskripsi Posting Blog Tak Muncul Saat Share Facebook Twitter yakni dengan Memasang Kode  Mengatasi Gambar & Deskripsi Posting Blog Tak Muncul Saat Share


 Deskripsi Posting Blog Tak Muncul Saat Share Facebook Twitter yakni dengan Memasang Kode  Mengatasi Gambar & Deskripsi Posting Blog Tak Muncul Saat Share

 Deskripsi Posting Blog Tak Muncul Saat Share Facebook Twitter yakni dengan Memasang Kode  Mengatasi Gambar & Deskripsi Posting Blog Tak Muncul Saat Share

Mengatasi Gamba & Deskripsi Posting Blog Tak Muncul Saat Share Facebook Twitter

1. Tema > Edit HTML
2. COPAS aba-aba berikut ini di bawah aba-aba <head> atau di atas aba-aba <b:skin>

<!-- Twitter -->
 <b:if cond='data:blog.pageType == &quot;item&quot;'>
 <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 == &quot;item&quot;'>
<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 komplemen berikut ini:

GANTI aba-aba <data:post.body/> yang kedua atau ketiga dengan  <p><data:post.body/></p>

Tambahkan aba-aba berikut ini di atas <p><data:post.body/></p>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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 == &quot;item&quot;'>
<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.*


Sumber https://testemplatecb.blogspot.com/