Cara Integrasi Facebook Open Graph Pada Blogger | alfiyah info blogger

Written by on
facebook-Open-Graph-in-blogger

Facebook Open Graph Protocol berguna bagi Anda untuk posting konten pada Blogger tidak hanya pengunjung yang datang di halaman Blogger,akan tetapi temen Facebook juga akan menyimak artikel kita jika salah seorang pengunjung menyukai atau membagikan salah satu dari posting Anda.Maka akan terlihat di profile Facebook,tapi itu hanya sebagian karena tergantung konten yang mereka sukai.Oleh karena itu jangan segan segan kita bikin konten yang berkwalitas agar lebih banyak yang suka dan otomatis dia seneng untuk berbagi dengan temen Facebook yang lainnya.

Open Graph juga bisa mejelajahi Blogger Anda untuk beritegrasi dengan pengunjung pada umumnya,jika hal ini dengar benar cara penggunaannya,yaitu membangun identitas dan situs Anda.Dengan keberadaan ini Alfiyah Info Blogger hari ini akan menunjukan bagaimana cara mengintegrasikan Facebook Open Graph dengan contoh seperti punya Saya sendiri (Gambar Atas),tapi maap punya Saya hanya sebagian dan sederhana bisa dikatakan tidak lengkap Anda bisa lihat hasil Facebook Open Graph Alfiyah Info Blogger, Namun perlu ketahui ada sedikit yang Anda harus lakukan yaitu membuat Aplikasi Facebook


Bagaimana Untuk Mendapatkan ID Aplikasi Facebook Open Graph ?

  1. Masuk Anda Facebook Developers
  2. Klik App lalu Create a New App
  3. Setelah Selesai membuat App akan muncul dua vareasi kode sperti gambar dibawah

    4. id-app-facebook-in-blogger
  4. Prelu kita ambil adalah ID App yang terkurung pada gambar

Bagaimana Untuk Menyimpan ID Aplikasi Facebook Open Graph ?

Sekarang kita Bagaimana Untuk Menyimpan ID Aplikasi Facebook Open Graph terlebih dahulu pergi ke Blogger Dhasboard untuk melakukan perubahan template untuk menyisipkan HTML tag,cari kode tag seperti ini <html xmlns='....

  • Atau Anda bisa menggantinya dengan tag HTML dibawah


    • <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:fb='http://www.facebook.com/2008/fbml' xmlns:og='http://ogp.me/ns#'/>

  • Selanjutnya Anda membuat Required meta Atribut bisa Anda buat dengan Generator Open graph
  • Isikan identitas sesuai dengan Blogger Anda dan salin tempelkan tepat di atas tag </head>


    • <title>NAMA-BLOGGER ANDA</title> <meta content='JUDUL-BLOGGER-ANDA' property='og:title'/> <meta content='article' property='og:type'/> <meta content='http://cara-alfiyah.blogspot.com/' property='og:url'/> <meta content='http://cara-alfiyah.blogspot.com//favicon.ico' property='og:image'/> <meta content='ALfiyah Info Blogger' property='og:site_name'/> <meta content='TULIS-ID-FB-ANDA' property='fb:admins'/> <meta content='TULIS-ID-APP-ANDA' property='fb:app_id'/> <meta content='DISINI-TULIS-DISKRIPSI-ANDA.' property='og:description'/>

  • Kemudian disini untuk menempatkan ID APP Anda dalam tag Fungsion dan jangan lupa kode ini simpan tepat di atas tag </body>


    • <div id='fb-root'/> <script> window.fbAsyncInit = functionundefined) { FB.initundefined{ appId : ID-APP-ANDA;, status : true, xfbml : true }); }; undefinedfunctionundefinedd, s, id){ var js, fjs = d.getElementsByTagNameundefineds)[0]; if undefinedd.getElementByIdundefinedid)) {return;} js = d.createElementundefineds); js.id = id; js.src = &quot;//connect.facebook.net/en_US/all.js&quot;; fjs.parentNode.insertBeforeundefinedjs, fjs); }undefineddocument, &#39;script&#39;, &#39;facebook-jssdk&#39;)); </script>

  • Terakhir Save Template Anda dan bisa Anda test langsung ke Meta Tag Analyzer

Akhir Kata

Demikialah Artikel hari ini walaupun sederhana tapi mudah-mudahan bermanfaat bagi Anda semua,selamat berkarya insya-Allah kita jumpa lagi kedepannya wasalamualaiku.

Comments

Post a Comment

Popular posts from this blog

5 Cara Mengubah Bahasa Keyboard ke Arab, Jepang, dll di Semua Keyboard Android

Image
Tumeskecil - Pada keyboard qwerty, huruf yang digunakan hanya terbatas pada huruf latin yang hanya bisa digunakan di beberapa bahasa seperti bahasa Indonesia dan Inggris. Namun, bagaimana dengan bahasa lainnya yang tidak menggunakan huruf latin? Seperti contohnya bahasa Arab. Tentunya kamu pasti mengakalinya dengan menulis bahasa tersebut dengan bahasa latin seperti اسلم عليكم menjadi Assalamualaikum. Begitupun dengan bahasa lainnya. Penulisan seperti itu sepertinya dirasa agak kurang keren. Sebenarnya, mudah mengganti keyboard qwerty menjadi berhuruf lainnya. Selain itu, ada juga kelompok orang yang memahami bahasa tertentu, seperti orang yang ahli dalam bahasa Jepang juga ingin chattingan menggunakan bahasa yang mereka kuasai. Nah, kali ini Tumeskecil akan membagikan cara mengubah papan ketikke bahasa arab, jepang dan sebagainya. Tutorial cara mengubah bahasa keyboard android berikut kami paparkan dengan berbagai jenis keyboard virtual smartphone yang populer. A. Gboa...
Read more

cara mudah mengganti domain blogspot (custom domain)

Image
HERI2911- cara mudah mengganti domain blogspot (custom domain) kali ini saya akan menjelaskan bagaimana cara mudah mengganti domain blogspot (custome domain) ke domain kita sendiri yang sudah kita beli dari layanan penyedia domain misal tadi nya blog kita domainnya heriyanto221193.blogspot.com akan kita rubah menjadi herinda.com. bagai mana caranya..? berikut ini akan menjelaskan cara mudah menggati domain blogspot (custome domain) , namun sebelum menggati domain pada blogspot kalian,alangkah baiknya membaca artikel sebelumnya yang pernah saya tulis mengenai resiko menggati domain pada  blog  >>>> BACA DISINI langsung saja langkah cara mudah mengganti domain blogspot (custom domain) . pertama:  beli domain di web penyedia layanan domain,baik  dari penyedia layanan dengan harga murah hingga harga termahal tinggal menyesuakan budget saja,ada banyak penyedia layanan yang bisa kita pilih seperti rumahweb , exabytes dan bahkan kita bisa beli langsung dari b...
Read more

Cara Mengatasi Penolakan AdSense "Situs Tidak Aktif" atau "Inventaris Berharga: Tidak Ada Konten"

Image
COPAD | Cara Mengatasi Penolakan AdSense "Situs Tidak Aktif" atau "Inventaris Berharga: Tidak Ada Konten" - Halo sobat COPAD, selamat datang kembali bagi pengunjung lama, eh.. Setia maksudnya, hehe.. :v Dan selamat datang juga bagi pengunjung baru di blog ini. Pada kesempatan kali ini, mimin akan membagikan solusi kepada sobat yang sering atau pernah ditolak AdSense. Apa alasan penolakannya, dan bagaimana cara mengatasinya? Yuk, langsung ke TKP. Check it out! Ada yang sering atau pernah mengalami email penolakan dari Google AdSense dengan alasan "Situs Tidak Aktif" atau "Inventaris Berharga: Tidak Ada Konten" setelah penggantian domain ke TLD? Padahal blog dapat diakses dan konten juga sudah banyak. Kode iklan AdSense juga sudah terpasang pada HTML blog. Maksud dari "Situs Tidak Aktif" itu sebenarnya bukan untuk menekankan kita untuk terus aktif ngeblog sepanjang masa pengajuan (review) AdSense, namun blog kita memang tidak dapat d...
Read more