Minggu, 13 Januari 2013

Cara Mengganti Komentar di Blogger dengan Facebook


1.Masuk ke akun blogger sobat lalu pilih Dashboard (gb.1),lalu Tata Letak (gb.2) kemudian contreng tulisan Expands Widget Templates (gb.3)

membuatkomentarfacebookdiblog.
(1)


facebook komentar box bogger.
(2)


memasang komentar blogger ala facebook.
(3)


2.Setelah itu cari kode:

<div class='comments' id='comments'>

untuk mempermudah pencarian tekan Ctlr + F pada keyboard kemudian sobat letakkan kode berikut tepat diBAWAHnya. Kode akan ada dua biji, tapi letakkan di kode yang ditemukan 'kedua'... Berikut kodenya


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

3.Cari kode /* Comment atau #comments dan letakkan barisan kode css berikut ini tepat dibawahnya:
.comments-page { background-color: #f2f2f2;}
.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;}
}


4.Cari lagi kode </head> dan letakkan kode script berikut tepat diATASnya:
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='aGusFuad' 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>


5.Simpan dan selesai :D

Ket:
Untuk aGusFuad ganti dengan id facebook sobat,bisa angka maupun nama. contoh : http://facebook.com/aGusFuad (dalam bentuk huruf ) atau http://facebook.com/2642437238222 (dalam bentuk angka)

Sumber  Referensi : http://pelajaran-blog.blogspot.com/2012/06/cara-ii-membuat-komentar-facebook-di.html

4 komentar:

  1. mampir mas.. sekalian tanya, ini mengganti apa menambah.. koq baca tutornya ga ada yang dihilangkan.. atau di ganti..??

    BalasHapus
  2. maf sob penjelasannya kurang clear, bisa di perjelas lagi gak? thanks

    BalasHapus
  3. script #comments ane dptx yg kyk gini
    .comments{padding:20px 0 20px 0px; position: relative;}

    #comments .comment-author {
    padding-top: 1.5em;
    border-top: 1px solid $(body.rule.color);
    background-position: 0 1.5em;
    }
    #comments .comment-author:first-child {
    padding-top: 0;
    border-top: none;
    }
    .comments .comment-content{ padding:5px 0;line-height:1.4em;border-top: 1px solid #c9c9c9;}
    .avatar-image-container {
    margin: .2em 0 0;
    }
    #comments .avatar-image-container img {
    border: 1px solid $(image.border.color);
    }

    dibagian mana hayo di taruhnya? -_-

    BalasHapus

Blogger Template by Clairvo