Meta Tag Open Graph Facebook untuk Blogger

Fungsi Meta Tag Open Graph Facebook ini adalah untuk menampilkan Content-conten yang bersangkutan dengan Blog kita , ketika Blog kita di Share/Bagikan ke Facebook! mulai dari Deskripsi , Gambar , Judul , Link , dan lainya ..


Contoh :
 

Dan cara untuk 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 != &quot;index&quot;'> <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='2321112234' property='fb:admins'/> <meta content='448456641494954' property='fb:app_id'/> <meta content='id_ID' property='og:locale'/>

Lalu yang harus dirubah dari kode di atas adalah :  

- Ganti http://alamat-gambar-logo-blog-anda.jpg dengan Alamat Gambar Logo Blog anda!

- Ganti Nomor 2321112234 yang berwarna biru di atas dengan ID Profil Facebook anda! cari di (http://graph.facebook.com/username_facebook_anda)

- Ganti Nomor 448456641494954 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(       &#39;https://www.facebook.com/sharer/sharer.php?u=&#39;+encodeURIComponent(location.href),        &#39;facebook-share-dialog&#39;,        &#39;width=626,height=436&#39;);  return false;'>Bagikan di Facebook!</a>


Sekian penjelasan Tentang "Meta Tag Open Graph Facebook untuk Blogger",
Selamat Mencoba .........

1 komentar :

Mark Zuckerberg mengatakan...

good job

Posting Komentar

Color Kode HTML





Share