Tambahkan Facebook Kotak Komentar Untuk Blogger Blogs - Baru!

Sayangi Dan Cintai Dia Sepenuh Hati | Beri Komentar Yang Bermutu Ya.

1. Jika Anda ingin benar-benar menyembunyikan komentar blogger membentuk kemudian membaca Ganti Blogger bentuk komentar Dengan Facebook

2. Tampilkan kedua Facebook dan Komentar Blogger di dalam Tab!  

facebook-komentar-kotakPada tahun 2009 Facebook pengembang diperkenalkan Plugin terbaik sosial mereka disebut " Facebook Kotak Komentar ". Plugin ini dapat tertanam dalam setiap situs web atau blog dan pengunjung dapat menggunakan ID mereka dari Facebook, Yahoo, AOL atau Hotmail untuk meninggalkan komentar di situs Anda. Plugin ini memang menunjukkan banyak masalah ketika tertanam dalam Blog Blogger hari awal pengembangan, tetapi sekarang berkat Max teman sesama dari Allblogtools plugin ini telah akhirnya Template untuk bekerja sempurna dengan host blog Blogger. Saya punya yang diedit Max coding di beberapa daerah dan telah disebutkan beberapa pilihan yang lebih menarik yang akan membantu Anda menggunakan Facebook komentar kotaksecara paralel untuk lama Anda bentuk Komentar Blogger sehingga Anda dapat kehilangan ada komentar sebelumnya dan menyediakan pengguna dengan pilihan beberapa komentar dari berbagai platform.


Lihat Demo

Ini adalah bagaimana Facebook Komentar kotak tampak seperti,
CAHAYA SKEMA
facebook-komentar-kotak CAHAYA
DARK SKEMA
Facebook-komentar-gelap-skema

Menarik? Mari kita sekarang belajar bagaimana menanamkan bentuk komentar sangat berguna di blog Blogspot. Mohon ikuti langkah-langkah sederhana di bawah ini,

1 - Dapatkan ID Aplikasi Facebook

  1. Ke Halaman Pengembang Facebook
  2. Submit URL blog Anda dan berikan nama. Jauhkan Site name sebagai "Judul Blog" Anda dan Site URL sebagai "alamat blog Anda"
situs-url
     3. Tekan "menciptakan aplikasi" tombol dan melanjutkan 
     4. Setelah mengirimkan kode cek keamanan Anda akan melihat halaman ini,        5.Simpan bahwa ID App di notepad karena kita akan membutuhkan yang terakhir itu.Sekarang Klik link dekat sudut kanan atas halaman yang sama mengatakan " Dasbor Pengembang "       6. Satu jendela baru yang muncul klik Edit Pengaturan link,         7.Lalu pergi ke Situs web pilihan Anda dan menulis Domain Situs seperti blogspot        8.Simpan Perubahan dan melompat ke langkah berikutnya dari tutorial ini
app-id

gambar

edit-pengaturan

situs web


2 - Menambahkan Kotak Facebook komentar ke Blogger

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

  1. Go To Blogger> Desain> Edit HTML
  2. Backup template anda
  3. Periksa " Expand Template Widget "kotak
  4. Pencarian untuk <html dan hanya setelah itu memberikan ruang dan menambahkan kode ini,
xmlns: fb = 'http://www.facebook.com/2008/fbml'
  5. Berikutnya mencari
<body>
Catatan: Pada template Blogger Baru Dirancang kode yang sama seperti ini,
<body expr:class='"loading" + data:blog.mobileClass'>
Menemukan salah satu kode 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: benar, / / cek Log masuk Status
        cookie: benar, / / mengaktifkan cookies untuk memungkinkan server untuk mengakses sesi
      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>


  • Ganti YOUR_APP_ID dengan ID aplikasi Facebook Anda yang Anda simpan di notepad.
    6. Pencarian berikutnya untuk  </ head> dan 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 = ' Blog 'properti =' og: site_name '/>
<meta content = ' BLOG-LOGO-IMAGE-LINK 'properti =' og: image '/>
<meta content = ' YOUR_APP_ID 'properti =' fb: 'app_id />
<meta content = ' http://www.facebook.com/mybloggertricks 'properti =' fb: admin '/>
<meta content='article' property='og:type'/>


Membuat perubahan ini:
  • Ganti SAYA Trik Blogger dengan judul blog / Nama.
  • Ganti BLOG-LOGO-IMAGE-LINK dengan link gambar logo Anda. Logo Anda akan terlihat baik jika berada dalam format gif dan memiliki ukuran ini ->  . 40px oleh 40px Logo ini akan muncul di samping judul posting Anda di profil Facebook pengunjung Anda seperti ini,
logo
  • Ganti YOUR_APP_ID  dengan ID Aplikasi Facebook Anda yang Anda simpan di notepad
  • Ganti http://www.facebook.com/mybloggertricks dengan link pengguna Facebook profilku
    7. Sekarang Search 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 style='padding:0px 0px 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: 1px # ddd padat; font-size: 10px; padding: 3px; width: 510px ; '> Facebook Blogger Plugin: Template oleh <b> <a alt =' blogger template 'href =' http://www.allblogtools.com/ 'style =' text-decoration: underline; color: # fff; 'target =' _blank 'title =' blogger template '> AllBlogTools.com </ a> < / b> Peningkatan 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 cahayadengan gelap
  • Untuk mengubah ukuran kotak Komentar, mengubah nilai width = '520 '
  • Untuk mengubah ukuran kredit footer, mengubah nilai width: 510px
  • Jauhkan perbedaan 10 pixel antara ukuran kotak dan ukuran footer. Sebagai contoh jika Anda mengatur kotak-ukuran width = '600 ' kemudian mengatur footer-ukuran width: 590px

      9. Simpan template Anda dan Bingo Anda Selesai! Melihat blog Anda untuk menemukan kotak komentar yang indah yang menunggu untuk disentuh. =)
Related Posts 

Plugin for WordPress, Blogger...

0 comments:

Posting Komentar

Silahkan Bung Copas Saja .. .
hahaha