Skip to main content

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.

Labels:

Comments

Post a Comment

Popular posts from this blog

[5.0.2] Iky Os Sm-G530h Fortunave3g

        Di postingan kali ini saya akan share [5.0.2] Iky OS sm-g530h fortunave3g, rom ini base stock rom lolipop sm-g530h instal via twrp, pribadi saja Note:fortunave3g Link rom: https://drive.google.com/open?id=1fbvi56Gi2Ezt2WbZscZJbEJnvKClA2Vj Link fix contacts: https://drive.google.com/open?id=1J7QLccyprHhHvpreVIXDVwJmu_PlRCHw Cara instal rom - lakukan 3 wipe, wipe data, dalvic, cache - Instal rom [5.0.2] Iky OS sm-g530h fortunave3g - Instak fix contacts - Tunggu sampai selesai - Reboot system Kelebihan - Root - Smooth - Full deodex - Tweak - Multi user - Like Grace ux - dan lainya Bug -----------   Feature Iky OS 5.0.2  Status kafetaria - Battery style - Battery bar   - Carrier label - Carrier logo - Network traffic - Gradient status bar - Mini calendar ( Show hidden ) - Digital clock ( Show hidden ) - Default clock ( Show hidden ) Qs panel - Header bann...
Post a Comment
Read more

Catatan: Fitur TabunganKu dan Pilihan Netizen

Penggemar tabungan tanpa biaya administrasi bulanan boleh berterima kasih pada presiden ke-enam Susilo Bambang Yudhoyono (SBY). Tanpa ide dan pencanangan Gerakan Indonesia Menabung  oleh beliau, boleh jadi produk ini tidak pernah ada. Kalau yang sekarang ……… ( Gak usah di lanjut deh…. No comment aja…. Dari pada kebablasan bisa repot…  cos, saya bisa nulis setajam silet, silet nya Feny Rose tapi
Post a Comment
Read more

mengamati kedatangan pengunjung dengan feedjit

Apakah kegunaan widget yang satu ini ( live traffic feedjit ) ..? jadi dengan widget ini anda bisa mengetahui darimana pengunjung blog anda datang, dari blog orang lain atau dari hasil pencarian pencarian search engine semacam google, yahoo, msn livesearch dan lain lain. Dengan widget ini pula anda juga dapat membantu menaikkan SEO blog anda dengan cara menelusuri dan membuka dari site serach referer ( website pencarian yang sudah menjadi media pengantar kedatangan pengunjung anda ) tapi akan saya bahas tutorial nya di lain session, karena tidak sesuai dengan topik judul yang dibahas sekarang, tapi jika anda merikuesnya pasti akan segera saya posting untuk anda.. dijamin dech.. hehehe.. Oke sekarang kita kembali ketopik pembahasan yaitu " mengamati kedatangan pengunjung blog dengan feedjit ". Apa itu feedjit ..? adalah sutu website penyedia widget counter yang berfungsi untuk merekam kedatangan pengunjung suatu blog atau web ( live traffic feed ). Nah untuk mendapatka...
Post a Comment
Read more