Blackz Reality

Chant

14 February 2014

Mengubah Versi komen Blogger jadi Versi komen Facebook.

Yes! kini blog saya memiliki sistem komen baru, yaitu menggunakan Facebook...

sisi baiknya gak bakal ada Anonimitas lagi dan para pengunjung gak repot nulisnya...
sayangnya ini juga punya sisi buruk... yaitu sulit dimoderasi dan juga mudah di spam...

tambahan lagi, pengomentar tetap bisa dapat title top commenter loh sekarang

Cara ubahnya? mudah!

tinggal baca Blog di sini:

http://cinnamongirlstudiodesign.com/adding-facebook-comments-to-blogger/

dan bagi yang gak ngerti bahasa Depok saya coba mengjakartakan bahasa di atas.


Tahap 1:

daftar dan ngaku-ngakulah jadi developer di https://developers.facebook.com/

setelah melewati pendaftaran yang cuman beberapa kali klik dan juga berbohong mengenai "saya anak rajin sehingga saya sudah membaca perjanjian yang diterapkan facebook sebelum membuat aplikasi"

Kini masuk klik Tab "apps" dan klik "create new apps"


sudah?

masukkan nama appnya dan kembalilah berbohong mengenai menjadi anak rajin!

Lakukan berbagai kegiatan formal untuk melanjutkan proses.

Tahap 2:

masuk ke bagian Setting, klik Add Platform di tengah layar... pilih yg website.




Isi URLnya dengan Alamat Blog kalian: dan Save.

Tahap 3:

masuk ke Template di Blogger
dan bersiap mengeditnya.

Cari yang saya suruh dan tambahkan yang saya tulis tepat dibawah kalimat tersebut...

Cari: <head>
Tambahkan: <meta property="fb:app_id" content="angka applikasi kamu"/>

Cari: <html (spasi)
Tambahkan:  xmlns:fb="https://www.facebook.com/2008/fbml" di sebelah kanannya



Cari: <div class='post-footer-line post-footer-line-2'>
tambahkan: 
<b:if cond='data:post.isFirstPost'>   
<script>(function(d){
 var js, id = &#39;facebook-jssdk&#39;; if (d.getElementById(id)) {return;}
 js = d.createElement(&#39;script&#39;); js.id = id; js.async = true;
 js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;;
 d.getElementsByTagName(&#39;head&#39;)[0].appendChild(js);
}(document));</script>
</b:if>
<a expr:href='data:post.url + &quot;#fb-root&quot;'><fb:comments-count expr:href='data:post.canonicalUrl'/> comments</a>>
Cari:  <div class='post-footer-line post-footer-line-3'>
Tambahkan:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/>
<script>(function(d){
 var js, id = &#39;facebook-jssdk&#39;; if (d.getElementById(id)) {return;}
 js = d.createElement(&#39;script&#39;); js.id = id; js.async = true;
 js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;;
 d.getElementsByTagName(&#39;head&#39;)[0].appendChild(js);
}(document));</script>
<div style='margin: 20px 0 0 0;'><fb:comments colorscheme='light' expr:href='data:post.canonicalUrl' expr:title='data:post.title' expr:xid='data:post.id' width='900'/></div>
</b:if>
Dan Selesai, Save Template-mu

mau Buktinya?

tinggal Scroll dikit deh kebawah!