Loading...

Facebook Recommendation Bar Blogger


Cara membuat recommendation bar untuk blog, Widget recommendation bar Facebook untuk blogspot, Facebook recommendation bar for blogger, Membuta rekomendasi Facebook untuk blog..

Postingan kali ini Bangiz akan membahas tentang tips dan trik cara membuat Facebook Recommendation Bar untuk Blogger. Setelah postingan sebelumnya banyak berbagi tentang foto sampul, download dan yang lainnya. Adapun fungsi dari kita membuat widget recommendation bar yaitu untuk merekomendasikan postingan atau tulisan-tulisan kita sebelumnya yang mana akan tampil secara acak.

Selain itu kita bisa mengatur berapa judul postingan yang akan di munculkan, juga dengan kedalaman berapa persen widget tersebut akan muncul setelah kita menggulir kursor mouse ke bawah ditambah lagi dengan tombol like. Oke jika Anda tertarik untuk membuatnya, langsung ikuti saja caranya berikut ini:
recommendation bar
Facebook Recommendation Bar
Tahap Pertama: Membuat App ID
1. Pastikan Anda memiliki blog juga akun Facebook.

2. Pastikan sudah masuk ke Facebook, lalu masuk  ke Facebookdeveloper page. Jika belum pernah membuat aplikasi sebelumnya maka akan ada jendela muncullan secara otomatis. Tapi jika sebelumnya pernah membuat, Anda tinggal klik +Buat Aplikasi Baru.

3. Selanjutnya isi Nama Aplikasi contohnya Recommendation bar lalu Lanjutkan. Untuk pemeriksaan keamanan, silahkan masukkan kode Captcha lalu Lanjutkan.
facebook recommendation bar
Buat app baru
facebook recommendation bar
masukkan captcha
4. Sekarang Anda sudah memiliki App ID yang bisa terintegrasi dengan blog.
facebook recommendation bar
Facebook App ID
5. Pilih cara aplikasi Anda terintegrasi dengan Facebook klik Website with Facebook Login lalu masukkan alamat URL blog atau site Anda dan klik Simpan Perubahan.
facebook recommendation bar
Masukkan situs
Tahap kedua: Menambahkan App ID ke blog

1. Masuk dasbor Blogger > Template > Edit HTML.

2. Gunakan Ctrl+F dan temukan kode <html lalu ganti dengan kode berikut:
<html xmlns:fb='http://ogp.me/ns/fb#'
3. Cari kode </body> lalu copy-paste kode berikut sebelum / di atas </body>:
<div id='fb-root'/>
<script>
//Facebook Recommendation bar Blogger by bangiz.blogspot.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=App ID Anda";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
//]]>
</script>
Ganti App ID Anda dengan kode App yang telah dibuat pada tahap pertama.

4. Selanjutnya cari kode </head> lalu copy-paste kode berikut sebelum / di atas </head>:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta content='article' property='og:type'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta expr:content='data:blog.pageName' property='og:title'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
</b:if>
<b:else/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta content='website' property='og:type'/>
</b:if>
<meta expr:content='&quot;en_US&quot;' property='og:locale'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
5. Cari lagi kode <data:post.body/> dan copy-paste kode berikut sebelum / di atas <data:post.body/>:
<b:if cond='data:blog.pageType == &quot;item&quot;'><b:if cond='data:blog.pageType != &quot;static_page&quot;'><div style='z-index:999999; position:absolute;'>
<fb:recommendations-bar action='like' max_age='0' num_recommendations='4' read_time='10' side='right' site='http://bangiz.blogspot.com' trigger='50%'/></div>
</b:if></b:if> 
Keterangan:
4 : jumlah pos yang direkomendasikan.
Right : posisi munculnya recommendation bar.
http://bangiz.blogspot.com : alamat URL blog.
50% :  persentase munculnya recommendation bar ketika mouse di scroll ke bawah halaman.
Name

Android,5,Blogging,108,CorelDRAW,14,Desain Grafis,24,Facebook,22,Foto Sampul,34,Gambar,54,Info,18,Internet,31,Kata Mutiara,26,Kesehatan,31,Komputer,25,Microsoft Word,12,Office,12,PhotoScape,10,Resep,6,SEO,10,Sosial media,21,Tutorial,36,Wallpaper,20,
ltr
item
Bangiz: Facebook Recommendation Bar Blogger
Facebook Recommendation Bar Blogger
Cara membuat recommendation bar untuk blog, Widget recommendation bar Facebook untuk blogspot, Facebook recommendation bar for blogger, Membuta rekomendasi Facebook untuk blog..
https://3.bp.blogspot.com/-Y6GhFNGwgmQ/UoyPWhtsugI/AAAAAAAAIBw/u9sLnmJk_cI/s320/recommendation+bar.jpg
https://3.bp.blogspot.com/-Y6GhFNGwgmQ/UoyPWhtsugI/AAAAAAAAIBw/u9sLnmJk_cI/s72-c/recommendation+bar.jpg
Bangiz
https://bangiz.blogspot.com/2013/11/Recommendation-Bar.html
https://bangiz.blogspot.com/
https://bangiz.blogspot.com/
https://bangiz.blogspot.com/2013/11/Recommendation-Bar.html
true
5131493432912556385
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy