Menghubungkan konektivitas social media dengan blog untuk mendapatkan lalu lintas yang besar merupakan suatu optimalisasi halaman blog yang sangat baik dan menjadi salah satu faktor untama untuk meningkatkan traffik pengunjung pada blog.
Agar suatu blog dapat terkonektivitas dengan social media seperti facebook, maka memerlukan jasa dari facebook developers untuk mendapatkan plugins seperti widget tombol share, like, facebook comment, dan lainnya.
Posting ini hanya akan membahas bagaimana cara membuat komentar facebook dengan tambahan scroll yang berfungsi menghemat atau menyingkat tampilan ruang komentar di bawah posting blog.
Posting ini hanya akan membahas bagaimana cara membuat komentar facebook dengan tambahan scroll yang berfungsi menghemat atau menyingkat tampilan ruang komentar di bawah posting blog.
 |
| Membuat komentar facebook di blogger |
Masuk pada menu Edit HTML, copy script di bawah ini dan letakkan tepat sesudah kode <body>
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : '582204668525761',
status : true,
xfbml : true
});
};
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : '582204668525761',
status : true,
xfbml : true
});
};
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
Kemudian, letakkan script di bawah ini tepat sebelum atau di atas kode ]]></b:skin>
.fb-comments{
padding-left:15px;
overflow: auto; height: 300px; width: 570px;
}
padding-left:15px;
overflow: auto; height: 300px; width: 570px;
}
Selanjutnya, temukan kode <div class='post-footer-line post-footer-line-3'/> dan paste script di bawah ini di bawah kode tersebut.
<div class='fb-comments' data-colorscheme='light' data-href='http://www.facebook.com/ContekanBagus' data-numposts='4'/>
</div>
Terakhir, tinggal meletakkan kode di bawah ini setelah atau di bawah kode <head>
<meta content='http://www.facebook.com/Contekan Bagus' property='fb:admins'/>
Ganti tulisan dan angka berwarna merah pada dua kotak script di atas:
- Kata ContekanBagus diubah dengan nama akun fb sendiri.
- Angka 4 berwarna merah yaitu untuk menentukan jumlah komentar yang ingin ditampilkan dan silahkan diganti sesuai keinginan.
23 komentar
Write komentartukar link yuk
Replyhttp://www.asahilmu.com/2015/03/tukar-link-gratis.html
mantaps
Replytrims ya .. salam kenal
Replymakasih .....infonya bagus, salam kenal.
Replybisa juga yah
Replyilmu yang bermanfaat
Replykerenn banget infonya
ReplyThanks Infonya gan ^^
Replyoke lah pokoknya..thank ya
Replygood
Replysiiip...ok banget...terimakasih..
Replymakasih gan
Replybagus nih tipsnya
Replythankyou gan tipsnya
Replymakasih artikelnyga
Replymksih infonya, perlu di coba..
Replykeren gan artikelnya , jangn lupa kunjungi
Replyhttps://disiplinlinux.blogspot.co.id/
keren gan artikelnya
Replymakasih infonya gan
Replybermanfaat..
Replymanfaat banget
Replytutorial mudah tp manfaat
Replysudah pernah di coba tapi belum berhasil
ReplyEmoticonEmoticon