Kang Rian [ on Blogger! ]

rian nurherdian, kang rian, blog kang rian, blog rian nurherdian, blogger hacks , free blogger templates, blogspot tutorial, blogger tutorial, tutorial seo, tutorial html5, blog seo friendly, modifikasi template blog, desain web pemula, blogger basic

Meta Tag Open Graph Facebook Kumplit untuk Blogger

Meta Tag Open Graph Facebook Kumplit untuk Blogger - Facebook Open Graph Logo png
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 :

Screen Shot Facebook Share

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 != &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='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(       &#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>

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
Suka artikel ini? Bagikan!

Hidden Ads!

 
Mohon Aktifkan Javascript!Enable JavaScript