Cara mengatasi Thumbnail Share Post Facebook

Mengatasi Thumbnail Artikel Blog yang Tidak Muncul Saat Share ke Facebook
Hai sobat!!!Kali ini saya akan share Cara mengatasi Thumbnail Share Post Facebook.Biasanya Hal ini muncul ketika anda ingin share posting dari blog ke facebook.Ini dikarenakan facebook gagal mengambil data dari halaman blog anda.




Ok mari kita mulai langkahnya :

Buka blogger >> Template >> Edit HTML

Cari kode <head> dan terapkan kode dibawah ini sebelum kode <head>.
<!-- [ Social Media meta tag ] --><b:if cond='data:blog.url == data:blog.homepageUrl'> <b:if cond='data:blog.pageType == &quot;item&quot;'> <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <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 expr:content='data:blog.pageTitle' property='og:title'/><b:if cond='data:blog.pageType == &quot;item&quot;'><meta content='article' property='og:type'/><b:else/><meta content='website' property='og:type'/></b:if><meta expr:content='data:blog.canonicalUrl' property='og:url'/><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 expr:content='data:blog.blogspotFaviconUrl' 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 content='ISI DESKRIPSI ALTERNATIF DISINI' property='og:description'/></b:if><meta expr:content='data:blog.title' property='og:site_name'/><meta content='KODE-APLIKASI' property='fb:app_id'/><meta content='KODE-ADMIN' property='fb:admins'/><meta content='en_US' property='og:locale'/><meta content='en_GB' property='og:locale:alternate'/><meta content='id_ID' property='og:locale:alternate'/>

Berikutnya cari kode <body> dan terapkan kode dibawah ini.
 <div id='fb-root'/><script>window.fbAsyncInit = function() {FB.init({appId : 'KODE-APLIKASI',status : true, // check login status cookie : true, // enable cookies to allow the server to access the session xfbml : true // parse XFBML });};(function() {var e = document.createElement('script');e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js'; e.async = true;document.getElementById('fb-root').appendChild(e);}());</script>

Keterangan : 

  • ISI DESKRIPSI ALTERNATIF DISINI : deksripsi akan muncul jika post tida diberi dekskripsi.
  • KODE-APLIKASI : Isi dengan kode aplikasi sobat
  • KODE-ADMIN
Itulah artikel Cara mengatasi Thumbnail Share Post Facebook,Jika masih ada yang belum mengerti bisa tanya lewat komentar.

Komentar

Postingan populer dari blog ini

Cara Mencari Cinta Sejati

Cara Belajar Bahasa Inggris Dengan Mudah

Setelah Samsung Galaxy S8 resmi di perkenalkan, di ketahui Samsung Galaxy S9 sudah mulai untuk di kembangkan untuk tahun depan