• Contact
  • Privacy Policy
  • Sitemap

Tips dan Trik Komputer

  • DROPDOWN MENU
  • Home
  • About
  • Contact
  • Privacy Policy
  • Sitemap
Home » Kumpulan Trik Facebook Terbaru » Cara Membuat Kotak Komentar Facebook Di Blogspot

Cara Membuat Kotak Komentar Facebook Di Blogspot

Label: Kumpulan Trik Facebook Terbaru

cara membuat kotak komentar facebook ini cukup mudah dan 100% berhasil. Agar blog Anda lebih terkonektivitas dengan facebook, langkah pertama adalah dengan membuat aplikasi di facebook terlebih dahulu. Tetapi, bagi Anda yang hanya ingin mengarahkan kotak komentar sebagai Anda yang menjadi adminnya tidak perlu membuat aplikasi facebook ini.

Cara Membuat Aplikasi di Facebook :


membuat aplikasi facebook
  • Login ke Facebook Anda.
  • Silahkan klik link Buat Aplikasi Facebook ini.
  • Klik "Create New App"
  • Masukkan Nama Aplikasi anda di "App Display Name" , seperti gambar diatas.
  • Beri centang di I agree to the Facebook Platform Policies dan tekan "Continue".
  • Masukkan kode yang tertera, apabila kode benar maka akan muncul tampilan berikut ini
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/pengembarah1/ masukkan pengembarah1 saja.

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://pengembarahitam.jw.lt' style='text-decoration:underline; color:#fff;' target='_blank' title='Blogger Widgets'>Facebook Widget</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.

Jika Masih Bingung Silahkan Beri Komentar :

0 Response to "Cara Membuat Kotak Komentar Facebook Di Blogspot"

← Newer Post Older Post → Home
Subscribe to: Post Comments (Atom)

POPULAR POSTS

  • Cara VIP Gratis Smule Di Android & Iphone Tanpa Root
    hayy sobat jumpa lagi dengan saya pengembara hitam kali ini saya akan berbagi tips dan trik mengenai Aplikasi android yg sedang laris di tah...
  • 7 Aplikasi Cara Merubah Tampilan Keyboard Android Agar Terlihat Keren
    Menggunakan tampilan keyboard standart Hp itu sendiri terkadang terlihat membosankan dan terkesan jadul Apalagi buat kamu yang gemar dengan ...
  • Cara Rahasia menang bermain Catur 100% berhasil
    Apakah kamu Sering kalah bermain catur dan ingin menang bermain catur ? tenang, pada kesempatan kali ini saya akan berbagi Cara agar Selalu ...
  • Download GTA SA Android MOD GTA V lengkap dengan cara install
    Halo pemirsa Dukuntrik.. Kali ini admin akan share sebuah Mod Pack bernama Project V untuk GTA San Andreas di Android, Mod ini akan merubah...
  • Cara Mudah Dapat Banyak Followers Dan Like Di Instagram ( 100% Gratis & No Spam )
    Setelah Sebelumnya Saya Pernah Share Cara Menggunakan BBM, Line, Whatsapp, Wechat, Intagram Untuk PC / Laptop Kali ini Saya Akan Share Bagai...
  • Cara Membuat Anak Pandai Cerdas Dan Pintar
    Bila Membahas Soal Membuat Anak Mungkin Tak Perlu Di Jelaskan Lagi Bagaimana Cara Membuat Anak Dan Praktek nya Semua Orang Dewasa Tentu Suda...
  • Cara Cepat Banyak Followers Di Smule
    Smule Adalah Sebuah Aplikasi Karaoke Online Untuk Android Dan iphone Yang Paling Banyak Di Gemari DiBandingkan Dengan Aplikasi Karaoke Onlin...
  • Cara Mudah Hack Email Yahoo Tanpa Software 100% Terbukti
    Sebelum Kita Memulai Ke Tutorial Trik Hack Email Yahoo ini Alangkah Baik nya Bila Kita Tau Lebih Dulu Apa Keuntungan Hack Email Tersebut Keu...
  • Cara Hack Akun Facebook Tanpa Software Terbaru
    Setelah Sebelumnya Saya Berbagi Trik Tentang Cara Agar Akun Facebook Tidak Bisa Di Hack Sekarang Pada Kesempatan Kali ini Saya Akan Berbagi ...
  • Set Default save MS Word 2016 ke format MS Word 2003
    Agar Ms Word 2016 default format savingnya selalu ke format Ms Word 2003 (doc) tanpa harus mengarahkan/mengubahnya terlebih dulu ketika akan...

Blog Archive

  • ►  2016 (162)
    • ►  October (32)
    • ►  September (33)
    • ►  August (19)
    • ►  July (24)
    • ►  June (16)
    • ►  May (8)
    • ►  April (6)
    • ►  March (7)
    • ►  February (13)
    • ►  January (4)
  • ►  2015 (145)
    • ►  December (8)
    • ►  November (4)
    • ►  October (1)
    • ►  September (3)
    • ►  August (1)
    • ►  July (4)
    • ►  June (11)
    • ►  May (38)
    • ►  April (26)
    • ►  March (22)
    • ►  February (25)
    • ►  January (2)
  • ▼  2014 (108)
    • ►  December (3)
    • ►  November (3)
    • ►  October (2)
    • ►  September (5)
    • ►  August (12)
    • ►  July (3)
    • ►  June (6)
    • ►  May (8)
    • ▼  April (16)
      • Cara Menemukan App dengan cepat di Android
      • Cara Capture / Grab Layar di Samsung Galaxy S4 S5 ...
      • Pulsa Gratis Hanya Dengan Mendaftar Dan Menginstal...
      • Cara Membuat Kotak Komentar Facebook Di Blogspot
      • Cara Mendapatkan Uang / Penghasilan Dari Internet ...
      • Antisipasi apabila Android Hilang atau dicuri
      • Setting Bahasa di Samsung Galaxy S5
      • Cara Dapat Pulsa Gratis Dari Aplikasi Coin Monster
      • Cara Mengaktifkan Fasilitas Find My iPhone
      • Cara Mengembalikan Data Sim Card Yg Terhapus
      • Solusi Supply Listrik untuk Laptop di Mobil
      • Kumpulan Tema Facebook Terbaru
      • Jasa Promotor Like Fanspage Murah dan Terpercaya (...
      • Fanspage Di Jual
      • Mengatasi Sound Card yang Rusak
      • Konversi Tanggal ke Hari di Ms Excel
    • ►  March (12)
    • ►  February (26)
    • ►  January (12)
  • ►  2013 (22)
    • ►  December (18)
    • ►  November (4)
  • ►  2011 (1)
    • ►  December (1)
Powered by Blogger.

About Us!

Copyright 2016 Tips dan Trik Komputer. All Rights Reserved. Powered by Mesothelioma And Asbestos References