Langsung ke konten utama

Cara membuat kotak komentar facebook di blog



Cara membuat kotak komentar facebook di blog, Cara Membuat Comment Box Facebook di Blogger,  di bawahnya. Membuat komentar dengan tampilan yang menarik, akan memancing pengunjung untuk berkomentar di blog Anda. Hal ini sudah tidak menjadi hal yang baru, dan telah banyak yang memakai dengan aplikasi plugin tambahan Facebook ini. Mengapa banyak orang yang ingin membuat kotak komentar facebook di blognya? Salah satu faktor utama adalah untuk meningkatkan traffik pengunjung bagi blog mereka.
Cara membuat kotak komentar facebook di blog.

Cara Membuat Aplikasi di Facebook :

    Login ke Facebook Anda.
    Silahkan klik link Pembuatan Aplikasi Facebook ini.
    Klik "Create New App"
    Masukkan Nama Aplikasi anda di "App Display Name" .
    Beri centang di I agree to the Facebook Platform Policies dan tekan "Continue".

Isikan pada kolom "Website", dan "App on Facebook (Canvas URL)" dengan alamat blog kamu. Lalu Simpan. Catat nomor Aplikasi ID Anda, seperti yang ditunjukkan di gambar Facebook tersebut. Sampai disini anda telah selesai membuat plugin aplikasi facebook. Sekarang lanjut ke tahap pembuatan komentar facebook di blog.

Cara Membuat Kotak Komentar Facebook di Blog :

1. Masuk akun blogger anda lalu pilih TEMPLATE, EDIT HTML
2. Klik pada bidang kotak yang berisi kode-kode template anda, letakkan pointer dimana saja.
3. Lalu cari kode ]]></b:skin> (Untuk memudahkan pencarian, gunakan CTRL + F
4. Letakan kode CSS di bawah tepat di atas kode ]]></b:skin> :

.comments-page { background-color: #00BFFF;}
#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;}

5. Setelah itu cari lagi kode </head> kemudian letakkan kembali 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='ID FB Anda' 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>


Ganti kata ID FB Anda dengan aplikasi facebook yang telah Anda buat tadi. Jika Anda tidak membuat aplikasi facebook, silahkan masukkan id facebook anda yang terlihat di browser. Contoh : http://facebook.com/pemakan.wortell/ masukkan pemakan.wortell saja. Atau biasanya kode App tersebut berupa angka.

6. Karena kita akan membuatnya berdampingan dengan komentar bawaan dari blogger. Maka kita perlu menambahkan beberapa script lagi. Silahkan cari kode <div class='comments' id='comments'>  .. Biasanya kode tersebut tidak hanya 1, kalau di dalam template anda terdapat lebih dari 1 kode tersebut.Cari kode yang paling terakhir, lalu letakan script dalam kotak di bawah ini tepat di bawah kode <div class='comments' id='comments'> :

<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'/>
    <div style='color:#fff; background-color:#3B5998;border: solid 1px #ddd; font-size:10px; padding:3px; width:588px;'>Facebook Comments by
<b><a href='http://impoint.blogspot.com/' style='text-decoration:underline; color:#fff;' target='_blank' title='Blogger Widgets'>Media Blogger</a></b>
</div>
    </b:if>
    </div>
    <div class='comments comments-page' id='blogger-comments-page'>

Lalu, Klik Simpan Template dan lihat hasilnya. Jika Kotak Komentar Facebook belum terlihat juga mungkin template tidak memiliki script kode yang support dengan facebook.

Maka, cari kode ini <html dan ganti dengan kode di bawah ini :
<html xmlns:fb='http://www.facebook.com/2008/fbml'
Simpan Template Anda.

Langkah langkah diatas telah saya tes dan berhasil. Semoga Cara Membuat Kotak Komentar Facebook di Blogger ini dapat bermanfaat untuk Anda. Semoga Bermanfaat.

Komentar

Posting Komentar

Postingan populer dari blog ini

Fungsi Tombol Pada Keyboard Komputer

FUNGSI TOMBOL PADA KEYBOARD
Ctrl + A : Select All Ctrl + B : Bold Ctrl + C : Copy Ctrl + D : Font Ctrl + E : Center Alignment Ctrl + F : Find Ctrl + G : Go To Ctrl + H : Replace Ctrl + I : Italic Ctrl + J : Justify Alignment Ctrl + K : Insert Hyperlink Ctrl + L : Left Alignment Ctrl + M : Incrase Indent Ctrl + N : New Ctrl + O : Open Ctrl + P : Print Ctrl + Q : Normal Style Ctrl + R : Right Alignment Ctrl + S : Save / Save As Ctrl + T : Hanging Indent Ctrl + U : Underline Ctrl + V : Paste Ctrl + W : Close Ctrl + X : Cut Ctrl + Y : Redo Ctrl + Z : Undo Ctrl + 1 : Single Spacing Ctrl + 2 : Double Spacing Ctrl + 5 : 1,5 lines Ctrl + Esc : Start Menu F1 : Menjalankan fungsi pertolongan yang disediakan pada Word F2 : Memindahkan teks atau objek yang dipilih F3 : Menjalankan perintah AutoText F4 : Mengulangi perintah sebelumnya F5 : Menjalankan perintah Find and Replace atau Goto F6 : Menjalankan Perintah Other Pane F7 : Memeriksaan kesalahan ketik dan ejaan teks F8 : Awal perintah penyoro…

RajaChanger COM Terpercaya Indonesia Jasa Jual Beli eCurrency dan Deposit Withdraw Balance Forex

RajaChanger indonesia terpercaya  jasa exchanger yang melayani penukaran jual beli topup saldo balance dollar akun Perfect Money PM BitCoin BTC FasaPay FP PayCo PC dan Deposit Withdraw Balance InstaForex FireWoodFX Murah Aman Cepat RajaChanger Terpercaya Indonesia melayani hingga 24jam. Tidak perlu ragu karena RajaChanger sudah sangat berpengalaman.

Untuk informasi lebih lanjut sialakan kujungi situs resminya di rajachanger.co.id anda bisa bertanya tanya dulu ke adminya atau langsung melakukan transaksi.

RajaChanger adalah Rajanya e-Currency Changer Indonesia Jasa Changer Tempat Melayani Jual Beli Tukar Saldo Balance Dollar Akun Perfect Money PM BitCoin BTC FasaPay FP PayCo PC dan Deposit Withdraw Balance InstaForex FireWoodFX Murah Aman Cepat Terpercaya di Indonesia tunggu apalagi silakan kunjungi situs resminya di rajachanger.co.id.

Iya buat anda yang kesilutan dalam menukar e-Currency RajaChanger Indonesia terpercaya jawabanya.  CV RajaChanger dot COM Central Park Center Yang bera…

Cara Agar Pengikut Di Facebook Banyak

Cara Agar Pengikut Di Facebook Banyak Cara memperbanyak pelanggan facebook atau yang biasa disebut Auto subcribe adalah cara dimana facebook kita jadi banyak yang berlangganan. Maksud dari berlangganan itu sendiri yaitu tanpa kita berteman dengan orang tersebut, orang yang berlangganan bisa melihat status kita bahkan juga bisa like dan komentar.
Kalo secara normal pasti sulit banget wat dapetin banyak pengikut setelah temen temen ikuti cara di bawah ini jangan kaget yak kalo pengikut facebooknya jadi ribuan.
Pada dasarnya di Addmefast kita bukan hanya bisa memperbayak Followers/Pengikut Facebook kita juga bisa memperbanyak>
Followers TwitterRetweets TwitterLike Fanspage FacebookLike Status FacebookShare Status FacebookPage View Web/BlogView Youtube Dan masih banyak lagi.

Tinggal pada waktu di langkah Add My Site Pilih saja yang mana. Tentu saja kita  juga harus punya point yang cukup untuk melakukan pertukaran.
Lalu bagaimana caranya biar pengikut facebook Anda banyak ? Caranya tidak…