Assalamua'laikum ....
Sahabat Annavieza Comunity di kesempatan malam hari ini saya mau berbagi tips cara
Pasang recomedasi facebook atau jelasnya facebook Recomedtation bar.
sahabat annavieza cara ini banyak sekali orang yang salah ketika pasang di blog karna mereka mengira bahwa dengan cara pasang wiget ini ,akan langsung jadi seperti pasang like box facebook,
tapi ngomong ngomong sudah pada tau belum nih yang saya maksud cara pasang recomendation bar facebook....???
saya kasih contoh ya...!!!
Perhatikan baik baik tanda panah ini !!! jika anda meihat salah satu postingan di blog saya di bagian kiri bagian bawah anda akan melihat tulisan like nanti lama lama akan muncul seperti ini...
nah jadi jika di klik salah satu judul postingan itu maka anda akan masuk ke postingan yang di rekomendasikan oleh facebook.
tertarik untuk membuatnya.....??
gini cara membuatnya pertama anda harus punya id api facebook untuk membuat id api facebook anda klik di sini
untuk paduannya anda googling saja sudah banyak yang bikin tutorialnya,!
setelah anda punya id api facebook anda login ke blogger anda masing masing.!
lalu anda pilih tempelate klik Edit Html
lalu anda cari kode </head> ingat sahabat annavieza sering kali cara ini tidak muncul di blog anda kebanyakan karna salah kode ada kode <head> ada juga kode </head>
maka kode yang benar adalah </head> gunakan ctrl F untuk blogger model sekarng mungkin anda harus tau cara edit html blog terbaru cari tutorialnya saudah ada yang update,maksudnya ctrl f ini kalao model blog lama ga terpake paham sahabat annavieza ??
jika sudah ketemu koda </head> taruh kode ini tepat di bawah kode </head>
<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>
Sahabat Annavieza Comunity di kesempatan malam hari ini saya mau berbagi tips cara
Pasang recomedasi facebook atau jelasnya facebook Recomedtation bar.
sahabat annavieza cara ini banyak sekali orang yang salah ketika pasang di blog karna mereka mengira bahwa dengan cara pasang wiget ini ,akan langsung jadi seperti pasang like box facebook,
tapi ngomong ngomong sudah pada tau belum nih yang saya maksud cara pasang recomendation bar facebook....???
saya kasih contoh ya...!!!
Perhatikan baik baik tanda panah ini !!! jika anda meihat salah satu postingan di blog saya di bagian kiri bagian bawah anda akan melihat tulisan like nanti lama lama akan muncul seperti ini...
nah jadi jika di klik salah satu judul postingan itu maka anda akan masuk ke postingan yang di rekomendasikan oleh facebook.
tertarik untuk membuatnya.....??
gini cara membuatnya pertama anda harus punya id api facebook untuk membuat id api facebook anda klik di sini
untuk paduannya anda googling saja sudah banyak yang bikin tutorialnya,!
setelah anda punya id api facebook anda login ke blogger anda masing masing.!
lalu anda pilih tempelate klik Edit Html
lalu anda cari kode </head> ingat sahabat annavieza sering kali cara ini tidak muncul di blog anda kebanyakan karna salah kode ada kode <head> ada juga kode </head>
maka kode yang benar adalah </head> gunakan ctrl F untuk blogger model sekarng mungkin anda harus tau cara edit html blog terbaru cari tutorialnya saudah ada yang update,maksudnya ctrl f ini kalao model blog lama ga terpake paham sahabat annavieza ??
jika sudah ketemu koda </head> taruh kode ini tepat di bawah kode </head>
<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>
selanjutnya anda cari kode di bawahnya lagi yaitu kode <body>
Ingat dalam template mungkin ada 2 kode body ada yang </body> ada juga <body>
yang Benar pilih <body> !!!
jika sudah ketemu letakan kode berikut ini di bawahnya. !!
<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=Id api facebook anda di sini";
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://annavieza.blogspot.com' trigger='40%'/></div>
</b:if></b:if>
Note:
tulisan Id api facebook ganti dengan no Id api facebook anda !!!
Tulisan warna merah ganti dengan alamat blog anda !
angka 3 warna biru untuk menampilkan berapa banyak yang akan tampil ganti sesuai keinginan !
angka 10 warna hijau ganti sesuai keinginan untuk mempercepat waktu munculnya rekomendasi
Tulisan right adalah posisi untuk kanan jika ingin di kiri ganti dengan left.
Terahir save template lihat hasilnya!
begitulah cara pasang recomedatiaon facebook di blogger. semoga artikel ini bermanfaat untuk anda...terima kasih
Anda baru saja membaca artikel 
1 komentar:
keren caranya sob,,salam kenal
Post a Comment