3 Cara Untuk membuat Komentar Facebok untuk Blogger

[MayCyber] - Biasa nya ketika kita membuat sebuah Blog baru adalah tidak bisa menggunakan komentar melalui perantara Facebook. Dan sebagian orang pasti terhubung dengan "Facebook" jadi biar agar lebih mudah berkomentar di sebuah website atau Blogger adalah menggunakan komentar melalui Facebook dengan menggunakan aku masing-masing ya. Sekarang yang kita bahas adalah " Komentar Facebook di Blogger"yuk kita bahas, anda pasti hampir setiap hari mengunjungi sebuah website/blog jika searching melalui Google. Dan kalian ingin sekali Berkomentar atau Berterima kasih sama orang yang telah memposting artikel yang bermanfaat itu, tapi ketika ingin komentar disitu cuma bisa berkomentar melalui blogger. Tapi anda harus login dulu melalui akun google, itukan kelamaan ya;D nah kali ini blog maycyber-download, mau bagikan satu buah script java untuk komentar facebook.
Sebelum melakukan tutorial ini, disarankan backup dulu Template anda ( Misalkan simpan semua kode template ke notepad ) Tujuan nanti jika terjadi kesalahan atau tidak sesuai dengan keinginan anda maka mudah untuk dikembalikan seperti semua.

Screenshoot:

- Gambar telah disensor!

Cara Pertama:

1. Masuk ke akun blogger anda.
2. Pilih menu Template -> Edit HTML
3. Cari kode ( CTRL + F ) ini <div class='comments' id='comments'>
4. Jika sudah ketemu letakan kode yang tulisan merah diatas, tepat sekali di bawahnya.
5. Copy-Paste kode berikut ini, letakkan di bawah kode <div class='comments' id='comments'>

<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'>
<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 Anda' 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><style>.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;}</style>

6. Silakan Ganti yang berwarna merah dengan ID Facebook Anda.
7. Simpan Template!

Cara Kedua:

1. Masuk ke Blogger.
2. Pilih menu Template -> Edit HTML.
3. Copy-Paste kode berikut ini, dibawah kode <head>

<meta property="fb:app_id" content="YOUR_APPLICATION_ID"/>

4. Silakan ganti yang berwarna merah, dengan ID Facebook Anda.
5. Copy-paste lagi kode berikut ini tepat dibawah kode <div class='comments' id='comments'>

<b:if cond='data:post.isFirstPost'> <script>(function(d){ var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;} js = d.createElement('script'); js.id = id; js.async = true; js.src = "//connect.facebook.net/en_US/all.js#xfbml=1"; d.getElementsByTagName('head')[0].appendChild(js); }(document));</script> </b:if> <a expr:href='data:post.url + "#fb-root"'><fb:comments-count expr:href='data:post.canonicalUrl'/> comments</a>

<b:if cond='data:blog.pageType == "item"'> <div id='fb-root'/> <script>(function(d){ var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;} js = d.createElement('script'); js.id = id; js.async = true; js.src = "//connect.facebook.net/en_US/all.js#xfbml=1"; d.getElementsByTagName('head')[0].appendChild(js); }(document));</script> <div style='margin: 20px 0 0 0;'><fb:comments colorscheme='light' expr:href='data:post.canonicalUrl' expr:title='data:post.title' expr:xid='data:post.id' width='600'/></div> </b:if>

6. Done! Simpan Template Anda.

Cara ketiga:

1. Masuk ke Blogger anda.
2. Pilih menu Template -> Edit HTML.
3. Copy-Paste kode berikut ini tepat dibawah kode <body>

4. Selesai, Copy-paste lagi kode berikut ini dibawah kode <div class='comments' id='comments'>

<b:if cond='data:blog.pageType == "item"'>
<div style='margin-top:20px'>
<div class='fb-comments' data-num-posts='5' data-width='600' expr:data-href='data:blog.url'/>
</div>
</b:if>

5. Simpan, Oke sekarang klik postingan anda, apakah muncul komentar facebook atau tidak.

Keterangan: Sebaiknya pilih cara pertama, atau cara kedua, atau mungkin cara ketiga^.^ Jika cara satu tidak bisa, pakailah cara kedua, jika cara kedua tidak bisa juga, pakailah cara ketiga. Selamat mencoba ^.^

Semoga Bermanfaat!

<meta property="fb:app_id" content="YOUR_APPLICATION_ID"/>

4. Silakan ganti yang berwarna merah, dengan ID Facebook Anda.
5. Copy-paste lagi kode berikut ini tepat dibawah kode <div class='comments' id='comments'>

6. Done! Simpan Template Anda.

Cara ketiga:

1. Masuk ke Blogger anda.
2. Pilih menu Template -> Edit HTML.
3. Copy-Paste kode berikut ini tepat dibawah kode <body>

4. Selesai, Copy-paste lagi kode berikut ini dibawah kode <div class='comments' id='comments'>

<b:if cond='data:blog.pageType == "item"'>
<div style='margin-top:20px'>
<div class='fb-comments' data-num-posts='5' data-width='600' expr:data-href='data:blog.url'/>
</div>
</b:if>

Tags - Kalian sedang berada dipostingan 3 Cara Untuk membuat Komentar Facebok untuk Blogger

download 3 Cara Untuk membuat Komentar Facebok untuk Blogger android terbaru, apk android terbaru 3 Cara Untuk membuat Komentar Facebok untuk Blogger android asus, 3 Cara Untuk membuat Komentar Facebok untuk Blogger android advance, 3 Cara Untuk membuat Komentar Facebok untuk Blogger android apk, 3 Cara Untuk membuat Komentar Facebok untuk Blogger android app, 3 Cara Untuk membuat Komentar Facebok untuk Blogger android games, 3 Cara Untuk membuat Komentar Facebok untuk Blogger android programming, 3 Cara Untuk membuat Komentar Facebok untuk Blogger aplikasi edit foto,3 Cara Untuk membuat Komentar Facebok untuk Blogger aplikasi facebook, 3 Cara Untuk membuat Komentar Facebok untuk Blogger aplikasi bbm

3 Cara Untuk membuat Komentar Facebok untuk Blogger
,
3 Cara Untuk membuat Komentar Facebok untuk Blogger aplikasi edit video

aplikasi vidmate 3 Cara Untuk membuat Komentar Facebok untuk Blogger aplikasi wa, aplikasi play store 3 Cara Untuk membuat Komentar Facebok untuk Blogger Download, Download 3 Cara Untuk membuat Komentar Facebok untuk Blogger indonesia aplikasi download lagu, aplikasi pembobol wifi 3 Cara Untuk membuat Komentar Facebok untuk Blogger Google Drive, download aplikasi instagram 3 Cara Untuk membuat Komentar Facebok untuk Blogger 3gp,3 Cara Untuk membuat Komentar Facebok untuk Blogger mp4,3 Cara Untuk membuat Komentar Facebok untuk Blogger mkv, 3 Cara Untuk membuat Komentar Facebok untuk Blogger google drive, 3 Cara Untuk membuat Komentar Facebok untuk Blogger 480p,3 Cara Untuk membuat Komentar Facebok untuk Blogger 720p, aplikasi android terbaik 3 Cara Untuk membuat Komentar Facebok untuk Blogger,download aplikasi anti virus, aplikasi bigo live, download template web gratis, download template gratis, template website php, template website responsive, template blogspot, download template html, download template website dinamis gratis, download template premium, download template mirip atau clone, Download Professional XML Blogspot Templates, Free Blogger Templates, download blogger template responsive, 3 Cara Untuk membuat Komentar Facebok untuk Blogger download template blogger seo, download template blog xml, download template blog gratis terbaru, download template blog simple, download template blogger keren, cara mengganti template blog, download template fast loading seo friendly, Cara posting artikel, Cara memasang widget, Memahami menu-menu di blogger, Cara mengganti atau memasang template, Cara membuat halaman statis, Cara memasang favicon, Cara mengganti judul blog dengan logo, 10 Tutorial blogger lainnya, Cara Menghasilkan Uang dari Blog , Panduan Lengkap, Rahasia Cara Daftar Google AdSense Agar Mudah Diterima, SEO, BLOG, DAN INTERNET MARKETING, Tutorial Belajar SEO dan Blogging juga Internet Marketing Terpadu Yang Mudah Untuk Anda Pelajari, BELAJAR SEO, cara tutorial Membuat Website Wordpress, Cara Cepat Mendapatkan Backlink Untuk Menaikkan Ranking, Download Free Template Blog SEO Friendly Responsive Design Mudah Diedit, Cara membuat blog di blogger com, Cara Melakukan Optimasi SEO Onpage Google Dengan Benar, Berbagai Cara Cari Uang Di Internet Yang Perlu Anda Tahu, CARA MUDAH MEMBUAT THUMBNAIL POST WARNA WARNI SESUAI LABEL POST, CARA MEMBUAT BLOG SEO 100 DI CHKME COM, 5 TEMPLATES BLOGGER SEO RESPONSIVE KEREN TERBAIK 2017 GRATIS, CARA AGAR ARTIKEL ATAU POSTINGAN CEPAT TERINDEX GOOGLE, LANGKAH LANGKAH OPTIMASI ONPAGE PADA BLOG, CARA DAPAT UANG DARI BERBAGAI BISNIS ONLINE, UPLOAD VIDEO DI FACEBOOK BISA DAPAT UANG, CARA MEMBUAT WIDGET TWITTER DI BLOGGER BLOGSPOT, CARA MEMBUAT BREADCRUMBS SEO FRIENDLY DENGAN FONT AWESOME, MEMBUAT TOMBOL BACK TO TOP DENGAN EFEK BOUNCE, CARA MEMBUAT BADGE GOOGLE PLUS DAN DAPAT DI MODIFIKASI, MACAM TAG KONDISIONAL UNTUK MODIFIKASI TAMPILAN DAN MENYEMBUNYIKAN WIDGET, CARA MEMBUAT CATATAN KAKI SEO DAN TERINDEX GOOGLE, TIPS TRIK MEMPERCEPAT LOADING BLOG, TIPS TRIK MENDAPATKAN UANG DOLLAR DARI BLOGGER BLOGSPOT, CARA MEMBUAT THREADED COMMENTS VALID HTML5 DI BLOGGER, MEMBUAT ARTIKEL TERKAIT DISERTAI THUMBNAIL GAMBAR, JQUERY SLIDING PANEL DENGAN MEMBUKA MENUTUP UNTUK BLOGGER, CARA MEMBUAT STICKY WIDGET SIDEBAR DI BLOG, CARA MEMASANG TRANSLATE DENGAN GAMBAR BENDERA DI BLOG, FASTESEO SEO RESPONSIVE BLOGGER TEMPLATE, 6 RAHASIA CARA SAYA MENINGKATKAN RANKING ALEXA, DOWNLOAD TEMPLATE BLOGSPOT SEO RESPONSIVE PREMIUM, Cara memasang widget, download template blog anime, SSH PREMIUM, SSH GRATIS, OPEN SSH, Config HI Axis100Config HI Indosat, Config HI Smartfreen, Config HI Telkomsel, Config HI Three 3, Config HI XL, Config KPN Tunnel Ultimate, Config KPN Tunnel Ultimate Axis, Config KPN Tunnel Ultimate Telkomsel, Config KPN Tunnel Ultimate Three, Config OpenVPN Axis, Config OpenVPN Indosat, Config OpenVPN Three 3, Config OpenVPN XL