Home » » Cara Pasang Kotak Komentar Facebook di Blogger ( Bag 1)

Cara Pasang Kotak Komentar Facebook di Blogger ( Bag 1)





Akhirnya artikel yang sangat ditunggu-tunggu Di Publish juga, ini adalah fitur yang paling ditunggu untuk pengguna blogger, dalam langkah-langkah sangat mudah untuk meng-integrasi kotak komentar facebook dan blogger ( blogspot) blog.


Sekarang pengunjung tidak perlu ketik alamat email mereka atau nama untuk memberikan komentar di situs anda. Mereka hanya login ke account facebook mereka secara otomatis sudah bisa komentar .
Semua orang terhubung melalui facebook , Hal ini akan mendorong lebih banyak orang untuk komentar karena kebanyakan orang sudah log in ke account mereka.


Oke mari kita melakukannya, jangan khawatir, saya tahu bahwa Anda ingin mencoba menambahkannya ke blog blogger namun tanpa hasil, tetapi sekarang Anda akan melihat bagaimana cara menambahkannya dengan langkah sangat mudah dan bekerja 100%. tetapi harap berhati-hati dan memperhatikan semua rincian.
Kini Pengunjung yang Punya Account Facebook bisa Berkomentar di Blog Anda


Cara Pasang Kotak Komentar Facebook di Blogger seperti ini


Langkah 1. Nonaktifkan Default Komentar.


Hal pertama yang harus Anda lakukan yakni Nonaktifkan Setting Komentar ANda . karena Anda tidak ingin memiliki 2 bentuk komentar, dan jika memang membutuhkan dua komentar biarkan saja seperti biasa.


Silahkan ke account blogger Anda
navigasikan ke Lalu Klik  Pada Menu Klik kemudian gulir ke bawah dan klik   SIMPAN 


Langkah 2. Buatlah Facebook App ID ( Aplikasi di Facebook ).


Silahkan Buat Aplikasi Anda disini : Facebook developer page






Agar Alamat Blog Sobat di terima Jangan Lupa Tambahkan Backslash " / " di belakang Ulr.
Contoh  : http://daenkblog.blogspot.com
Menjadi : http://daenkblog.blogspot.com/
Ambil ID Aplikasi Copy dulu di Notepad






Selanjutnya Anda akan dibawa ke halaman seperti Contoh pada Gambar dibawah :




Masukkan nama aplikasi Anda, (Anda dapat mengetikkan nama apa saja) dan Klik  Setuju  lalu klik  Buat   Aplikasi. Sebagai contoh saya membuat aplikasi dengan nama " Kotak Komentar "




kemudian klik pada tab Connect ( Terhubung ) (pada daftar-tab kiri) Anda akan dibawa kehalaman Terhubung seperti gambar dibawah ini :




Ingat Sewaktu Memasukkan ULR Terhubung Jangan Lupa beri tanda / pada akhir ULR Blog sobat, sebagai Contoh pada gambar diatas saya masukkan ULR Terhubung : http://trafikmagic.blogspot.com/


Masukkan Base Domain : blogspot.com.


Lalu Klik Simpan Perubahan
Selanjutnya Silahkan Klik Dasar Untuk Mengambil No Application ID , Copy dulu Application ID di NotePad atau Word agar mudah kita ambil saat kita gunkan nanti pada Langkah Berikutnya.


Langkah 3. Menambahkan Kode pada template blogger


Anda harus menambahkan kode berikut ke template blogger Anda untuk
memastikan bahwa kotak komentar akan bekerja untuk blog Anda dengan cara yang benar.

silahkan pergi ke account blogger Anda lagi, 

Arahkan ke   + Lalu Centang


Jangan Lupa Download Template Anda untuk menjaga jika terjadi kesalahan.
Untuk Mempermudah dalam pencarian kode Tekan Ctrl + F
Cari
< body >


Tambahkan Kode berikut dibawahnya
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : &#39;APP-ID Anda&#39;,
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
};


(function() {
var e = document.createElement(&#39;script&#39;);
e.src = document.location.protocol + &#39;//connect.facebook.net/en_US/all.js&#39;;
e.async = true;
document.getElementById(&#39;fb-root&#39;).appendChild(e);
}());
</script>
Ganti APP ID dengan APP ID Aplikasi Facebook yang tadi Anda buat.


Sekarang Cari 
</head>
Letakkan Kode Berikut dibawahnnya


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<b:else/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta expr:content='data:blog.homepageUrl' property='og:url'/>
</b:if>
<meta content='Nama Blog Anda' property='og:site_name'/>
<meta content='http://google.com/help/hc/images/logos/blogger_logo.gif' property='og:image'/>
<meta content='APP-ID Anda' property='fb:app_id'/>
<meta content='Profile-ID-Facebook Anda' property='fb:admins'/>
<meta content='article' property='og:type'/>


Nama Blog Anda : Ganti dengan Nama Blog Anda

APP-ID Anda : Ganti dengan APP ID anda
Profile-ID-Facebook Anda : Ganti dengan ID Profile Facebook Anda.


Sekarang kita selesai menambahkan kode facebook untuk template Anda, jangan menyentuh apa pun dan melanjutkan ke langkah berikutnya.

Langkah 4. Menambahkan Komentar Box blogger template Anda.


silahkan cari kode berikut

<data:post.body/>



Letakkan Kode Berikut dibawahnya
Jika Punya dua <data:post.body/>  karena sudah pasang Readmore Silahkan Letakkan di bawah <data:post.body/> yang kedua
<b:if cond='data:blog.pageType == "item"'><br /> <p align='left'><a href="http://www.kumpulancara.com/" target="new"><img border="0" src="http://2.bp.blogspot.com/_M1pYMGMUxt0/TBU2Rk6JL5I/AAAAAAAAB_I/MTcuwWlywTI/s1600/comment.gif" /></a></p><div><fb:comments width='450' expr:title='data:post.title' expr:url='data:post.url' expr:xid='data:post.id'/></div></b:if><br />


Untuk Merubah Lebar Silahkan Ganti Angka 450 sesuai Template Masing2










Share this video :

18 komentar:

Anonymous said...

Its such as you learn my thoughts! You appear to grasp a lot approximately this, such
as you wrote the e book in it or something. I believe that you simply can do with some % to drive the message home a bit, but
other than that, this is wonderful blog. A fantastic read. I will definitely be back.


my website :: GHD Straightener

Anonymous said...

I couldn't resist commenting. Perfectly written!

my webpage Christian Louboutin Shoes (omi.edurm.ru)

Anonymous said...

My brother suggested I might like this website. He was entirely right.
This post actually made my day. You cann't imagine just how much time I had spent for this information! Thanks!


My web site; http://www.incaradvancements.co.uk

Anonymous said...

hi!,I love your writing vеry much! proportion we communicate
extra аbout your article օn AOL? ӏ require ɑ specialist
onn tҺis house to solve my proƄlem. Мay be that's
уou! Lookіng fkrward to loօk yߋu.

my site; Belajar Software

Anonymous said...

Howdy! This post couldn't be written any better! Reading through this post reminds me of my previous roommate!
He continually kept talking about this. I most certainly will forward this post
to him. Pretty sure he will have a good read. Thanks for sharing!


my web site Prada Shawls Scarf

Anonymous said...

Hi there! I simply wish to give you a huge thumbs up for
your excellent information you have right here on this post.
I'll be returning to your site for more soon.

my webpage gucci mens scarf

Anonymous said...

Appreciate this post. Let me try it out.

Here is my homepage http://www.incaradvancements.co.uk

Anonymous said...

I'm not sure where you're getting your information, but good topic.
I needs to spend some time learning more or understanding
more. Thanks for fantastic info I was looking for this information for my
mission.

Feel free to visit my web blog: Louis Vuitton Shawls (http://www.scarfs-outlet.com/louis-vuitton-shawls-c-72_102)

Anonymous said...

Howdy! Do you know if they make any plugins to safeguard against hackers?
I'm kinda paranoid about losing everything I've worked hard
on. Any recommendations?

Feel free to surf to my page http://www.incaradvancements.co.uk

Anonymous said...

It's very simple to find out any topic on net as
compared to books, as I found this paragraph at this web page.



Feel free to surf to my blog post :: Christian Louboutin Shoes (www.christianlouboutin-sale.com)

Anonymous said...

My bгother suggested I might like thiѕ ƅlog. He wɑs once totally right.
This put up aϲtually made my day. You cann't imagine simply hoԝ a lot timе I had spent
foг this info! Thank you!

my blog post watch summerslam 2014 Οnline, Summerslam2014.net,

Anonymous said...

I truly love your website.. Very nice colors & theme.
Did you develop this website yourself? Please
reply back as I'm trying to create my own blog and would like
to learn where you got this from or just what the theme is named.
Appreciate it!

Here is my web blog ... Louis Vuitton Shawls

Anonymous said...

My family every time say that I am killing
my time here at net, but I know I am getting experience all the time by reading such pleasant content.


Here is my homepage ... jasa sablon kaos

Anonymous said...

Hi, I read your new stuff on a regular basis. Your writing style is witty, keep up
the good work!

my blog post kaos polos pamulang - ,

Anonymous said...

I foor all time emailed this blog post page to all my contacts, because iff like to read iit next my contacts wull too.


Have a look at my homepage ... cheap jordan 12

Anonymous said...

With three steel 16-22mm5400 yuan mark was broken, some dealers began to look at two free products of steel in 5200 yuan in the end have much support intensity.
Rely only on the material weight can be achieved automatically folded
down, degassed, dense, uniform structure and properties of the formation of lining
bodies. Having these properties is also vital in its environmental value,
which everyone is looking to have these days.


my site building material

Anonymous said...

Howdy would you mind stating which blog platform you're using?
I'm planning to start my own blog soon but I'm having a tough time
choosing between BlogEngine/Wordpress/B2evolution and Drupal.
The reason I ask is because your design seems different then most blogs and I'm looking for something completely
unique. P.S Sorry for being off-topic but
I had to ask!

Feel free to surf to my blog post; garage flooring

Anonymous said...

I know this if off topic but I'm looking into starting my own weblog
and was curious what all is needed to get setup? I'm assuming having a blog like yours would cost
a pretty penny? I'm not very internet savvy so I'm not 100% certain. Any
recommendations or advice would be greatly appreciated. Many
thanks

Here is my homepage; magento themes

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2013. BELAJAR KOMPUTER - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger