Langkah membuat aplikasi facebook dan memasangnya komentar facebook diblogspot

Langkah membuat aplikasi facebook dan memasangnya komentar facebook di blogspot - Aplikasi banyak digunakan para sobat blogger, misalnya saja untuk memasang kotak komentar di blognya. Dengan memiliki aplikasi komentar, maka setiap sebuah artikel dikomentari seseorang menggunakan akun facebook maka secara otomatis si empunya blog akan mendapatkan pemberitahuan. Dengan begitu, komentar dapat dikontrol sepenuhnya oleh si pembuat.

Untuk membuat aplikasi ini sangatlah mudah, langkahnya sebagai berikut:

1. Masuk ke akun facebook, lalu silahkan pergi ke aplikasi facebook di sini.

2. Klik Create New Aplikasi

3. Masukkan nama aplikasi yang anda inginkan, misalnya Manyaran Blogger Forum, lalu klik Lanjutkan.

4. Berikutnya, masukkan Captcha yang terlihat, lalu klik Lanjutkan.

5. Selanjutnya anda akan sampai pada halaman Dasar Facebook Developer.

6. Pada kotak Informasi Umum > App Domains, masukkan URL blog tetapi tanpa http. Misalnya bloggermanyaran.blogspot.com.

7. Sedangkan pada kotak Pilih cara aplikasi Anda terintegrasi dengan Facebook, masukkan URL dengan http, misalnya http://bloggermanyaran.blogspot.com/.

8. Klik Simpan Perubahan.

Sampai di sini cara membuat aplikasi facebook sudah jadi. App ID aplikasi ini biasa digunakan untuk mengakses hal-hal tertentu.

Cara memasang kotak komentar di blogspot

Untuk memasukkan kotak komentar pada blog kita langkahnya sebagai berikut:

1. Masuk ke blogger dengan akun anda, pilih Template > Edit HTML > Centang kotak cek Expand Widget Templates

2. Cari kode ]]></b:skin> dan masukkan kode di bawah ini dan letakkan tepat di atasnya.

.comments-page { background-color: #f2f2f2;}

#blogger-comments-page { padding: 0px 5px; display: none;}

.comments-tab { float: left; padding: 5px; margin-right: 3px;

cursor: pointer; background-color: #f2f2f2;}

.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}

.comments-tab:hover { background-color: #eeeeee;}

.inactive-select-tab { background-color: #d1d1d1;

3. Selanjutnya cari kode </head> kemudian letakan lagi kode di bawah ini tepat di atas kode </head> :

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>

<script src='http://code.jquery.com/jquery-latest.js'/>

<meta content='https://www.facebook.com/supriyadi.pro' property='fb:admins'/>

<script type='text/javascript'>

function commentToggle(selectTab) {

$(&quot;.comments-tab&quot;).addClass(&quot;inactive-select-tab&quot;);

$(selectTab).removeClass(&quot;inactive-select-tab&quot;);

$(&quot;.comments-page&quot;).hide();

$(selectTab + &quot;-page&quot;).show();

}

</script>



4. Langkah terakhir cari kode <div class='post-footer-line post-footer-line-3'>, letakkan kode di bawah ini di bawahnya:

<!--FB COMMENT-->

 <div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='Comments made with Facebook'>

<img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/>

<fb:comments-count expr:href='data:post.url'/> Comments

</div>

<div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='Comments from Blogger'>

<img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/

<data:post.numComments/> Comments

</div><div class='clear'/>

</div>

<div class='comments-page' id='fb-comments-page'>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div id='fb-root'/>

<fb:comments expr:href='data:post.url' num_posts='5' width='500'/>

</b:if>

</div>

<div class='comments comments-page' id='blogger-comments-page'>

<!--FB COMMENT-->

5. Simpan template/Save template, tergantung bahasa yang anda gunakan.

Untuk melihat hasilya, buka salah satu artikel dan amati di samping komentar blogger. Jika langkah anda benar maka di sana akan tampak komentar Facebook dan Blogger berdampingan.

Selamat mencoba.