sharetex: Baru Facebook Kotak Komentar Untuk Blogger

Apakah facebook fitur baru komentar.

Komentar threaded: membalas komentar.
Pengguna jaringan: sekarang menampilkan penulis komentar tidak hanya nama, tapi informasi profile nya juga
Tautkan ke komentar khusus: Permalinks kini telah ditugaskan untuk setiap komentar sehingga orang dapat berbagi link dan diarahkan ke komentar khusus.
Pemberitahuan: dikirim ke pengguna juga akan pergi ke permalink, sehingga lebih mudah untuk merespon. Sebagai contoh, klik pada pemberitahuan di bawah ini akan membawa Anda ke permalink komentar asli.
2 Skema warna, lampu biasa, dan warna gelap yang baru.

sekarang mari kita lakukan, jangan khawatir, saya tahu yang harus Anda mencoba untuk menambahkan ke blog blogger, tanpa hasil, tetapi hari ini Anda akan melihat bagaimana untuk menambahkannya dalam langkah-langkah sangat mudah dan itu bekerja 100%. tetapi harap berhati-hati dan memperhatikan untuk semua rincian.
Tutorial ini diperbarui.

Langkah 1. Nonaktifkan Default Komentar.

Hal pertama yang harus Anda lakukan untuk menonaktifkan komentar blogger default.karena Anda tidak ingin memiliki 2 bentuk komentar.
pergi ke account blogger Anda, navigasikan ke pengaturan>> komentar
dan di samping kolom komentar pilih Sembunyikan, kemudian gulir ke bawah dan klikSimpan Pengaturan

Langkah 2. Menghasilkan Facebook App ID.

sekarang Anda harus menghasilkan sendiri id facebook app, itu benar-benar mudah dan satu proses langkah,
hanya pergi ke halaman ini, pengembang facebook

kemudian klik + Set Up New Application

masukkan nama aplikasi Anda, (Anda dapat mengetik nama apapun)

dan memeriksa setuju dan klik Buat Aplikasi

kemudian klik pada tab Connect (di sebelah kiri tab-list) atau melihat gambar berikutnya.

dan mengisi info berikut.
Hubungkan URL: Masukkan url blog Anda dan Anda harus memasukkannya dengan dasbor berakhir (misalnya: http://myblogname.blogspot.com/)..

Domain dasar yang Anda harus mengetikkan blogspot.com

kemudian klik strong> setuju dan klik Simpan Perubahan
pada halaman berikutnya facebook akan menghasilkan Anda banyak info. Anda akan hanya perlu satu baris, maka App ID:
hanya menyalin dan menjaga setiap tempat, kita akan membutuhkannya di langkah berikutnya. silakan lihat gambar berikut untuk melihat di mana Anda akan menemukan facebook App ID:.

Langkah 3. Kode Untuk Tambah Untuk Template Anda.

Anda harus menambahkan kode berikut ke template blogger Anda untuk memastikan bahwa kotak komentar akan bekerja untuk blog Anda dengan cara yang benar.
dan dalam langkah ini kita akan menambahkan kode berikut,

atribut xmlns
SDK skrip
Grafik protokol tag terbuka

Menambahkan atribut xmlns:

silakan pergi ke account blogger Anda lagi, dan arahkan ke, tata letak>> edit html>> dan periksa Expand Widget Template
kemudian menemukan kode berikut,

<Html

Anda akan menemukan di bagian atas kode Anda. baris kedua atau ketiga, dan setelah itu tambahkan kode berikut,

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

Anda harus mengetik spasi sebelum dan sesudahnya,
di sini adalah contoh.

<html xmlns:fb='http://www.facebook.com/2008/fbml' expr:dir='data:blog..............2005/gml/expr'>

Menambahkan Kode skrip SDK:

cari

<body>

dan setelah itu tambahkan kode berikut,

<div id="fb-root"></div>
<script>
    window.fbAsyncInit = function() {
    FB.init({
      appId  : 'YOUR   APP ID',
      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('script');
      e.src = document.location.protocol +   '//connect.facebook.net/en_US/all.js';
    e.async = true;
      document.getElementById('fb-root').appendChild(e);
    }());
</script>

tapi tolong jangan lupa untuk mengubah ID APP ANDA untuk id aplikasi Anda (Anda mendapatkannya pada langkah sebelumnya).

Menambahkan tag Grafik protokol Buka:

salin kode berikut.

<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='MY-SITE-NAME' property='og:site_name'/>
<meta   content='http://google.com/help/hc/images/logos/blogger_logo.gif'   property='og:image'/>
<meta content='YOUR-APP-ID'   property='fb:app_id'/>
<meta content='YOUR-FACEBOOK-PROFILE-ID'   property='fb:admins'/>
<meta content='article'   property='og:type'/>

dan mengubah teks berwarna yang berikut,
Perubahan-SITUS SAYA-NAMA dengan yang Anda ingin ditampilkan ketika pengguna menyukai halaman. (Gil suka Membantu di Facebook)

Ubah http://google.com/ ... / blogger_logo.gif dengan logo blog Anda, atau menghapus tag sekali jika Anda tidak menginginkannya.

Perubahan-APP ANDA-ID dengan nomor ID Anda aplikasi.

Perubahan-ANDA FACEBOOK-PROFIL-ID dengan user ID Anda sendiri profil facebook.

setelah melakukan perubahan ini menambahkan kode di atas sebelum

</ Head>

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

Langkah 5. Menambahkan Kotak Komentar ke template blogger Anda.

silahkan mencari kode berikut.

<data:post.body/>

dan setelah itu, silakan sisipkan salah satu kode berikut.
Untuk kotak Komentar Cahaya (seperti yang ada di demo)

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p align='left'><img alt='' class='icon-action' height='51' src='http://blog.flamingtext.com/blog/2011/12/26/flamingtext_com_1324918931_26831.png' width='331'/></p>

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div><fb:comments width='450' expr:title='data:post.title' expr:href='data:post.url'   expr:xid='data:post.id'/></div>
<div style='background-color: #f2f2f2;border: solid 1px #cccccc; font-size:10px; padding:3px;width:100%;'> <img alt='' class='icon-action' height='16' src='http://allblogtools.com/imgup/1-2010/allblogtools-blogger-templa.gif' width='16'/> <b><a href='http://www.sharetex.blogspot.com/' target='_blank' title='blogger templates'>AllBlogToolsFacebook comments for blogger</a>  brought to you by <a href='http://www.shartex.blogspot.com/' target='_blank' title='blogger templates'>AllBlogTools.com , Get Yours?</a></b></div>
</b:if>

Untuk Gelap kotak Komentar (Jika Anda lebih memilih untuk menampilkan kotak komentar dalam warna gelap.)

<data:post.body/>

dan setelah itu, silakan sisipkan salah satu kode berikut.
Untuk kotak Komentar Cahaya (seperti yang ada di demo)

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p align='left'><img alt='' class='icon-action' height='51' src='http://blog.flamingtext.com/blog/2011/12/26/flamingtext_com_1324918931_26831.png' width='331'/></p>

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div><fb:comments width='450' expr:title='data:post.title' expr:href='data:post.url' colorscheme='dark' expr:xid='data:post.id'/></div>
<div style='background-color: #f2f2f2;border: solid 1px #cccccc; font-size:10px; padding:3px;width:100%;'> <img alt='' class='icon-action' height='16' src='http://allblogtools.com/imgup/1-2010/allblogtools-blogger-templa.gif' width='16'/> <b><a href='http://www.shartex.blogspot.com/' target='_blank' title='blogger templates'>Facebook comments for blogger</a>  brought to you by <a href='http://www.sharetex.blogspot.com/' target='_blank' title='blogger templates'>sharetex.blogspot.com , Get Yours?</a></b></div>
</b:if>

Untuk mengubah lebar kotak komentar anda, silahkan ubah 450 untuk apa yang pernah anda inginkan, itu dalam pixel,

dan sekarang silahkan klik Simpan Template, kemudian memeriksa blog Anda. saya ingin terlihat besar dan bekerja sempurna.