Judul : Blog Thumbnail Share Post di Facebook By Arul Ajeh
link : Blog Thumbnail Share Post di Facebook By Arul Ajeh
Blog Thumbnail Share Post di Facebook By Arul Ajeh
Sering kita melihat ketika ada web lain ketika dishare di facebook kelihatannya enak bagus, karena gambar thumbnail post muncul difacebook. Tetapi tidak jarang juga ada yang ketika di share tidak memunculkan gambar meski didalam post artikelnya ada gambar.
Hal ini terasa ganjil dan mungkin tidak bagus dilihat, ini semua disebabkan karena mesin penelusuran facebook gagal mendapatkan informasi atau data dari halaman ketika artikel blog di bagiakan di facebook kalopun ada gambarnya tapi kecil. Nah karenanya disini saya akan memberikan bocoran mengenai masalah tersebut dengan cara menambahkan meta tag Facebook Open Graph di template blog.
Sebelum memulainya alahkan baiknya untuk membackup dulu template blog anda.
masuk ke Blogger > klik template > edit HTML
cari tag <head> dan tambahkan kode dibawah ini
<!-- [ Social Media meta tag ] -->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.pageType == "static_page"'>
<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 == "item"'>
<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'/>
Selanjutnya cari tag <body> dan paste kode tepat dibawahnya
<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>
Catatan :
- ISI DESKRIPSI ALTERNATIF DISINI : Ganti dengan deskripsi yang anda kehendaki
- KODE-APLIKASI : ganti dengan kode aplikasi fb anda
- KODE-ADMIN : ganti dengan kode id facebook anda, jika kode anda sudah diganti dengan username, masukan username anda. Contoh alamat facebook saya http://facebook.com/robbie.aslisandi maka anda bisa memasukan dengan robbie.alisandi
demikian cara mudah mengatasi Blog Thumbnail Share Post yang tidak muncul di Facebook semoga bermanfaat.
Selesai deh Artikel Blog Thumbnail Share Post di Facebook By Arul Ajeh
Sekian dulu ya artikel Blog Thumbnail Share Post di Facebook By Arul Ajeh kali ini, Semoga bisa memberi manfaat untuk kalian semua. Oke, sampai berjumpa lagi di artikel lainnya.
Anda saat ini membaca artikel Blog Thumbnail Share Post di Facebook By Arul Ajeh dengan url https://advancedteamcode.blogspot.com/2015/05/blog-thumbnail-share-post-di-facebook.html
0 Response to "Blog Thumbnail Share Post di Facebook By Arul Ajeh"
Post a Comment