Agar plugin ini bekerja Anda perlu membuat App Facebook . Metode di bawah ini adalah metode standar untuk menciptakan App FB . Masuk ke Facebook Apps
Klik pada tombol Create New App diatas sebelah kanan aplikasi baru Pada kotak yang muncul, ketik "My Recomendation Bar" di dalam kolom nama App dan Klik Continue.
Masukkan kode keamanan captcha. Klik Submit app anda hampir selesai. Cukup klik tab Masuk Website dengan Facebook dan di dalam kotak input URL blog Anda. Lihat gambar di bawah. Jangan menyentuh pilihan yang lain dan klik Save Changes.
Anda akan melihat dua string alpha-numerik karakter. Salah satunya adalah App ID dan yang lainnya adalah App rahasia. Hanya menyalin kode App ID dan tetap menyimpan dalam notepad. Kita akan membutuhkannya nanti.
Congrats App akhirnya tercipta! Mari kita lanjutkan ke step2 Ikuti langkah-langkah untuk menambahkan bar untuk Blogger:
Pergi ke Blogger> Template Backup template Anda Klik Edit HTML>
Lanjutkan Cari kode dibawah ini:
<html
sehingga menjadi :
<html xmlns:fb='http://ogp.me/ns/fb#'
Kemudian cari kode <body> kemudian letakkan kode dibawah ini tepat dibawah <body>
kodenya :
<div id='fb-root'/> <script> //Facebook Recommendation bar by www.mybloggertricks.com //<![CDATA[ (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=***************"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); //]]> </script> <b:if cond='data:blog.pageType == "item"'><b:if cond='data:blog.pageType != "static_page"'><div style='z-index:999999; position:absolute;'> <fb:recommendations-bar action='like' max_age='0' num_recommendations='3' read_time='10' side='right' site='http://www.tipstricks888.blogspot.com' trigger='40%'/></div> </b:if></b:if>
Anda hampir selesai. Membuat perubahan ini:
Ganti *************** dengan 15 digit App ID Anda yang Anda simpan dalam Langkah 1. Ganti http://www.tipstricks888.blogspot.com dengan link blog Anda
Kemudian letakkan kode berikut dibawah <head>
KOdenya
<meta content='article' property='og:type'/> <meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/> <meta expr:content='data:blog.title' property='og:site_name'/> <meta expr:content='data:blog.pageName' property='og:title'/> <b:if cond='data:blog.metaDescription != ""'> <meta expr:content='data:blog.metaDescription' name='description'/> </b:if>
Selesai dan lihat hasilnya
0 Response to "Add Facebook Recommendations Bar To Blogspot"