membuat double komentar pada blog

selamat malam sahabat bloger malam kali ini saya akan membahas cara membuat DOUBLE KOMENTAR pada blog sahabat seperti komentar di blog saya ini.

sebelumnya saya pernah membahas cara membuat kotak KOMENTAR FACEBOOK pada blog sahabat di tutorial saya sebelumnya,lihat disni caranya.kali ini saya akan membahas pada versi keduayang mana sudah saya terapkan pada blog saya ini.ok kita langsung saja menuju tutorial cara pembuatan nya.

1. Login dashbord blog sahabat
2. Masuk pada rancangan edit HTML
3. Untuk menghindari kesalahan bakcup terlebih dahulu template blog sahabat
4. Kemudian beri centrang pada " expand template widget "
5. Kemudian cari kode <div class='comments' id='comments'> biasanya terdapat 2 kode tersebut di tempelate sahabat,kemudian copy kode di bawah ini tepat di bawah kode tersebut yang ke2

<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://dimash.waphall.com/fb.png'/>

<fb:comments-count expr:href='data:post.url'/> Comments

</div>

<div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='Comments from Blogger'>

<img class='comments-tab-icon' src='http://dimash.waphall.com/blog.gif'/> <data:post.numComments/> 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='400'/>

</b:if>

</div>

<div class='comments comments-page' id='blogger-comments-page'>

2.jumlah komentar facebook yang akan di tampilakan
400 adalah ukuran lebar komentar facebook

6. Lalu cari kode </head> kemudian copy kode di bawah ini tepat di atas </head>

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

 

pada "ID FACEBOOK " Masukan id facebook sahabat lihat contoh di bawah ini untuk mengetahui id sahabat.

 

untuk mendapatkan id sahabat klik pada foto profil facebook sahabat kemudian lihat gambar di atas itu lah id sahabat kemudian ganti pada kode tadi

7. Cari kode /* Comment atau #comments setiap template mempunyai kode yang berbeda jadi sahabat cari saja kode yang hampir sama,kemudia letakan kode di bawah ini tepat di atas tadi

.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;}

 

8. Simpan dan sekarang sahabt mempunyai double komentar fb yang bersamaan........

semoga bermanfaat........... 

 

Artikel Terkait: