Meta Tag Open Graph Facebook untuk Blogger - Fungsi Meta Tag Open Graph Facebook ini adalah untuk menampilkan Content2 yang bersangkutan dengan Blog kita , ketika Blog kita di Share/Bagikan ke Facebook! mulai dari Deskripsi , Gambar , Judul , Link , dll ..
Demo :
Cara Mengoptimal-kan nya cukup mudah!
1. Cari kode <head> pada Edit HTML , lalu ganti dengan kode di bawah ini :
<head prefix='og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#'>2. Ganti dan Simpan kode di bawah ini , tepat di atas kode </head> :
<b:if cond='data:blog.pageType != "index"'>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta content='article' property='og:type'/>
<b:else/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta content='blog' property='og:type'/>
</b:if>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' itemprop='image'/>
<b:else/>
<meta content='http://alamat-gambar-logo-blog-anda.jpg' property='og:image'/>
</b:if>
<meta content='1020412247' property='fb:admins'/>
<meta content='348446671899960' property='fb:app_id'/>
<meta content='id_ID' property='og:locale'/>
Yang harus dirubah dari kode di atas :
- Ganti http://alamat-gambar-logo-blog-anda.jpg dengan Alamat Gambar Logo Blog anda!
- Ganti Nomor 1020412247 yang berwarna biru di atas dengan ID Profil Facebook anda! cari di (http://graph.facebook.com/username_facebook_anda)
- Ganti Nomor 348446671899960 yang berwarna hijau di atas dengan ID Aplikasi Facebook anda!
3. Untuk membuat Link Popup Share Facebook nya , anda tinggal menyimpan Link di bawah ini :
<a href='#' onclick=' window.open( 'https://www.facebook.com/sharer/sharer.php?u='+encodeURIComponent(location.href), 'facebook-share-dialog', 'width=626,height=436'); return false;'>Bagikan di Facebook!</a>Jadi-nya akan seperti ini : Bagikan di Facebook!
Sekian tentang penjelasan "Meta Tag Open Graph Facebook Kumplit untuk Blogger" yang saya bahas kali ini , semoga bermanfaat .. Happy Blogging sob! #enjoy
0 komentar
Berkomentarlah dengan Bahasa yang Relevan dan Sopan.. #ThinkHIGH! ^_^