Membuat Komentar Facebook dan Blogger Berdekatan

Membuat Komentar Facebook dan Blogger Berdekatan - Facebook merupakan media sosial yang sudah tak asing lagi bagi kita, hampir sebagian besar pengguna internet mempunyai akun di facebook. Buat agan yang punya blog dan suka blogging , tidak ada salahnya menambahkan plugin komentar dengan facebook tersebut. Dengan demikian diharapkan blog agan akan semakin ramai karena semakin mudah orang akan memberikan komentar ke blog agan. Jadi nanti saat orang mau ngasih komentar di blog agan, tinggal pilih apa mau lewat akun blogger atau lewat akun facebook. Tata letak plugin komentar facebook ini pun nantinya akan berdekatan dengan komentar via blogger. Agan bisa lihat di blog ini contohnya. Jika tertarik silakan ikuti panduannya sebagai berikut.

Berikut Cara Membuat Komentar Facebook dan Blogger :
1. Login ke akun blogger.com
2. Pilih Template kemudian Edit HTML
3. Tekan Ctrl F dan cari kode ]]></b:skin>
4. Taruh kode berikut di atas nya kode tsb.

.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;}

5. Kemudian cari kode </head>
6. Taruh kode berikut di atas kode di atas kode </head> tsb

<script src="http://connect.facebook.net/en_US/all.js#xfbml=1">
<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='IDfacebook' property='fb:admins'/>
<script type='text/javascript'>
function commentToggle(selectTab) {
$(".comments-tab").addClass("inactive-select-tab");
$(selectTab).removeClass("inactive-select-tab");
$(".comments-page").hide();
$(selectTab + "-page").show();}
</script>

7. Ganti IDfacebook dengan ID sendiri (facebook.com/IDfacebook)
8. Kemudian cari kode <div class='comments' id='comments'>
9. Biasanya di template sobat akan menemukan 2 kode tsb yang sama. Letakkan kode di bawah ini tepat di bawah 2 kode tersebut.

<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' 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("#blogger-comments");' 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 == "item"'><div id='fb-root'/><fb:comments expr:href='data:post.url' num_posts='5' width='450'/></b:if></div><div class='comments comments-page' id='blogger-comments-page'>

10. 5 adalah banyaknya komentar yang akan ditampilkan dan 450 adalah lebar kotak komentar facebook.
11. Simpan Template jika sudah selesai.

WAJIB BACA!

Sebuah Penghasilan Online paling realistis dan anti SCAM, bukan bisnis online tapi kerja online. Kerja Online cuma dengan mengetik kode captcha, anda digaji dollar. Silahkan baca postingan kerja online ketik captcha klik disini