Cara Membuat Komentar Blog dan Facebook Berdampingan

Cara Membuat Komentar Blog dan Facebook Berdampingan- Masih exist dalam bloging suapya tambah ilmu pengetahuan. Mungkin sobat bosan dengan tampilan komentar yang hanya komentar blog, mungkin sobat pengen menampilkan komen dari facebook juga, karena media sosial ini juga sangat membantu dalam penyebaran artikel blog sobat apalagi sobat memiliki fanspage. Apabila sobat belum mempunyai fanspage silahkan mampir ke Cara Membuat Fanspage Facebook Terbaru. Langsung saja sobat disimak cara membuatnya agar komentar berdampingan

1. Login dulu blog sobat

2. Kemudian pilih template

3. Klik edit HTML biar aman back up dulu template sobat

4. Cari kode ]]></b:skin> dan letakan kode dibawah tepat diatas kode ]]></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;}

Note : Kode yang berwarna merah silahkan ganti warna sesuai selera sobat

5. Belum beres sobat lanjut cari kode </head>

6. Kemudian letakan kode dibawah di atas kode </head>

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

Catatan ganti kode yang berwarna merah dengan Id Fanspage Sobat

7. Selanjutnya cari kode <div class='comments' id='comments'>

Apabila terdapat 2 kode diatas pilih yang ke 2 lalu simpan kode dibawah tepat dibawah kode <div class='comments id='comments'> 

<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/eIpbnVKI9IR.png'/> <fb:comments-count expr:href="data:post.url"/> Comment</div><div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle("#blogger-comments");' title='Comments from Blogger'><timg 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='10' width='400'/> </b:if> </div>  <div class='comments comments-page' id='blogger-comments-page'>

Catatan apabila kode yang berwarna merah sama hapus satu
Sekian artikel yang saya tulis, semoga bermanfaat bagi yang membaca dan yang membutuhkannya. Amin.
Baca juga artikel Anti Copas: Cara Mematikan Klik Kanan