Assalamu'alaikum Wr Wb
Oke gaes.. Ane gak mau basa-basi. Langsung Aja ke pokok permasalahannya, yaitu membuat kolom komentar dari facebook dan blogspot dengan model tab. Kayak gini contohnya:
Ikuti Langkah-langkahnya:
1. Buka menu Edit HTML.
2. Cari Kode : <div class='comments' id='comments'>
Oke gaes.. Ane gak mau basa-basi. Langsung Aja ke pokok permasalahannya, yaitu membuat kolom komentar dari facebook dan blogspot dengan model tab. Kayak gini contohnya:
Ikuti Langkah-langkahnya:
1. Buka menu Edit HTML.
2. Cari Kode : <div class='comments' id='comments'>
3. Copy kode di bawah ini, lalu paste-kan 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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEk7zj8HmilQA1j_HumZLPLFgEgNvPHlvpo16_OcGnT_J0phHa-oUUhorYHHIlsrozNzTrBe79bbJ8BnYnXrzrpBLheil-JburPPymPhgv9JqnvMMbnxOLvzsSdL6fe4xxDhvJ365MrEE/s400/fblogo.preview.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='550'/></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='IDFANPAGEFACEBOOK' 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>
4. Ganti IDFANPAGEFACEBOOK dengan id fanspage sobat. (Buat fanspage sendiri kalau belum punya)
Cara lihat ID Fanspage tinggal buka fanspage sobat, lalu klik menu "Tentang", selanjutnya lihat di bawah ada tulisan ID Halaman Facebook : 10026565009xxxx
5. Jika gak punya fanspage. Abaikan saja langkah no 4 dan biarkan tertulis IDFANPAGEFACEBOOK.
6. Save Template
Semoga bermanfaat...! :)
Silakan kopas tapi beri sumber linknya.. OK!
Wassalam..
Wassalam..
nice info
ReplyDeleteKalo ga ada id fanpage ga bsa pake id akun fb?
ReplyDeleteKlo ga ada dioosongin aja :)
Deletelumayan ni gan . buat mempercantik blog saya www.akuberitau.com
ReplyDelete