Cara Membuat Artikel Rekomendasi Bar Facebook di Sisi Bawah Blog

PerilianCara Membuat Tombol Rekomendasi Facebook di Sisi Bawah Blog - Hai sahabat kali ini saya akan berbagi tips dan trik blog mengenai cara membuat tombol rekomendasi artikel yang terdapat disisi bawah blog. Biasanya tombol ini biasa ditempatkan dikanan bawah suatu blog yang terus mengikuti ketika kita menyorot halaman keatas atau kebawah. Fungsinya apa ? agar kita dapat merekomendasikan artikel kita dan semakin memudahkan kepada pengunjung mencari atikel bermanfaat lain dari blog kita. Nah langsung saja saya akan menunjukan cara membuat tombol rekomendasi di sisi bawah blog, berikut caranya :


Cara Membuat Artikel Rekomendasi Bar Facebook di Sisi Bawah Blog


1. Pertama kita buat aplikasi facebook, silahkan klik disini

2. Lalu silahkan pilih Buat Aplikasi Baru



3. Isikan Nama Aplikasi sesuai keinginan, misalkan Rekomendasi Bar lalu klik lanjutkan


4. Lalu ada Captcha, silahkan isikan sesuai huruf yang ditentukan lalu klik ok

5. Sekarang lihat pada App ID lalu copy dan pastekan nomor tersebut ke notepad


6. Berikutnya sorot kebawah lalu isikan "Website with Facebook Login" dengan URL kalian, misalkan punya saya http://perilian.blogspot.com/

7. Lalu klik simpan



8. Membuat aplikasi facebook telah selesai

9. Menuju langkah selanjutnya kita ke blogger, 

10. Silahkan login ke blogger

11. Pilih menu Template lalu pilih Edit HTML "Jangan lupa untuk backup Template"

12. Kemudian cari kode <html ,jika sudah ketemu silahkan copy pastekan script ini http://ogp.me/ns/fb#' disamping kode tersebut dengan spasi, jadi seperti ini 
 <HTML  xmlns:fb='http://ogp.me/ns/fb#'>

13. Sekarang cari kode <body>, lalu copy pastekan code berikut ini setelah kode <body>

<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=336721359808024";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
//]]>
</script>
<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='2' read_time='10' side='right' site='http://perilian.blogspot.com/' trigger='40%'/></div>
</b:if></b:if>

  • Untuk yang berwarna merah silakan ganti dengan App ID yang telah dicopy paste di notepad tadi
  • Untuk yag berwarna hijau adalah jumlah artikel yang direkomendasikan
  • Untuk yang berwarna biru adalah nama blog sahabat yang artikelnya akan direkomendasikan

14. Lalu klik "Simpan Template"

Untuk melihatnya silahkan sahabat buka salah satu artikel dan disamping akan bawah blog sudah terdapat artikel yang direkomendasikan untuk dilihat pengunjung blog kita !!

Mungkin itu sedikit tutorial blog mengenai Cara Membuat Tombol Rekomendasi Facebook di Sisi Bawah Blog, silahkan dicoba dan semoga bermanfaat !!

0 komentar:

Posting Komentar