Tuesday 23 September 2014

Cara Menambah Facebook Open Graph Untuk Blogger

Dalam posting ini saya telah menjelaskan tentang Mengapa Facebook tidak menampilkan thumbnail posting dan meta description posting blog Anda. Nah di sini kita akan melihat bagaimana cara menambahkan Facebook Open Graph Untuk blog blogger Anda. Ini adalah tugas yang sangat sederhana cukup ikuti langkah-langkah mudah:



Cara Menambah Facebook Open Graph Untuk Blogger:

1 Pergi ke Blogger> Dashboard> Template> Edit HTML [Membuat Backup sebelum editing] 

2 Dalam editor, di bagian atas Anda akan melihat xmlns html hanya mirip seperti kode berikut:
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
3 Jadi di sini Anda perlu paste kode xmlns: og = 'http: //ogp.me/ns#' sebelum menutup tag, seperti di bawah kode:
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr' xmlns:og='http://ogp.me/ns#'>
Untuk pemula, jika Anda mendapatkan kesulitan melakukan ini, Anda cukup mendapatkan source code dan paste di atas <head> dan ikuti langkah-4] 

4. Sekarang Anda telah menambahkan Facebook Protokol Tag, kita tambahkan Open Graph Meta Tags. 

5. Cari kode <head> di blog Anda dan paste baris berikut kode di bawahnya.
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta content='article' property='og:type'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='logo-link' property='og:image'/>
</b:if>
<b:if cond='data:blog.metaDescription != ""'>
<meta expr:content='data:blog.metaDescription' name='og:description'/>
</b:if>
<meta content='app_id' property='fb:app_id'/>
<meta content='fb_admins' property='fb:admins'/>
6 Di sini Anda perlu logo-link dengan link Logo Blog Anda, juga Anda harus mengganti APP_ID dan fb_admins masing-masing dan kemudian hanya tekan Save Template. 

Itu saja, Anda telah menginstal Facebook Open Graph untuk blog blogger Anda. Setelah beberapa waktu pergi ke blog anda posting dan mencoba untuk berbagi, ia akan bekerja 100% dan karenanya penerbitan saham facebook akan dihilangkan. 

Saya harap Anda akan menyukai atas tutorial, Jauhkan Ditempatkan dan Tetap terhubung untuk lebih dahsyat Blogger Tutorial. 

Jika Anda memiliki masalah apapun mengenai posting ini Anda bisa drop komentar Anda di sini atau merasa bebas untuk menghubungi saya.

Write Wait

Bila anda kurang jelas bisa langsung meninggalkan komentar di setiap bawah postingan dan menggunakan yang bijak agar dapat di pahami, #TerimaKasih

0 comments:

Post a Comment

 

Copyright @ 2013 Write Wait Moments.

Designed by Mirza Jirong | WW