kotak komentar facebook

Kali ini kita ketemu lagi masih dengan bahasan Sebelum nya bagaiamana cara buat Fans Fage di blog Cuma kali ini  agak sedikit berbeda dengan Tutorial sebelumnya karena saya rasa dalam artikel sebelum nya anda sudah memahami bahkan sudah anda terapkan Tetapi hal itu saya rasa belum cukup  jika kita belum membahas Bagaimana Cara Membuat kotak Komentar Facebook di blog’   Kotak komentar Facebook yang kita  akan bahas bukan sebatas membuat nya. Karna pendapat saya cara peletakannyapun’ harus Tampak professional apapun yang kita lakukan setidaknya setiap pengujung yang datang agar lebih nyaman berkunjung ke blog kita

Yazp… kita langsung dalam pebahasan berikutnya bagaimana cara buat Kotak komentar Facebook dan blogger berdampingan.

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 kamu 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

Selesi….jgn lu komen nya ya disini…!!!!!!!

Contoh