Postingan kali ini saya akan berbagi tentang salah satu tutorial yang sangat penting bagi sobat blooger khususnya dan pembaca umumnya tanpa ...
Postingan kali ini saya akan berbagi tentang salah satu tutorial yang sangat penting bagi sobat blooger khususnya dan pembaca umumnya tanpa terkecuali.
Bagi saya sangat penting menambahkan fitur Facebook comment di blog, karena selain mempercantik tampilan blog juga memfasilitasi pengguna facebook untuk berkomentar di blog kita. Ok lah, tanpa memperpanjang pembukaan kita langsung terjung ke lapangan aja.
Langkah pertama copy ID FACEBOOK sobat dan paste pada microsoft word atau notepad (karena ID FACEBOOK akan dibutuhkan dalam kelancaran tutorial ini)
Jika sobat belum tahu dimana letak ID FACEBOOK itu, silahkan klik ICON PROFILE sobat. Selanjutnya perhatikan URL bagian atas. Contoh https://www.facebook.com/pajatapuih.iqbal berarti ID nya terletak pada tulisan berwarna merah.
Langkah Selanjutnya Login Ke dalam Dashboard Blog anda kemudian clik Template pilih Edit HTML
Langkah berikutnya cari code <div class='comments' id='comments'> Pada Code HTML Blog sobat (Untuk Melakukan Pencarian Agar lebih Cepat Ditemukan Clik CTRL + F pada Keyboard kemudian ketikan Kata <div class='comments' id='comments'> pada Search lalu clik Enter)
Setelah code diatas ditemukan langkah selanjutnya copy code dibawah ini dan kemudian paste tepat dibawah code <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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghxkysVFcRdnzEIUt2z_qQBQ-Nm9pi8XsnUd7sJ15HtXIlkU7UVqa4HcwpmREg6l0ZUp-gLmh3E1GQhyrh_5ptcv3R9_trWzo2y1jMBl6RolgBBA4MMVQZuIVazzUZ_P2ew3jR8YvCMWQ/s1600/fb_bw.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='2' 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='pajatapuih.iqbal' 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>
Catatan :
Pada Code Diatas Cari kode meta content='pajatapuih.iqbal' Ganti Tulisan ID Facebook dengan ID Facebook sobat.
Untuk Merubah Ukuran Komentar Cari Kode width='500' Kemudian Ubah Nilai Tersebut Sesuai Dengan Keiginan Sobat
Untuk Melihat Hasilnya Refresh blog kemudian clik postingan pada blog sobat, maka jrenk…jrenk… Facebook comment sudah tampil di postingan blog.
COMMENTS