MARYONO

Laki-laki, 15 MARET 1991

MAGETAN, INDONESIA

Banggalah pada dirimu sendiri, Meski ada yang tak Menyukai. Kadang mereka membenci karena Mereka tak mampu menjadi seperti dirimu.
::
Start
Windows 8 SM Versi 3
Shutdown

Navbar3

Search This Blog

Friday, February 28, 2014

cara menambahkan komentar facebook di blog

cara menambahkan komentar facebook di blog judul ini saya ambil karena jika yang mau berkomentar agar bisa menggunakan situs facebbok karena pastinya semua orang punya kan akun facebook nah jadi saya postingkan pos ini cara menambahkan komentar facebook di blog ternyata caranya begitu mudah sobat untuk membuatnya ikuti lahkah ini ya sobat...pertama kamu COPY PASTE ID Facebook caranya klik sini

setelah dapat ID Facebook silahkan masuk ke blogger dan langsung ke template > edit HTML
cari kode  <div class='comments' id='comments'>
gunakan control + F  lebih mudah mencarinya;
sisipkan kode dibawah ini tepat di bawah 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/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='3' width='500'/></b:if></div>
<div class='comments comments-page' id='blogger-comments-page'>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><script src='http://code.jquery.com/jquery-latest.js'/><meta content='ID Facebook' 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><style>.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;}</style>

setelah selesai ganti warna merah yang bertulisan  ID Facebook dengan ID Facebook sobat tadi
dan angka 500 menunjukan lebar komentar
simpan template dan lihat hasilnya
setelah dilihat akan muncul  pada kolom komentar seperti ini;


mudah bukan sobat cara buat komentar facebook di blog jangan lupa beri komentar juga ya sobat agar blog ini lebih baik lagi, inikan juga untuk sobat semua,,,

1 comments:

hanik muzayanah said...

terima kasih mas atas infonya,,