ASALAMUALAIKUM WARAHMATULLAHIWABARAKATUH.
 |
| Gambar 1.1 |
Selamat pagi semua, semoga sehat semua ya,
pagi ini aku mau bagi-bagi pengalaman lagi, udah berapa hari cari-cari tentang cara bikin komentar facebook di blog, setelah berusaha keras keliling dunia cari info tapi tetap make search egine kesangan Mbah GOOGLE akhirnya ketemu uga di sini http://nishfulqolby.blogspot.com/2014/03/cara-membuat-kotak-komentar-melalui.html
dan setelah ane paraktekin tenyata berhasi, Wah rasanya senang, walua hal kecil kayak gitu, karena kata pepatah HAL YANG BESAR BERAWAL DARI YANG KECIL, mantap,
Ok dari pada panjang lebar kita langsung aja ke TKP.
Yang pertama siapkan dulu
ID app fb ( facebook)
ID key (tweeter)
bagi yang belum punya id app fb bikin disini.
https://developers.facebook.com
kemuadian pilih register now / regetrasi sekarang
seperti screenshot ini.
 |
| Gambar 1.2 |
Tapi jika kalian sudah terdaftar langsung saja klik create new app/ buat app baru
selanjutnya pilih geser tanda I kebelah kanan dan klik selanjutnya
 |
| Gambar 1.3 |
Kemudian masukan no hp lalu klik send as text jika nanti kode verifikasi akan di kirim melalui pesan singkat /sms ke no hp kita oleh karna itu no hp harus benar.
Jika sudah mendpat pesan kemudian lihat kodenya dan masukan kekotak verivikasi
seperti ini
 |
| Gambar 1.4 |
kemudian klik mendaftar.
dan untuk mendapapat idnya seperti ini
kembali ketahap awal tadi lalu pilih create new app.
 |
| Gambar 1.5 |
kemudian isi diplay name dengan nama blog anda Namespace di kosongkan dan pilih kategori seperti ini.
 |
| Gambar 1.6 |
selanjutnya masukan kode cpacha nya, lalu kirim
 |
| Gambar 1.7 |
dan kode id sudah bisa kita lihat disini.
 |
| Gambar 1.8 |
jika selesai kita lanjut ke proses selanjutnya.
1.masuk ke akun blogger kemudian pilih temple dan pilih edit HTML
2. cari kode <head> dengan cara klik bersamaan CTRL+F masukan kodenya
3.letakkan kode berikut tepat di bawah kode head tadi.
<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&v=1'/>
4 . ganti profil id anda dengan id atau username facebook anda
5. ganti app id dengan kode id app yang anda buat tadi
6.cari kode ini <div class='comments' id='comments'> atau ini
class='comments'
msukan kode ini,
<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 == "item"'>
<div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='15'
width='620'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>
kode yang berwana merah (commen, tweet, dan komentar,) bisa anda ganti sesuai minat anda.
sedangkan kode angka juga bisa anda ganti sesi dengan keinginan anda asal sesuai saja.
selesaikan mudah
Tambahan ilmu :
Untuk menghilangkan ikon kotak
komentar dari halaman statis, lakukan langkah-langkah berikut (setelah kita
berhasil memasang kotak komentar facebook dan twitter di blogger):
- Masuk ke dasbor > rancangan > edit HTML > ceklis 'expand template widget'
- Dengan menggunakan Ctrl+F, cari kode class='comments'
- Tepat di bawahnya, masukkan kode <b:if cond='data:blog.pageType != "static_page"'>
- Di bawah kode yang kita tambahkan tadi, akan kita temukan kode-kode tab kotak komentar yang sudah kita masukkan sebelumnya.
- Scroll ke bawah lagi dan temukan kode <div class='clear'/>
- Tepat di atas kode tersebut, masukkan kode </b:if>
- Simpan template.
Post a Comment
1. Silahkan komentar dengan sopan.
2. Jangan spam.
3. Boleh komentar menyertakan link tapi tidak aktif.