Cara Membuat Komentar Facebook Dan Blog Berdampingan


Assalamualaikum sobat semua,ngomong-ngomong soal kotak komentar pada blog memang tidak ada habisnya dalam memodifikasi kolom tersebut,apalagi kita bisa merubah-rubah nya sendiri,pasti lebih asyik lagi,tapi sayangnya saya juga belum terlalu pintar memodif sebuah blog,so..saya juga masih belajar.

Cara Membuat Komentar Facebook Dan Blog Berdampingan
Memang sudah banyak yang membuat tutorial seperti ini,tapi apa salahnya saya men share kembali,ya memang di karenakan saya sendiri baru mengalaminya,jadi baru bisa share artikel ini,berbeda dengan sobat blogger yang lain yang sudah lebih dulu ngeblog/berada di dunia blogging.So..itu tidak masalah buat saya.

Oke mungkin cukup pembukaan dari saya,daripada bicara panjang lebar dan bertele-tele,mending kita langsung saja ke tutorialnya.Untuk cara membuat komentar facebook dan blog berdampingan sobat bisa ikuti caranya sebagai berikut;

  • Pertama login ke akun blog milik sobat
  • Kemudian masuk ke bagian template >> edit template >> centang expand widget template.
  • Untuk jaga-jaga jika terjadi kesalahan,sobat backup dulu template sobat,biar aman
  • Berikutnya sobat cari kode ]]></b:skin> dengan menggunakan ctrl+f pada keyboard
  • Jika sudah ketemu,letakan kode di bawah ini di atas kode ]]></b:skin>

 .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;}


Note; Silahkan Hapus kode yang berwarna Merah jika ingin membuat kotak Komentar Facebook menjadi Transparan.

  • Langkah selanjutnya cari kode  </head>
  • Kemudian letakan 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 FP Anda disini' 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>
Note; Silahkan Ganti Kode berwarna Merah dengan ID FP(Fans Page) Sobat..jika belum punya ID nya,silahkan baca cara membuat ID aplikasi facebook untuk blog.

Eeeiitss,,jangan di simpan dulu,masih ada langkah selanjutnya,yaitu;


  • Silahkan cari kode <div class='comments' id='comments'>
  • Umumnya kode  <div class='comments' id='comments'> ada 2, jadi masukan kode di bawah ini tepat di Bawah  kedua kode tersebut.
 <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='10' width='400'/>
    </b:if>
    </div>
    <div class='comments comments-page' id='blogger-comments-page'>
Silahkan anda Hapus kode berwarna merah tersebut jika kode di bawah sama, jika tidak y tidak usah. Untuk yang nomor10 adalah Jumlah komentar yang akan muncul. Untuk nomor 400 adalah Lebar kotak Komentar, Silahkan di ganti sendiri..

  • Berikutnya lihat pratinjaunya terlebih dahulu,jika sudah berhasil dan tidak ada kerusakan,
  • Save dan semoga berhasil 


Selamat mencoba..
SEMOGA BERMANFAAT...
Terima Kasih Atas Kunjungan Anda
Judul: Cara Membuat Komentar Facebook Dan Blog Berdampingan
Ditulis Oleh Hary Muhlia
DILARANG KERAS Copy Paste 100% artikel ini!!! Artikel ini dilindungi dengan setifikat DMCA.com Protection Status Protected, silahkan edit minimal 60% adalah hasil narasi anda sendiri dan jangan lupa sertakan link yang menuju ke artikel Cara Membuat Komentar Facebook Dan Blog Berdampingan ini sebagai sumbernya. Sesama blogger mari saling menghargai. Terima kasih atas perhatiannya

Bagikan ke

Iklan Anda
Berkomentar dengan
atau
silahkan tentukan pilihan sobat!

59 komentar:

  1. maksudnya dari "ID FP" apa ya? mohon bantuannya

    BalasHapus
  2. facebook identitas yang bisa di gunakan untuk blog sobat,,silahkan baca cara membuatnya..
    http://harysukasuka.blogspot.com/2013/02/cara-membuat-id-aplikasi-facebook-untuk.html

    BalasHapus
    Balasan
    1. Bukan id Fanspage ya om?

      Hapus
    2. Terima kasih, gan. Berhasil ^_^ Saya sempat copot ini dari blog dulu karena ngga puas dengan tampilannya ( warna komen fb tidak terbaca, ngga ngerti di mana rubahnya hehe )Tapi yang ini bisa dibaca, cuma masih agak kabur. Bisa dibantu gan ? Saya pengen rubah ke putih. Trims sebelumnya ya

      Hapus
  3. Woww ini yang saya cari cari dan Hasilnya sukses

    BalasHapus
    Balasan
    1. oke sobat,,
      senang rasanya jika bisa membantu..
      makasih knjungannya.. :)

      Hapus
  4. Tutorialnya sukses mas..... :)

    http://my-indonesia-javanese.blogspot.com/

    BalasHapus
    Balasan
    1. senang rasanya jika ad yg terbantu,,
      makasih knjungannya kawan..

      Hapus
    2. untuk meyusun bersebelahan gimana yac gan, punya ane atas bawah , terus icon gambar'a besarnya tidak bisa sama ...thks' sebelumnya

      Hapus
  5. SAYA COBA YA SOB BERHUBUNG SAYA BARU GANTI TEMPLATE JADI SEMUA NYA BERANTAKAN .HARUS DI TATA ULANG.MAAF KEYBOARD SAYA ERROR JADI HURUP KAPITAL SEMUA HE HE...

    BalasHapus
  6. mas klo untuk web yang saya punya kok gak bisa ya?
    thx

    BalasHapus
    Balasan
    1. mungkin sobat pasang <div class='comments' id='comments'> yg pertama,,coba cari lagi dengan menggunakan ctrl+f terus klik sorot semua..biar kelihatan seluruh kode yg kita cari..

      Hapus
  7. Balasan
    1. syukurlah,,sama2 dh mau brknjung

      Hapus
  8. wih, keren nih tutorialnya
    bermanfaat bagi saya

    BalasHapus
  9. mksh gan info'x sangat bermanfaat sekali...
    sukses terus buat blognya. . .

    BalasHapus
  10. Sukses dipasang tp pas di coba comment pk FB tmn ga da notifikasi ke FB nya ane ya. Pdhl udh pk moderator di Comment Moderation Tool nya.. Knp ya????

    BalasHapus
    Balasan
    1. udah pake cara ini sob?
      http://harysukasuka.blogspot.com/2013/03/cara-membuat-notifikasi-pemberitahuan.html

      soalnya sy juga kdg dpt notif,,kadang gk

      Hapus
  11. Alhamdulillah sy berhasil :D
    http://mardhiyanimira.blogspot.com

    makasih pak

    BalasHapus
    Balasan
    1. wkwkwk,,masa bapak?..
      oke,,semoga bermanfaat..

      Hapus
  12. gan mau tanya nich tentang template ::: kalau saya mau ganti template terus ada tulisan ini kenapa yah ""bX-bua5ar"" makasih jawaban ya email ke willy.ginanjar@gmail.com ,,,

    BalasHapus
    Balasan
    1. wah,,,sy belum tau nih sob,,,ok nnti kalau ketemu sy informasikan,,

      Hapus
  13. saya akan coba di blog saya matur nuhun kang

    BalasHapus
  14. Terima kasih mas tutornya' alhamdulillah akhirnya berhasil juga menyandingkan komentar facebook dengan Blog'

    Nuwun mas : http://sebagininfo.blogspot.com/2013/05/internet-download-manager-615-full-patch.html :

    BalasHapus
  15. terima kasih gan infonya,gimana Menurut Agan Tentang Blog Saya, di tunggu kunjungannya

    http://Hacker-Siantar.blogspot.com

    jangan lupa follow blog saya ya gan

    BalasHapus
  16. kunjungan malam gan, follow back yaa... http://www.idwebcostumer.com/

    BalasHapus
  17. ga bisa gan, mohon pencerahannya untuk http://kyubhil.blogspot.com/

    BalasHapus
    Balasan
    1. Muncul gan, tapi kok ga bersebelahan ya?
      malah ada dibawah post langsung

      Hapus
  18. salam kenal dari saya Arifin saputra saya pemilik blog gema sholawat santri mau tanya gan kita sama2 pake template produk creating website yang saya mau tanyakan apakah tutorial ini bisa di pake di template saya silahkan berkunjung di blog saya karna saya pernah coba tapi slider atau crosel di bagian atas tidak berfungsi alias tidak jalan

    BalasHapus
  19. makasiiiih bngt yaaa :)
    aq berhasil :)

    BalasHapus
  20. gan, nanti jika ada yang berkomentar lewat fb, pemberitahuannya dimana gan?

    BalasHapus
    Balasan
    1. silahkan ikuti caranya dsisini http://harysukasuka.blogspot.com/2013/03/cara-membuat-notifikasi-pemberitahuan.html

      Hapus
  21. Makasih bos dah tak coba berhasil di blog ku ini http://supportdbcnetwork.blogspot.com/

    BalasHapus
  22. Terimakasih mas tah atas informasi dan tutorialnya.

    BalasHapus
  23. jujur sebenarnya saya lebih suka memasang FB comment karena jauh lebih memudahkan pengunjung untuk berkomentar

    BalasHapus
  24. Cara yang ampuh untuk menghancurkan wasir peyakit ambeien tanpa operasi, pendek dan pengobatan yang kuat

    BalasHapus
  25. mantap dah artikelnya kawan saya suka artikelnya

    BalasHapus
  26. Terima kasih artikelnya... saya sdh coba di blog sy http://goo.gl/8uLkrU

    BalasHapus
  27. Sdh aku pasang di blog aku dan langsung berhasil, silahkan di cek dan jgn lupa komentarnya ya teman-teman, klik disini > http://fifisurabaya.blogspot.com/2014/12/3-cara-mengembalikan-kesuburan-rambut.html

    BalasHapus
  28. kok susah ya,, saya kok gagal ,,: (

    BalasHapus
  29. lama sekali g main ke blog mas Hari Muhlia,

    BalasHapus
  30. makasih buat penjelasan nya gan.

    BalasHapus
  31. Ingat..,!! Kesempatan tidak akan datang untuk ke-2 kali!!!
    Kami Hadir Utk Menjawab Kebutuhan Anda.Terhadap Produk Elektronik.Transaksi Aman DanTerpercaya.Kami Menawarkan Berbagai Jenis Type HP,LAPTOP dan CAMERA.DLL, Dgn Harga TERJANGKAU/ SUPER PROMO DI GUNUNG MAS PONSEL TEMPAT BELANJA ONLINE AMAN DAN TERPERCAYA. 100% BEBAS PENIPUAN
    MINAT PIN BB: 7C22D79F HUB/SMS:0851-4515-5828 klik web resmi kami di http://gunungmas-phone.blogspot.com/
    Ready Stock! Samsung Galaxy A8 Rp.2.900.000
    Ready Stock! oppo R5 Rp.3.000.000
    Ready Stock! Apple iPhone 5 32GB Rp.2.500.000
    Ready Stock! Apple iPhone 5S 32GB Rp.3.000.000
    Ready Stock! Samsung Galaxy A3 A300H Rp.1.500.000
    Ready Stock! Samsung Galaxy A5 A500F Rp.2.000.000
    Ready Stock! Samsung Galaxy E5 E500H Rp.1.500.000
    Ready Stock! Samsung Galaxy Grand Prime SM-530H Rp.800.000.
    Ready Stock! Asus Zenfone 2 ZE551ML RAM 4GB Rp.2.000.000
    Ready Stock! Samsung Galaxy S3 I9300 .Rp.1.500.000.
    Ready Stock! Samsung Galaxy S6 32GB Rp.3.300.000
    Ready Stock! Samsung Galaxy Note N7100.Rp.2.000.000.
    Ready Stock! Samsung Galaxy Note 5 Rp.4.000.000
    Ready Stock! Samsung Galaxy Note 4 SM-N910H Rp.3.500.000
    Ready Stock! Samsung Galaxy Note 3 Rp.2.000.000
    Ready Stock ! Samsung Galaxy S5 Rp.2.000.000,
    Ready Stock ! Samsung Galaxy S4 l9500 Rp.1.500.000

    BalasHapus
  32. thank's
    http://www.caraseobali.com

    BalasHapus
  33. thanks,,
    bagi yg ribet buat app id facebook ada cara cepatnya
    http://www.panduanbuatblog.com/2015/06/cara-pasang-kotak-komentar-facebook-di.html
    just share

    BalasHapus
  34. thanks,,
    bagi yg ribet buat app id facebook ada cara cepatnya
    http://www.panduanbuatblog.com/2015/06/cara-pasang-kotak-komentar-facebook-di.html
    just share

    BalasHapus
  35. Ternyata caranya tidak terlalu sulit.

    BalasHapus
  36. Ingin beruntung seperti temen-temen kamu?

    Langsung saja kamu mendaftar di AsliBandar dan rasakan permainan yang akan membuat hidupmu berwarna.

    Dengan Deposit yang terjangkau kamu berkesempatan menangkan Jackpot setiap harinya.

    Ingin beruntung seperti temen-temen kamu?

    Langsung saja kamu mendaftar di www.AsliBandar.net dan rasakan permainan yang akan membuat hidupmu berwarna.

    Dengan Deposit yang terjangkau kamu berkesempatan menangkan Jackpot setiap harinya.

    Untuk Info lebih lanjut silahkan menghubungi kami melalui :

    Pin BB : 2B3C34F4
    YM : Aslibandar_CS
    Skype : AsliBandar
    Telp : +855882388666
    FB : AsliBandar

    BalasHapus

1.Jangan lupa koment yah kawan,untuk mempererat silaturahim.
2.Komentar Tanpa Moderasi. Yang mau pasang Link,gunakan NAME/URL atau Open ID.
3.Silahkan kawan becanda,asal dengan etika.
4.Terimakasih kunjungan dan komentarnya kawan,Mohon maaf jika belum bisa berkunjung balik
5.Tetap tersenyum meskipun sedih.

© 2013 Harysukasuka - All Rights Reserved | Disclaimer | Privacy Policy
Template by IdleCreative
Back to Top