Berikut Contohnya :
Pasang Kotak Komentar Facebook di blogger
Baiklah pada kesempatan kali ini saya mau bahas masalah komentar lagi nich,..
So Silahkan Ikuti Langkah-langkah berikut ini :
- Silahkan Buat Aplikasi Anda disini : Facebook developer page
Agar Alamat Blog Sobat di terima Jangan Lupa Tambahkan Backslash " / " di belakang Ulr.
Contoh : http://blogcunayz.blogspot.com
Menjadi : http://blogcunayz.blogspot.com/
Ambil ID Aplikasi Copy dulu di Notepad.
- Sekarang LoginLah ke Account Blogger sobat
Silahkan Menuju Layout ( Rancangan )> Edit HTML dan check Expand Widget Templates. Cari code berikut:
<data:post.body/> atau <div class=’post-header-line-1′/>
dan paste code berikut dibawahnya :
Jika Pernah pasang readmore maka letakkan dibawah <data:post.body/> kedua. - Selain code diatas anda juga dapat menyimpannya diantara code <div class='post-footer'> DISINI SCRIPTNYA <div class='post-footer-line post-footer-line-1'>
Ini Scriptnya
<b:if cond='data:blog.pageType == "item"'>
<p align='left'><a href='http://www.uttafreak-987.co.cc/2011/04/cara-pasang-kotak-komentar-facebook-di.html' target='new'><img alt='' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_aFzfGlY0wbNfie3J7Jx_3TWdA9xGYq0hx2OqGoYGidqagS-BLCnjONYHM2tnFxVDO8OFKjjqTMmSLMFyz6IUpdVq8cntU9edpNkv6y5tYOFmMXNQmxWAARjSVje4xDXwXRRQ3X4K_z0/'/></a></p>
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({appId: 'ID-Aplikasi', status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/id_ID/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
<fb:comments/>
</b:if>
<div style='background-color: #f2f2f2;border: solid 1px #cccccc; font-size:10px; padding:3px;width:100%;'><b> Mau Pasang Seperti Ini? <a href='http://www.uttafreak-987.co.cc/2011/04/cara-pasang-kotak-komentar-facebook-di.html' target='_blank' title='facebook comment'>Klik Disini..</a></b></div>
Silahkan Ganti ID-Aplikasi dengan ID-APlikasi anda
Jika Tidak Mau Pusing Bikin APlikasi Silahkan Copas Code Berikut dan tinggal di pasang sesuai Arahan Diatas:
Script Jadi dan Tinggal Pasang tanpa Buat Aplikasi
<b:if cond='data:blog.pageType == "item"'>
<p align='left'><a href='http://www.uttafreak-987.co.cc/2011/04/cara-pasang-kotak-komentar-facebook-di.html' target='new'><img alt='' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_aFzfGlY0wbNfie3J7Jx_3TWdA9xGYq0hx2OqGoYGidqagS-BLCnjONYHM2tnFxVDO8OFKjjqTMmSLMFyz6IUpdVq8cntU9edpNkv6y5tYOFmMXNQmxWAARjSVje4xDXwXRRQ3X4K_z0/'/></a></p>
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({appId: '204413479577247', status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/id_ID/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
<fb:comments/>
</b:if>
<div style='background-color: transparent; font-size:15px; padding:3px;width:100%;'><b> Mau Pasang Seperti Ini? <a href='http://www.uttafreak-987.co.cc/2011/04/cara-pasang-kotak-komentar-facebook-di.html' target='_blank' title='facebook comment'>Klik Disini..</a></b></div>
Selamat Kotak Komentar Anda sudah Jadi, Jika ada Masalah jangan segan-segan memberikan Komentar.
Tips-Trik Blogger
- Cara Membuat Related Post Dua Kolom
- Cara Modifikasi Kotak Komentar Blogger
- Membuat Related Post dengan Efek Ceklis
- Membuat Breadcrumb Terindex Google
- Cara Membuat Menu Navigasi Kwicks Dengan jQuery
- Load Page Blog Lebih Keren Dengan Keyframes
- Cara Memasang Script Iklan Melayang (Ads popout)
- Menu Rocking Rolling Rounded Dengan jQuery
- Trik Mempercepat Loading Home Page Blog
- Cara Membuat Title Otomatis Pada Semua Posting
- Cara Membuat Efek Rotate Miring Dengan CSS3
- Pengertian SEO On Page Dan Off Page
- Cara Membuat Valid XHTML Blogger
- Script Untuk Menghindari Para Tukang Copas
- Cara Meningkatkan Traffic Blog Dengan (Manual)
- Cara Mudah Meningkatkan Traffic Blog dengan AutoSurf
- Cara Vertifikasi Ulang Blog Ke Google Webmaster Tools
- Cara Remove Broken Link Dengan Webmaster Tools
- Cara Membuat Kota Komentar Admin Berbeda
- Menghilangkan Tulisan "Langgan: Entri (Atom)"
- Black Devil Red Horns Emoticon
- Cara Pasang Iklan di Bawah Posting
- Ablewise | Tool Buat Memprediksi PageRank
- Google Index Pages Checker
- Blogger Support Upload Favicon Sendiri
Title : Cara Pasang Kotak Komentar Facebook di Blogger
URL : http://blogcunayz.blogspot.com/2011/07/cara-pasang-kotak-komentar-facebook-di.html
Anda boleh menyebar Luaskan atau Meng Copy-Paste Artikel ini bila dapat bermanfaat bagi teman-teman anda, Namun jangan lupa untuk meletakkan Link Cara Pasang Kotak Komentar Facebook di Blogger sebagai Sumbernya.
URL : http://blogcunayz.blogspot.com/2011/07/cara-pasang-kotak-komentar-facebook-di.html
Anda boleh menyebar Luaskan atau Meng Copy-Paste Artikel ini bila dapat bermanfaat bagi teman-teman anda, Namun jangan lupa untuk meletakkan Link Cara Pasang Kotak Komentar Facebook di Blogger sebagai Sumbernya.
mantab dech sob, ane udah pasang tu ....
ReplyDeleteOk sip dech,..... mntab infonya sob ...
ReplyDelete:)
ReplyDelete
ReplyDelete