Cara Pasang Kolom/kotak Komentar Facebook dan Blog Model Tab

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'>
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..



4 comments: