Widget Facebook Recomendation Box DiBlog



Huf hari yang melelahkan buat ngeblog apakah mungkin ini karna ulangan yang lagi gue jalani ini, oke langsunga aja dengan badan lemas dan tangan masih kuat untuk mengetik kita lanjutin dech kepembahasan mengenai Cara Membuat Recomendation Facebook DiBlog, oke pastisemua udah tahu yang namanya facebook facebook adalah sebuah jejaing sosial yang amat terkemuka dari tahun ketahun, lalu apa maksudnya dengan Recomendation Facebook ,tersebut dengan ada widget tersebut teman teman kalian yang ada difacebook dan dimanapun bisa melihat postingan anda melalui itu okde daei pada terbelet belet ini dia tutorialnya :

 Cara Memasang Facebook Recommendation Box

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#'

4. 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>

5. Cari kode <body> atau jika ketemu tag <body lalu taruh kode berikut di bawah tag tersebut:

<div id="fb-root"></div>
<script>(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/id_ID/all.js#xfbml=1&appId=153370320899";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

6. Simpan Template jika sudah selesai.
7. Lalu ke halaman Tata Letak
8. Tambahkan Gadget, pilih HMTL/Java Script
9. Masukan kode berikut ini

<div class="fb-recommendations" data-site="http://ahmadrijal-blog.blogspot.comhttp://ahmadrijal-blog.blogspot.com/2012/12/Facebook.Recomendation.html" data-action="5" data-width="250" data-height="300" data-header="true"></div>

10. Ganti yang berwarna merah dengan URL blogmu. 250 adalah lebarnya, 300 adalah tingginya dan 5 adalah jumlah post yang ditampilkan, kamu bisa mengubahnya.
11. Simpan jika sudah selesai.

Oke kayaknya itu aja dech untuk tips untuk hari ini jika ada dalam penulisan kata yang kurang tepat harap dilaporkan dengan cara berkomentar pada artikel dibawah ini 1 komentar dari anda begitu berarti bagi kami! Salam Blogger by CobaSanaSini

2Coment :

  1. nice info sob...
    waaah blog sobat punya info-info menarik...

    comment back yaww......
    #salam bloggeeeeeerrrrr... http://dotomoshare.blogspot.com/

    BalasHapus