Tetapi jika kita menambahkan komentar Facebook dan etap mempertahankan Kotak komentar Default blog tentu akan membuat blog keliatan tidak dinamis karena terlalu memanjang ke bawah, nah oleh sebab itu saya akan memberikan Cara Membuat Komentar Facebook Berdampingan dengan Komentar Blog.
Berikut adalah Screenshot nya
Bagaimana ingin mencoba Komentar berdampingan tersebut.
1. Login ke Blog
2. Rancangan - Edit HTML
3. Untuk menghindari keselahan, Backup template anda terlebih dahulu dengan Download lengkap
4. Centang "Expand Template Widget"
5. Cari Kode <div class='comments' id='comments'>
Biasanya akan terdapat 2 kode tersebut di template anda
Copy kode di bawah ini tepat di bawah kode <div class='comments' id='comments'> yang ke 2
<div class='comments-tab' id='fb-comments'
onclick='javascript:commentToggle("#fb-comments");'
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("#blogger-comments");'
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 == "item"'>
<div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='2' width='400'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>
2 : Jumlah Komentar Facebook yang akan di tampilkan
400 : Lebar Komentar Facebook
6. Lalu Cari kode </head>
Copy Kode dibawah ini tepat diatas 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 Facebook' property='fb:admins'/>
<script type='text/javascript'>
function commentToggle(selectTab) {
$(".comments-tab").addClass("inactive-select-tab");
$(selectTab).removeClass("inactive-select-tab");
$(".comments-page").hide();
$(selectTab + "-page").show();
}
</script>
ID Facebook : Ganti dengan ID Facebook anda yang terletak di bagian belakang browser URL Profil Facebook anda, Misalkan http://www.facebook.com/Blogdhika ID Facebooknya adalah Blogdhika
7. Cari kode /* Comment atau #comments
Setiap Template mempunyai struktur kode yang berbeda-beda, jadi cari saja kode yang mirip dengan kode diatas
Copy kode berikut di bawah kode diatas tadi
.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;}
#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;}
8. Simpan
Selesai, sekarang anda sudah mempunyai Komentar Facebook Berdampingan dengan Komentar Blog
95 komentar:
Nice info gan :D
visit back ya :D heheheee
ok dah kang Fahmi
Saya masih kecil mas... hahahaha
jangan Di panggil kan ya, tua banget rasanya, kwkwkwkw...
Panggil aja fahmi/pahmi...
salam kenal ya Om/Bang/Pak/Gan.
HAHAHA, biar lebih sopan aja ...
oya kenapa comment pakai ID Google, bukan Link Blog akang
saya sudah coba.. tapi ada peringatan "warning url posting tidak ditemukan".. contoh diposting ini gan
http://sanieburonan.blogspot.com/2012/02/logo-akbid-siti-fatimah-slawi-format.html
gimana gan cara betulinya.??
email pliss : sanieride@gmail.com
makasih banyak gan infonya ! http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gifhttp://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif
Nice Info Mas Broww....
@Mr. San San : Mungkin salah meletakan kodenya, karena setiap template pasti memiliki struktur kode yg berbeda2
@Amandio Vieira : Ok sama2
kok saya coba kagak bisa yua tolong bantuannya....
saya ga bisa nemuin kode /* Comment atau #comments
@Eka Saputra : Setelah saya cek template akang silahkan pasang kode diatas tepat di bawah kode
#comments h4 {
color: #666666;
font-size: 14px;
font-weight: bold;
letter-spacing: 0;
line-height: 1.4em;
margin: 1em 0;
}
Silahkan di coba
text-transform: none;
q sudh coba tpi gx ada tu hsinya
Bisa kok, saya sudah menerpaknannya di blog saya satu lagi
Mantap, berfungsi untuk blog saya, tpi untuk ID Facebooknya, saya khan posting di fun page
Itu ngambil yang mana yach
URL Pribadiku, atau URL Fun Page
Sedangkan belakang URL fun page ada angka yang mengikuti seperti ini http://www.facebook.com/pages/Blogger-Bodoh/232728603431098
sy pke kok malah gambar diatas blog saya,, slidenya malah ngga berfungsi ya,,, itu knp yak???
dah sy hapus lagi,, "comment yg berdampingan" nya...
rada-rada bingung gw,,,
kok hasil nya biasa biasa aja ya gan ? ga ngaruh sedikit pun :-/
Kok g bs sich???ttp aja kotak komen biasa ~x(
oke gan, thanks banget tutorialnya gan..
Jadi rajin comment deh kalau gini..
tutorial mantapz............. :)]
mantap gan
tpi munculnya kok dua commnet fb nya
kagak muncul apa apa gan.. kagak ngaruh...:((
kalau mau buat berbeda disetiap postingan gimana gan?
Nice post... Tx
Mampir jg ya
sudah lakuin step by step knp gk ada perubahan ya :-t
Nice info sob! Download Software n games Full Crack di http://shadow-rpl.blogspot.com
aku bisa tapi klo udah pernah nulis komentar bloggernya, komentar facebooknya gak mau muncul?
makasih gan....anne berhasil keren bag sumpah
makasih banyak infonya mas..
visit balik yah :D
wow baru kali ini berhasil hehe
thanks bgt bwat info nya #NICE posting :D
mampir yaak hehe
http://irwantzsite.blogspot.com/
jangan lupa folw blog saia :)
Ahh,sial banget nich gan.gak mau masuk.
Bisa kang mantabb !! THx INFO NYA
follow back
http://vinafreedownload.blogspot.com/
untuk mengatur lebar bgnya
kaga bisa gan.... :((
udah bisa, tks,,
http://serufo-uny.blogspot.com/2012/04/liputan.html
selanjutnya buat bikin widget recent comment yang dari kotak komentar fb yang da di smua postingan gimane tu gan??
kal yg dari fb kan ada tuh tinggal add widget recent comments aja.
bisa gk ya,,,
mantap Gan :D
mampir yah tempat saya di www.fadhilpb.blogspot.com
DA
Makasih ilmunya sangat bermanfaat, semoga selalu mendapat kebaikan ya :)
gan kalo nyari tau ada nggak komentar fb di blog gimana?
jawab yaa
@bif admin.
Kayaknya musti manual deh, ya di cek satu persatu..
@mas dika, uda di terpain mas, hasilnya bisa di lihat di blog baru saya http://cimotivator.blogspot.com/2012/05/pelajaran-yang-tidak-bisa-di-ajarkan.html
gak ada code yang kaya gini
div class='comments' id='comments'>
jadi w bingung mao mulai gimana..
blogger beda sekarang
thank you gan.. :D
mantap infonya,thanks...
Kerne gan :D thanks banget. Mamapir ya --> http://ramadhansk.blogspot.cm/
nice gan..mantp..tq
Gan itukan komentar Facebooknya desebelah kiri, cara pindahin komentar fb ke sebelah kanan tapi tetap berdampingan dgn koment blog gimana cara'na? itu berdampak pada loading blognya.
http://ichizoku-uchiha.blogspot.com/
bagaimana cara pindahin nya ke sebelah kanan??
info nya bagus gan,,,
lanjut..
bung tu ID FBnya pkek www.facebook.com/id facebook gx?
Mo nanya gan, kira-kira efektif mana ya pasang koment facebook double ma koment blog apa satu saja kayak punya agan ini? Thanks... kunjung balik gan ke tutorsmart ya
berhasil tapi klau sudah pernah ada koment blog , koment fbnya gak kelihatan
sepp gan.. berhasil... ni blog khusus testing template saya incomee.blogspot.com.
masukan saya: salah satu kode diatas di pasang di bawah "" yang ke 1 itu baru berhasil.
btw. gimana memindahkan komentar facebook nya ke kanan??
terima kasih..
di postingan yang dah ada koment nya ga muncul pilihan kedua kotak koment nya gan..
sama di halaman utama tombol readmore nya jadi ilang.
wah berhasil ane gan, tengkyu inpoh nya :D
gan, ane mau nanya nih. kalo mau ganti warna font nya gimana ya ?? :D soalnya blog ane template nya warna item :D jadi gak keliatan tuh si komeng pesbuk nya . :)
kogh gagh berhasil gan. gag terjadi perbedaan apapun
berhasil mabro.. tq ye.. jadi nambah manteb ni blog ane ;;)
wah asik nick dapet info baru lagi,
follow this my blog donk
Nice info sob, makasi dah mau berbagi
Yang gak bisa atau gak ngefek.. coba perhatikan langkah NO.5
Pada kode : <div class='comments' id='comments'>
Di atas dijelaskan menaruh kodenya di <div class='comments' id='comments'> yang Kedua (2), Tapi bagi yang gak bisa coba taruh kodenya dibawah <div class='comments' id='comments'> yang pertama (1).
Semoga membantu.
Thanks kang,... Sekarang sudah sudah pasang di salah satu blog sya, hasilnya Nyammi.
Ini Yang Saya Cari Thx Kawan
sukses sob.. thx! tapi kok muncul like box FB di pojok knan atas yh? liat disni http://shadow-rpl.blogspot.com/
mksih sob invonya..
kpn2 mmpir'y sob heheh.
lam knal Master
100% work di blog ane... makasih tutorialnya gan...
blh liat ni girayblog.blogspot.com
gak terjadi perubahan sama sekali kang dhika.sadahal langkah langkah saya udah sama percis dan gak ada hambatan.
gak terjadi perubahan sama sekali kang dhika.sadahal langkah langkah saya udah sama percis dan gak ada hambatan.
@ALL : ada yg berhasil, dan ada yang gagal dalam memasang script diatas ...
Hal tersebut didasari karena setiap template tidak semuanya memiliki struktur kode yg sama ....
Jadi saran saya, jangan menyerah untuk mencoba !!!
nice gan :D ane gagal -_-
mantap mas browww,,, thankz
Nice post, lebih irit tempat karena tidak ditampilkan, namun bagi user facebook, klo gak tau/teliti bisa terlewat
Saya belum bisa, soalnya template saya beda banget kode2 nya ~x(
Bloger tolol.....
katanya Copy kode ini itu tapi malah G bisa diCopy.. bloger tolol... tai lo
gan, tolongin ane dongk, ane pngen masang di tmplte dinamis, tapi selalu ga bis gan. ne tau ni bukan untuk dinmic, tapi tolon donk gan,..,
@roydo ari pratama : Peringatan errornya apa gan?
Mantap Cay, sukses 100% :D :))
Nih buat yang ingin setiap komentar facebook ada pemberitahuan dan ada apakah komentar tersebut mau ditampilkan atau tidak. sama seperti komentar blogger.
Langsung saja ke halaman ini, http://softwareku4u.blogspot.com/2013/01/membuat-komentar-facebook-ada-pemberitahuan-masuk.html
siiiip gan infonya......
untuk kolom komentar facebooknya kok gk muncul gan?
please cek dimari http://ibussinessonline.blogspot.com
#suwun :)
You made some good points .I did a little research on the topic and found that most people agree with your blog. Thanks.airport pickup w2 | heathrow to w2 | minicab in w2
gue gak nemu kode nya......
soalnya skrn gak ada kata expand
gimana nih...????
nice info thanks
kunbal www.gallerysold.blogspot.com
bagaimana kalau pakai fan page??? id nya mana??
kalo buat template responsive bisa gak gan
nyobain dulu ya kk
ini nggak jalan di web saya,, haduuuh kayanya mesti ganti template lagi nih...
oke sipp
thank's gan atas ilmunya,q mau terapin dulu di blogku
ko punya saya gk berdampingan yah? :o
MENABUNGLAH SEJAK DINI.....
Sangat disarankan untuk masa depan anda.....
tapi gimana kalau penghasilan pas pasan sehingga hanya sedikit uang yang bisa ditabung namun ingin memiliki tabungan dalam jumlah yang besar.......??????
INI SOLUSINYA....!!!!!!!!!!!!!!!
http://indoboclub.com/?ref=nandian
Cukup dengan modal awal 100 ribu untuk upgrade pertama kali dan uang anda anda berkembang di jaringan IBC....
CARANYA:
# buka link >> http://indoboclub.com/?ref=nandian
# klik REGISTER NOW, pastikan upline a.n >> nandian>>
# isi data ACCOUNT INFORMATION dan PERSONAL INFORMATION
# klik JOIN NOW
# SELAMAT....!!!!!! anda telah bergabung dengan IBC
* lakukan upgrade paket iklan untuk buat status akun menjadi ACTIVE
* Iklankan URL anda melalui Facebook, Twitter, Email, dll untuk mencari downline dan dapatkan bonus referral hingga 10 level......
Plan INVESTASI,
Profit 2% /hari (senin-jumat, selama 100 hari)
- Investasi Tanpa Auto Compound selama 100 hari
◕ $10.00 = $20.00
◕ $20.00 = $40.00
◕ $30.00 = $60.00
dst... sampai dengan...
◕ $5000.00 = $10165.00
- Investasi Menggunakan Auto Compound (AC) selama 100 hari*
◕ $10.00 di AC akan jadi $62.45
◕ $20.00 di AC akan jadi $124.89
◕ $30.00 di AC akan jadi $187.34
dst... sampai dengan...
◕ $5000.00 di AC akan jadi $32579.13
★ Suport Bank : PM (Perfect Money), Bank MANDIRI, BNI, BCA, BRI, & Bank Daerah lainnya
★ Uang yang kita investasikan akan dipakai untuk Bisnis FOREX, ADVERTISING, DLL.
semoga berhasil
maksh ya mas , ..jossss.. bisa mas dipasang, tetapi dilaka artikel belum ada yangkoment di kotak koment blog kok kontak coment fbyna ga keliahta ya ????? apaklah nda bisa diperlihatkan semua walau belum ada yang komentar ????? coba mas cek blog sya...biar bisa dibandingkan ....http://prudentialyogyakarta1.blogspot.com
maksih ya mas.... saya tunggu jawabnanya....
nice info gan
http://hamahara.blogspot.com/
bercanda itu sehat
7 alasan mengapa tertawa itu sehat
10 makanan menyehatkan
caranya salah kalee :P
Posting Komentar