Home » , » Cara Membuat Komentar Facebook dan Blog di Blogger

Cara Membuat Komentar Facebook dan Blog di Blogger

Written By Syahrullah Syam on Senin, 17 Juni 2013 | Senin, Juni 17, 2013

Cara Membuat Komentar Facebook dan Blog di Blogger itulah artikel yang akan saya share buat anda. Membuat komentar facebook berdampingan dengan blog merupakan hal yang bagus buat meningkatkan pengunjung serta mempermudah pembaca dalam berkomentar tentang artikel yang kita posting di blogger. Membuat komentar melalui akun facebook sangat bermanfaat karena jika seseorang berkomentar maka otomatis akan terpublish di akun mereka dan pastinya blog kita rame pengunjung.
Cara Membuat Komentar Facebook dan Blog di Blogger
Cara Membuat Komentar Facebook dan Blog di Blogger
Cara Membuat Komentar Facebook dan Blog di Blogger mungkin sudah banyak yang membahasnya, namun jika anda belum tahu saya akan menjelaskan bagaimana caranya. Dengan menempatkan dua komentar di bawah postingan kita dapat memberikan alternatif bagi pengunjung yang membaca artikel untuk berkomentar dengan memilih cara komentar di blog atau akun facebook. Jika mereka tidak memiliki akun blog atau tidak tahu cara berkomentar di komentar blog maka komentar facebook lah yang menjadi solusinya. Karena setiap orang pasti mempunyai akun facebook.

Untuk membuat komentar facebook dan blog sangat mudah tinggal mengikuti langkah-langkah berikut.
1. Login dulu di akun blog anda.
2. Pilih perancangan template.
3. Setelah itu edit html.
4. Cari kode berikut ]]></b:skin> gunakan Ctrl F untuk mempermudah pencarian.
5. Setalah dapat letakkan kode di bawah ini tepat di atas ]]></b:skin> 
.comments-page { background-color: #f2f2f2;}#blogger-comments-page { padding: 0px 5px; display: none;}.comments-tab { float: left; padding: 5px; margin-right: 3px;cursor: pointer; background-color: #f2f2f2;}.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}.comments-tab:hover { background-color: #eeeeee;}.inactive-select-tab { background-color: #d1d1d1;}
6. Kemudian cari kode </head> lalu tempatkan kode berikut tepat di atasnya.
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='ID Facebook anda' property='fb:admins'/>
<script type='text/javascript'>
function commentToggle(selectTab) {
$(&quot;.comments-tab&quot;).addClass(&quot;inactive-select-tab&quot;);
$(selectTab).removeClass(&quot;inactive-select-tab&quot;);
$(&quot;.comments-page&quot;).hide();
$(selectTab + &quot;-page&quot;).show();}
</script>
Ket : Ganti kata yang berwarna hijau dengan id facebook anda. Cara mengetahui id facebook anda yaitu masuk ke akun facebook anda kemudian klik kronologi anda. Ambil Url di atas foto sampul anda contohnya https://www.facebook.com/syahrullah.syam.12. syahrullah.syam12 merupakan Id facebook saya jadi ganti dengan id facebook anda.

7. Setelah itu cari kode berikut <div class='comments' id='comments'> lalu tempatkan kode di bawah ini tepat di bawahnya.
<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='Comments made with Facebook'><img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/><fb:comments-count expr:href='data:post.url'/> Comments</div><div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='Comments from Blogger'><img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments</div><div class='clear'/></div><div class='comments-page' id='fb-comments-page'><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='fb-root'/><fb:comments expr:href='data:post.url' num_posts='10' width='450'/></b:if></div><div class='comments comments-page' id='blogger-comments-page'>
Ket : Jika terdapat dua kode <div class='comments' id='comments'> yang sama maka tempatkan kode di atas tepat di bawah kedua-duanya. Angka yang berwarna hijau merupakan jumlah komentar yang akan tampil dan warna merah merupakan lebar kotak komentar. Silahkan ganti menurut selerah anda.

8. Simpan template anda dan lihat hasilnya.

Itulah cara Cara Membuat Komentar Facebook dan Blog di Blogger Semoga bermanfaat buat anda. Jika mempunyai pertanyaan atau saran dan kritik tentang artikel ini silahkan tinggalkan komentar anda di bawah dengan menggunakan akun facebook atau blog anda.
Share this article :
 
Support : Amalkan Ilmu Berbagi Untuk Semua | Blog SEO Arul
Copyright © 2013. Amalkan Ilmu Berbagi Untuk Semua - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger