Formulir Kontak

Nama

Email *

Pesan *

Membuat Komentar Facebook Di Blogger

Aizzan Blog -- Di siang hari ini kita akan membuat komentar 3 in 1 di blogger dimana terdapat kolom komentar dari facebook, twitter, dan blogger sendiri. Walaupun widget ini sudah lama menyebar luas dan sudah banyak digunakan oleh para blogger untuk mempercantik tampilan pada kolom komentarnya. Bisa lihat preview gambar dibawah ini

Aizzan Blog:  Membuat Komentar Facebook Di Blogger
Aizzan Blog:  Membuat Komentar Facebook Di Blogger

Kita lanjut untuk cara memasang tab view komentar 3 in 1 ini maka sobat memerlukan aplikasi dari Facebook dan Twitter, untuk itu mari kita langsung ke tutorialnya dibawha ini :

Yang sobat perlukan untuk langkah pertama yaitu :
1.  Profile_ID (Pada Facebook) Ganti dengan Profile_ID facebook sobat.
2. APP_ID (Pada Facebook) Untuk membuatnya bisa disini
3. API_KEY (Pada Twitter) Untuk membutnya bisa disini

Langsung saja ke langkah kedua :
1. Log-in ke Blogger
2. Pergi ke template
3. Sebaiknya template diback-up dulu sebelum di edit
4. Kemudian cari kode <head>, lebih cepat tekan Ctrl+F
5. Masukkan kode dibawah ini tepat dibawah kode <head>

<meta content='Profile_ID' property='fb:admins'/> 


<meta content='APP_ID' property='fb:app_id'/>



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



<script src='http://jsblogstop.googlecode.com/svn/commentpages/jsCommentPages.js'/>



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



<script src='http://jsblogstop.googlecode.com/svn/jstweetbox/v1/jsTweetBox.js'/>



<script src='http://platform.twitter.com/anywhere.js?id=API_KEY&amp;v=1'/>


Keterangan : Ganti warna merah, Profile_ID, APP _ID dan API_KEY yang sudah sobat buat tadi

6. Cari kode <div class='comments' id='comments'>, lebih cepat tekan Ctrl+F
7. Letakkan kode dibawah ini tepat dibawah kode <div class='comments' id='comments'>.

<div class='comments-tab' id='blogger-comments' title='Comments from Blogger'>
<data:post.numComments/> Comments
</div>
<div class='comments-tab' id='twitter-comments' title='Comments with Twitter'>
<span class='js-page-tweet-count' expr:href='data:post.url'/> Tweets
</div>
<div class='js-default-tab comments-tab' id='fb-comments' title='Comments made on Facebook'>
<fb:comments-count expr:href='data:post.url'/> Komentar
</div>
<div class='clear'/>
</div>
<div class='comments-page' id='twitter-comments-page'>
<div id='js-tweet-box'/>
</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='10' width='500'/>
  </b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>

Keterangan :
  •     Sobat juga bisa mengganti tulisan yang berwarna merah, Comment, Tweets, dan Komentar
  •     Sobat juga bisa mengganti angka 10 dengan jumlah komentar facebook yang ingin ditampilkan
  •     Sobat juga bisa mengganti angka 500 dengan ukuran lebar kotak komentar blog sobat.

8. Simpan template sobat

Jika sobat ingin menghilangkan komentar tersebut dari Halaman Static, sobat tinggal memasukkan kode dibawah ini
<b:if cond='data:blog.pageType != "static_page"'>

Dan letakkan dibawah kode ini 


Scroll kebawah sampai ketemu kode ini
<div class='clear'/>
Dan letakkan kode  </b:if> tepat dibawah kode diatas. Itulah tutorial dari membuat komentar facebook di blogger dan semoga bermanfaat buat semuanya, jika ada pertanyaan atau saran silahkan tinggalkan komentar atau kirim lewat kotak formulir kontak disebalak kanan artikel
Previous
Next Post »
0 Komentar