Cara Pasang Rekomendasi Bar Facebook Di Blog
Cara Pasang Rekomendasi Bar Facebook Di Blog - Pada kesempatan hari ini Destar Blog membuat Posting Cara Membuat Atau memasang Rekomendasi Bar Facebook Di bLog. Fitur ini saya dapatkan dan saya lihat dari beberapa blog yang pernah saya kunjungi, maka dari itu saya ingin tahu dan ingin menerapkannya juga agar semua kawan tau Karena Berbagi Itu Indah dengan begitu tutorial ini saya buat untuk Sahabat blogger sekalian karena beberapa kawan blog pernah juga meminta tutorial yang satu ini.Seperti Memasang Facebook diblog Widget Recomedasi bar ini adalah salah satu Tips atau cara mempercantik blog dan mempunyai arti sendiri selain Sebagai Artikel Terkait yang melayang di samping blog dan bisa membuat blog kita menarik tentu nya. Rapi Itu Indah Bukan begitu Sobat Semua..
Dalam Membuat bar Recommendation yang di butuhkan adalah Sobat harus membuat sebuah aplikasi di Facebook APP , Untuk tampilan barnya seperti pada gambar di atas, bar akan muncul hanya di setiap posting dan berada di kanan bawah.
Untuk membuat Bar Recommendation facebook tidak begitu sulit, ikuti langkah-langkahnya Berikut :
1. Cara Membuat Facebook Aplication ID
2. Selanjutnya klik tombol Create New App
3. Pada kotak pop-up Create New App masukkan Application Name sesuai keinginan anda sebagai contoh saya memasukkan "Nama Sobat", dan untuk isian pada baris berikutnya abaikan saja biarkan seperti kodisi default lalu klik tombol Lanjutkan
4. Pada halaman berikutnya anda akan diminta memasukkan kode captcha untuk validasi, masukkan kode captcha sesuai tampilan yang muncul, lalu klik tombol Lanjutkan.
5. Sampai di sini proses pembuatan Facebook App ID hampir selesai, perhatikan pada bagian Pilih cara aplikasi Anda terintegrasi dengan Facebook seperti gambar di bawah, kemudian masukkan alamat URL blog anda pada bagian Situs web dengan Masuk Log Facebook, jangan sentuh bagian yang lain, lalu klik tombol Simpan Perubahan untuk menyimpannya.
6. Perhatikan Facebook App ID yang baru terbentuk, seperti gambar di bawah, lalu catat dan untuk sementara simpan di Notepad karena akan dibutuhkan pada tahap instalasi selanjutnya, sampai di sini tahap pembuatan Facebook Application ID telah selesai.
Cara Menambahkan Facebook Recommendation Bar pada Blog
1. Login ke akun blogger.com
2. Pilih Template kemudian Edit HTML
3. Jangan lupa centang Expand Template Widget
4. Cari kode <html lalu ganti kode berikut ini:
6. Perhatikan Facebook App ID yang baru terbentuk, seperti gambar di bawah, lalu catat dan untuk sementara simpan di Notepad karena akan dibutuhkan pada tahap instalasi selanjutnya, sampai di sini tahap pembuatan Facebook Application ID telah selesai.
2. Sekarang Adalah Cara Recommendation Bar Facebook Di blog
1. Login ke akun blogger.com
2. Pilih Template kemudian Edit HTML
3. Jangan lupa centang Expand Template Widget
4. Cari kode <html lalu ganti kode berikut ini:
<html xmlns:fb='http://ogp.me/ns/fb#'
5. Cari kode <head> dan taruh kode berikut di bawahnya:
<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>
6. Cari kode <body> atau jika ketemu tag <body lalu taruh kode berikut di bawah tag tersebut:
7. Sobat harus mengganti kode yang berwarna merah ( ************) dengan App ID yang sudah didapatkan tadi dan ganti http:/jalmiswar.blogspot.com' dengan URL blogmu sendiri. Kamu dapat mengatur tampilan, seperti: 3 adalah banyak judul yang akan ditampilkan, 10 waktunya muncul setelah detik ke 10, right adalah letaknya di kanan. Widget tersebut akan muncul ketika membuka salah satu halaman post tidak di homepage utama.
8. Simpan Template jika sudah selesai.
<div id='fb-root'/>
<script>
//Facebook Recommendation Bar
//<![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://jalmiswar.blogspot.com' trigger='40%'/></div>
</b:if></b:if>
7. Sobat harus mengganti kode yang berwarna merah ( ************) dengan App ID yang sudah didapatkan tadi dan ganti http:/jalmiswar.blogspot.com' dengan URL blogmu sendiri. Kamu dapat mengatur tampilan, seperti: 3 adalah banyak judul yang akan ditampilkan, 10 waktunya muncul setelah detik ke 10, right adalah letaknya di kanan. Widget tersebut akan muncul ketika membuka salah satu halaman post tidak di homepage utama.
8. Simpan Template jika sudah selesai.
Cara Pasang Rekomendasi Bar Facebook Di Blog
Reviewed by Destar
on
1:57 AM
Rating:
Reviewed by Destar
on
1:57 AM
Rating:
Post a Comment