sharetex: facebook komen di blogger

1 - Dapatkan ID Aplikasi Facebook

Pergi Untuk Halaman Pengembang Facebook
Submit URL blog Anda dan berikan nama. Jaga nama Situs sebagai "Judul Blog" Anda danURL Situs sebagai "alamat blog" Anda

3. Hit "menciptakan aplikasi" tombol dan melanjutkan
4. Setelah mengirimkan kode cek keamanan Anda akan melihat halaman ini,
app-id

5. Simpan bahwa ID App di notepad karena kita akan membutuhkan yang terakhir. Sekarang Klik link di dekat sudut kanan atas halaman yang sama yang mengatakan "Dasbor Pengembang"

6. Salah satu jendela baru yang muncul klik link Edit Pengaturan,
edit-settings

7. Lalu pergi ke pilihan Situs dan menulis Domain Situs Anda sebagai blogspot
website

8. Simpan Perubahan dan melompat ke langkah berikutnya dari tutorial ini

2 - Menambahkan Kotak Facebook komentar ke Blogger

Sekarang waktunya untuk melakukan menanamkan kotak komentar di template blog Anda.Jadi ikuti langkah mudah,
PS: Pastikan Anda blogger formulir komentar di bawah entri tertanam. Untuk melakukan ini, pergi pertama ke Blogger> Pengaturan> komentar> dan kemudian memilih menanamkan komentar di bawah entri. Setelah melakukan hal ini ikuti tutorial di bawah ini.

Pergi Untuk Blogger> Desain> Edit HTML
Backup template Anda
Periksa "Expand Template Widget" kotak
Pencarian untuk <html dan hanya setelah itu memberikan ruang dan menambahkan kode ini,

xmlns: fb = 'http://www.facebook.com/2008/fbml'

5.  Berikutnya cari

<body>

Catatan: Pada template New Blogger Dirancang kode yang sama terlihat seperti ini,

<body expr:class='"loading" + data:blog.mobileClass'>

Cari salah satu dari kode ini dan hanya setelah itu paste kode yang diberikan di bawah ini,

<div id='fb-root'/>
<script>
window.fbAsyncInit = function () {
FB.init ({
AppID: 'YOUR_APP_ID',
Status: true, / / cek status login
cookie: true, / / mengaktifkan cookies untuk memungkinkan server untuk mengakses sesi
XFBML: true / / mengurai XFBML
});
};
(Function () {
var e = document.createElement ('script');
e.src = document.location.protocol + '/ / connect.facebook.net / en_US / all.js';
e.async = true;
document.getElementById ('fb-root') appendChild (e).;
}());
</ Script>

Ganti YOUR_APP_ID dengan ID aplikasi Facebook Anda yang Anda simpan di notepad.

6. Pencarian berikutnya untuk </ head> dan hanya di atasnya paste kode berikut,

<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<meta content=' property='og:site_name'/> SAYA Blogger Trik '
<meta content=' BLOG-LOGO-IMAGE-LINK 'property='og:image'/>
<meta content=' YOUR_APP_ID 'property='fb:app_id'/>
<meta content=' http://www.facebook.com/mybloggertricks'property='fb:admins'/>
<meta content='article' property='og:type'/>

Membuat perubahan ini:

Ganti SAYA Trik Blogger dengan judul blog Anda / Nama.
Ganti BLOG-LOGO-IMAGE-LINK dengan link gambar logo Anda. Logo Anda akan terlihat baik jika dalam format gif dan memiliki ukuran ini -.> 40px 40px oleh Logo ini akan muncul di samping judul posting Anda di profil Facebook pengunjung Anda seperti ini,

Ganti YOUR_APP_ID dengan ID Aplikasi Facebook Anda yang Anda simpan di notepad
Ganti http://www.facebook.com/mybloggertricks dengan link profil pengguna Facebook Anda

7. Sekarang Pencarian untuk ini,

<b:includable id='comment-form' var='post'>

8. Hanya setelah itu paste kode yang diberikan di bawah ini,

<b:if cond='data:blog.pageType == "item"'>
<div 0px 0px style='padding:0px 0px 0px 0px; margin:0px 0px;'> <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div> <fb: Komentar colorscheme = 'cahaya' expr: href = 'data: post.url' expr: title = 'data: post.title' expr: xid = 'data: post.id' width = '520 '/> </ div>
<div style='color:#fff; background-color:#3B5998;border: yang solid 1px #ddd; font-size:10px; padding:3px; width:510px ;'> Facebook Blogger Plugin: Didukung oleh <b> < alt = 'blogger template' href = 'http://www.allblogtools.com/' style = 'text-decoration: underline; color: # fff;' target = '_blank' title = 'blogger template'> AllBlogTools. com </ a> </ b> Ditingkatkan oleh <b> <a alt = 'blogger widget' href = 'http://www.mybloggertricks.com/' style = 'text-decoration: underline; color: # fff; 'target =' _blank 'title =' Blogger Widgets> MyBloggerTricks.com </ a> </ b> </ div> </ div>
</ B: if>

Jika Anda ingin menggunakan skema gelap maka cukup mengganti cahaya dengan gelap
Untuk mengubah ukuran kotak Komentar, perubahan ini nilai = '520 lebar '
Untuk mengubah ukuran kredit footer, perubahan ini nilai lebar: 510px
Jauhkan perbedaan 10 pixel antara ukuran kotak dan ukuran footer. Sebagai contoh jika Anda mengatur ukuran kotak width = '600 'kemudian mengatur footer-ukuran lebar: 590px