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:

Comments
3 Comments

{ 3 komentar... Skip ke Kotak Komentar }

Wahono said...

nyimak ach.......
like this.......
thanks for share gan........
makasih dah bertandang di lapak ane


olways visit my new post only @ Outdoor and Indoor Digital Printing

ReD3viL666 said...

ok thanks bro,atas kunjungan nya

Blog Jaja said...

mantapf banget bro langsung jadi 100%

Tambahkan Komentar Anda

 
© Copyright 2012. Blogger | Edit Template by Japarus | Last Edited : 988BET Agen Bola Untuk Prediksi Piala Eropa 2012

Link Sahabat Berita Terbaru Hari Ini | Aneka Baca |cyber |FBA |Boim Casano |coyac blogspot |Info ZUS

Dr.5z5 Open Feed Directory | Free Backlink Exchange For Seo | Free Auto Backlink Exchange Service | free search engine submission |My Ping in TotalPing.com | | Ping your blog, website, or RSS feed for Free | | |Free SEO Backlinks |