Judul : Cara Membuat Facebook Recommendations Bar Terbaru
link : Cara Membuat Facebook Recommendations Bar Terbaru
Cara Membuat Facebook Recommendations Bar Terbaru
Widget "Facebook Recommendations Bar" ini akan muncul dipojok bawah blog kita pengunjung men-scroll selama beberapa jarak tertentu, tentunya widget ini hanya akan muncul hanya dihalaman postigan bukan di home page atau halaman statis lainnya.
Kentungan dari widget ini tak perlu diragukan lagi. Dengan memasang widget facebook recommendations bar ini maka kita akan meningkatkan jumlah page views blog kita dan mendatangkan pengunjung lain dari facebook pengunjung yang telah mengklik beberapa artikel yang tersedia di "widget facebook recommendations bar".
Untuk langkah-langkah pembuatannya mari kita simak langkah-langkah Cara Membuat Facebook Recommendations Bar Terbaru berikut ini:
1.Kunjungi facebook apps dengan mengklik link ini
2.Kemudian klik +create new app yang ada dipojok kanan atas website ini.
3.Lalu akan mencul sebuah kotak isian, berikan nama pada kotak isian tersebut dan kotak yang lain dikosongkan saja. kemudian klik lanjutkan.
4.Ketikkan kode keamanannya.
5.Makan akan muncul halaman baru dan klik website with facebook login dan masukkan alamat blog anda seperti gambar dibawah ini dan yang lainnya silahkan di abaikan dan klik simpan perubahan.
6.Kemudian kita akan mendapatkan kode app id dan app secret, nah yang kita perlukan hanya app id nya saja, jadi copy kode app id yang sudah diberikan dan pastekan pada notepad karena ini akan kita perlukan pada langkah berikutnya.
Langkah berikutnya adalah pemasangan facebook recommendations bar-nya di blog kita:
1.Log in ke blogger.
2.Klik template dan Edit HTML.
3.Centang kotak expand template widget.
4.Cari kode ' <html ' tanpa tanda petik, kode itu terletak pada bagian paling awal struktur template dan ganti dengan kode ini.
<html xmlns:fb='http://ogp.me/ns/fb#'
5.Cari kode <head> dan letakkan kode dibawah ini dibawahnya.
<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>
<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> dan letakkan kode dibawah ini tepat dibawah kode <body>.
<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=ISI DENGAN APP ID ANDA";
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.anakgoogle.xyz trigger='40%'/></div>
</b:if></b:if>
<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=ISI DENGAN APP ID ANDA";
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.anakgoogle.xyz trigger='40%'/></div>
</b:if></b:if>
Keterangan:
- Ganti kode yang berwarna merah dengan app id anda, dan url blog saya ganti dengan url blog anda sendiri.
- Anda juga dapat mengatur tampilan widget ini, angka: 3 adalah banyak judul postingan yang akan ditampilkan pada widget ini, 10 waktunya muncul setelah detik ke 10, right adalah letaknya ada di kanan jika ingin memindahkan-nya di kiri ubah menjadi left.
7.Save template anda dan liahtlah hasilnya.
Nah selesai sudah kali ini saya memberikan Tutorial Cara Membuat Facebook Recommendations Bar Terbaru. Mudah-mudahan bisa bermanfaat bagi anda
Demikianlah artikel tentang Cara Membuat Facebook Recommendations Bar Terbaru
Sekianlah artikel Cara Membuat Facebook Recommendations Bar Terbaru kali ini, mudah-mudahan bisa memberi manfaat untuk pembaca semua.
Anda sekarang membaca artikel Cara Membuat Facebook Recommendations Bar Terbaru dengan alamat link https://anakugoogle.blogspot.com/2013/01/cara-membuat-facebook-recommendations.html
Nice artikel Sob :)
ReplyDelete