Akhirnya, ini adalah fitur yang paling menunggu untuk pengguna blogger, dan sekarang tersedia untuk pengunjung allblogtools.com saja, ini adalah yang pertamadan satu-satunya tutorial di web yang memberitahu Anda dalam langkah-langkahsangat mudah integrasi kotak facebook komentar dan blogger (blogspot) blog.
sekarang mari kita melakukannya, jangan khawatir, saya tahu bahwa harus dari Andamencoba menambahkannya ke blog blogger, tanpa hasil, tetapi hari ini Anda akanmelihat bagaimana menambahkan dalam langkah sangat mudah dan bekerja 100%.tetapi harap berhati-hati dan memperhatikan semua rincian.
Tutorial ini diperbarui.
Langkah 1. Nonaktifkan Default Komentar.
Hal pertama yang harus Anda melakukannya untuk komentar default bloggermenonaktifkan. karena Anda tidak ingin memiliki 2 bentuk komentar.
masuk ke account blogger Anda, arahkan ke Pengaturan>> comments
dan di samping kolom komentar pilih Sembunyikan, kemudian gulir ke bawah danklik Simpan Pengaturan
Langkah 2. Anda Hasilkan Facebook App ID.
sekarang anda harus menghasilkan sendiri id facebook app, itu benar-benar mudahdan satu proses langkah,
hanya pergi ke halaman ini, pengembang facebook
kemudian klik Set Up + Aplikasi Baru
masukkan nama aplikasi Anda, (Anda dapat mengetik nama apapun)
dan periksa setuju dan klik Buat Aplikasi
kemudian klik pada tab Connect (di daftar-tab kiri) atau lihat gambar berikutnya.
dan mengisi info berikut.
Hubungkan URL: Masukkan url blog Anda dan Anda harus memasukkannya dengandash berakhir. (misalnya: http://myblogname.blogspot.com/).
Base Domain Anda harus mengetik blogspot.com
kemudian klik strong> setuju dan klik Simpan Perubahan
pada halaman berikutnya facebook akan menghasilkan Anda banyak info. Anda hanya perlu satu baris, itu App ID:
hanya salin dan simpan semua tempat, kita akan membutuhkannya di langkahberikutnya. silakan lihat gambar berikut untuk melihat di mana Anda akan menemukanfacebook Anda App ID:.
Langkah 3. Kode Untuk Tambahkan ke 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 pada langkah ini kita akan menambahkan kode berikut,atribut xmlnsSDK scriptBuka Grafik protokol tag
Menambahkan atribut xmlns:silahkan masuk ke akun blogger Anda lagi, dan arahkan ke,> layout> edit> html> dan memeriksa Expand Template Widgetkemudian cari kode berikut,<HtmlAnda akan menemukannya di bagian paling atas code Anda. kedua atau baris ketiga, dan setelah itu tambahkan kode berikut,xmlns: fb = 'http://www.facebook.com/2008/fbml'Anda harus mengetikkan spasi sebelum dan sesudah itu,di sini adalah contoh.<html xmlns:fb='http://www.facebook.com/2008/fbml' expr:dir='data:blog..............2005/gml/expr'>Menambahkan skrip Kode SDK:mencari<body>dan setelah itu tambahkan kode berikut,<div id="fb-root"> </ div><script>
window.fbAsyncInit = function () {
FB.init ({
AppID: 'ANDA APP ID',
Status: true, / / memeriksa status login
cookie: true, / / mengaktifkan cookies untuk memperbolehkan server untuk mengakses sesi
xfbml: true / / mengurai XFBML
});
};
(Fungsi () {
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 ANDA APP ID ke id aplikasi Anda (Anda mendapatkannya pada langkah sebelumnya).Menambahkan Grafik Terbuka tags protokol:salin kode berikut.cond='data:blog.pageType <b:if == "item"'><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 untuk produk berikut,Ubah MY-SITUS-NAMA dengan yang Anda ingin ditampilkan bila pengguna menyukai halaman. (Gil menyukai Membantu di Facebook)Changehttp: / / google.com / ... / blogger_logo.gif dengan logo blog Anda, atau menghapus tag semua jika Anda tidak menginginkannya.Ubah ANDA-APP-ID dengan nomor ID Anda aplikasi.Ubah ANDA-FACEBOOK-PROFIL-ID dengan facebook ID anda sendiri profil pengguna.setelah melakukan perubahan ini menambahkan kode di atas sebelum</ Head>sekarang kita selesai menambahkan kode facebook untuk template Anda, jangan menyentuh apa pun dan melanjutkan ke langkah berikutnya.Langkah 5. Menambahkan Komentar Box ke template blogger Anda.silahkan cari kode berikut.<data:post.body/>dan setelah itu, silahkan paste kode berikut.cond='data:blog.pageType <b:if == "item"'><p align='left'> <img alt =''class tinggi = 'icon-action' = '51 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi39VJwy-a7XUrSq1tO3nyRYO4vkQQWO4JFdEHb39jPZQ59RoovUQRNFj4pMcq81AsPZW_rIdge7RGQCfZz6wvWAq0e4AJrhwQboAYrHTnp489bt2f4w_eb-5gdJxvnsR_qxOtjA13yZzU/ 'src =' -facebook.gif 'width = '331'/></ p><div> <fb:comments width='450' expr:title='data:post.title' <expr:xid='data:post.id'/> expr:url='data:post.url' / div > <div style='background-color: #f2f2f2;border: solid 1px #cccccc; font-size:10px; padding:3px;width:100%;'> <img alt =''class = 'icon-action'height = 'width = '16' 'src =' '16 http://allblogtools.com/imgup/1-2010/allblogtools-blogger-templa.gif /> <b> <a href = 'http://www allblogtools.com 'target =' /. 'title =' _blank blogger template '> komentar AllBlogToolsFacebook untuk <blogger / a> kepada Anda oleh <a href =' http://www.allblogtools.com/ 'target =' _blank 'title =' blogger template '> AllBlogTools.com, Dapatkan Yours </ a> </ b> <>? / div</ B: if>
Untuk mengubah lebar kotak komentar Anda, ubah 450 untuk apa yang pernah anda inginkan, itu dalam piksel,dan sekarang silahkan klik Simpan Template, kemudian cek blog Anda. i wish itu tampak besar dan bekerja dengan sempurna.Demo dan Kredit.untuk melihat demo untuk kotak komentar di blog blogger tinggal klik di sini.tolong jangan menghapus link saya atau nama dari widget ini, saya bekerja sangat keras untuk membuatnya mudah dan sederhana dengan fitur yang hebat.meninggalkan link saya, mendorong saya untuk memberikan tutorial lebih dan lebih seperti ini.peringatan, jika Anda memiliki facebook seperti tombol dipasang di blog Anda silakan hapus sebelum menerapkan tutorial ini.
sumberMenambahkan atribut xmlns:silahkan masuk ke akun blogger Anda lagi, dan arahkan ke,> layout> edit> html> dan memeriksa Expand Template Widgetkemudian cari kode berikut,<HtmlAnda akan menemukannya di bagian paling atas code Anda. kedua atau baris ketiga, dan setelah itu tambahkan kode berikut,xmlns: fb = 'http://www.facebook.com/2008/fbml'Anda harus mengetikkan spasi sebelum dan sesudah itu,di sini adalah contoh.<html xmlns:fb='http://www.facebook.com/2008/fbml' expr:dir='data:blog..............2005/gml/expr'>Menambahkan skrip Kode SDK:mencari<body>dan setelah itu tambahkan kode berikut,<div id="fb-root"> </ div><script>
window.fbAsyncInit = function () {
FB.init ({
AppID: 'ANDA APP ID',
Status: true, / / memeriksa status login
cookie: true, / / mengaktifkan cookies untuk memperbolehkan server untuk mengakses sesi
xfbml: true / / mengurai XFBML
});
};
(Fungsi () {
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 ANDA APP ID ke id aplikasi Anda (Anda mendapatkannya pada langkah sebelumnya).Menambahkan Grafik Terbuka tags protokol:salin kode berikut.cond='data:blog.pageType <b:if == "item"'><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 untuk produk berikut,Ubah MY-SITUS-NAMA dengan yang Anda ingin ditampilkan bila pengguna menyukai halaman. (Gil menyukai Membantu di Facebook)Changehttp: / / google.com / ... / blogger_logo.gif dengan logo blog Anda, atau menghapus tag semua jika Anda tidak menginginkannya.Ubah ANDA-APP-ID dengan nomor ID Anda aplikasi.Ubah ANDA-FACEBOOK-PROFIL-ID dengan facebook ID anda sendiri profil pengguna.setelah melakukan perubahan ini menambahkan kode di atas sebelum</ Head>sekarang kita selesai menambahkan kode facebook untuk template Anda, jangan menyentuh apa pun dan melanjutkan ke langkah berikutnya.Langkah 5. Menambahkan Komentar Box ke template blogger Anda.silahkan cari kode berikut.<data:post.body/>dan setelah itu, silahkan paste kode berikut.cond='data:blog.pageType <b:if == "item"'><p align='left'> <img alt =''class tinggi = 'icon-action' = '51 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi39VJwy-a7XUrSq1tO3nyRYO4vkQQWO4JFdEHb39jPZQ59RoovUQRNFj4pMcq81AsPZW_rIdge7RGQCfZz6wvWAq0e4AJrhwQboAYrHTnp489bt2f4w_eb-5gdJxvnsR_qxOtjA13yZzU/ 'src =' -facebook.gif 'width = '331'/></ p><div> <fb:comments width='450' expr:title='data:post.title' <expr:xid='data:post.id'/> expr:url='data:post.url' / div > <div style='background-color: #f2f2f2;border: solid 1px #cccccc; font-size:10px; padding:3px;width:100%;'> <img alt =''class = 'icon-action'height = 'width = '16' 'src =' '16 http://allblogtools.com/imgup/1-2010/allblogtools-blogger-templa.gif /> <b> <a href = 'http://www allblogtools.com 'target =' /. 'title =' _blank blogger template '> komentar AllBlogToolsFacebook untuk <blogger / a> kepada Anda oleh <a href =' http://www.allblogtools.com/ 'target =' _blank 'title =' blogger template '> AllBlogTools.com, Dapatkan Yours </ a> </ b> <>? / div</ B: if>
Untuk mengubah lebar kotak komentar Anda, ubah 450 untuk apa yang pernah anda inginkan, itu dalam piksel,dan sekarang silahkan klik Simpan Template, kemudian cek blog Anda. i wish itu tampak besar dan bekerja dengan sempurna.Demo dan Kredit.untuk melihat demo untuk kotak komentar di blog blogger tinggal klik di sini.tolong jangan menghapus link saya atau nama dari widget ini, saya bekerja sangat keras untuk membuatnya mudah dan sederhana dengan fitur yang hebat.meninggalkan link saya, mendorong saya untuk memberikan tutorial lebih dan lebih seperti ini.peringatan, jika Anda memiliki facebook seperti tombol dipasang di blog Anda silakan hapus sebelum menerapkan tutorial ini.
0 komentar:
Posting Komentar