Cara buat kotak komentar facebook di blog berdampingan

Contoh

Cara buat kotak komentar  facebook di blog’ sebetul Tutorial semacan ini sudah sering kali saya dengar dan di shere oleh kawan kawan bloger lain nya Tapi yah.. gk Ada salah nya  jika saya shere kembali dengan cara menerepan yang sedikit Berbeda!!!.. dan hasil dari menerepan ini akan membuat kotak Facebook dan blogger berdampingan di blog yang kita kelola, Buat Anda Yang ingin Membuat nya silahkan di simak aja berikut panduan nya di bawah ini.

1.Login ke blogger

2.Klik Rancangan Tempelate

3.Klik edit HTML

Cari kde:]]></b:skin>

(Untuk mempermudah pencarian gunakan Ctrl+F)

1.Selanjutnya letakan kode dibawah ini Tepat diatas kode: ]]></b:skin>

.comments-page { background-color: #d8dfea;}
    #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;}

2.Cari kode:</head> letakan kode dibawah ini sebelum 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='http://www.facebook.com/mra1030' 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>

Keteranga kode diatas:

Teks berwana merah Adalah alamat Fans Fage Anda Contoh:http://www.facebook.com/mra1030

3.Cari kode berikut ini: <div class='comments' id='comments'>

Jika sudah ketemu Lalu masukan kode dibawah ini Tempat dibawah nya

<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='598'/>
    </b:if>
    </div>
    <div class='comments comments-page' id='blogger-comments-page'>

Keterangan:

Pots=’10’ adalah jumlah komentar yang Akan di tampilka dalam kotak komentar facebook

Width=’598  adalah lebar kotak komentar nya silahkan anda sesuaikan dengan blogs yang Anda kelolah dengan cara mengurangi atau menambah nilainya

Catatan: Untuk Melihat  hasil dari Cara menerapan diatas silahkan buka kotak komentar anda yang sudah berisikan komentar jika belum(isikan) untuk melihat hasil nya.

Sebagai contoh nya: sialahkan berikan komentar melalui via kotak kometar di blog ini.

Yaa..Wasalam>> ^_^