Headlines News :
Home » » Cara membuat kotak komentar facebook yang mudah

Cara membuat kotak komentar facebook yang mudah

Written By Azzahida on Tuesday, 19 November 2013 | 07:14

Cara membuat kotak komentar facebook Berdampingan dengan komentar blogg...
Sudah banyak cara yang beredar di blog cara membaut kotak komentar Facebook namun kalau kita tidak teliti script yang kita pasang bisa jadi bentrok...
Dengan script yang lainya terlebih jika blogg anda sudah di lengkapi dengan konten slider/konten yang bergerak seperti di salah satu blog PENDOPO SHOLAWAT Itu blog salah satu yang sudah di lengkapi konten berjalan atau bergerak, nah jika blog anda blog pemula itulah yang di sebut slider... lalu jika anda salah dalam memasukan kode di HTML maka slider tersebut tidak akan berfungsi seperti mestinya.
Nah disini akan saya kasih tips&trick yang lebih baik tentunya...namun sebelum saya berbagi cara ini syarat utamanya anda harus sudah punya kode api id facebook...untuk membuat id api facebook anda bisa cari tutorialnya di google, salah satunya di blog mas hairul
http://www.multipaste.web.id/2012/02/api-key-facebook.html
 Nah bagi yang sudah punya Id yang saya maksud silahkan ikuti langkah berikut di jamin anda hanya butuh waktu paling lambat 5 menit untuk membuat kotak komentar facebook berdampingan dengan komentr blogg.


Pertama login ke blogg sahabat semua masing masing...!!
ke 2 : Pilih template edit HTML..!!
ke 3 : Cari kode <div class='comments' id='comments'>
Jika sudah ketemu silahkan kopi kode di bawah ini dan pastekan di bawah kode 
<div class='comments' id='comments'>

Berikut ini kodenya...!!!



<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://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.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://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 == &quot;item&quot;'><div id='fb-root'/><fb:comments expr:href='data:post.url' num_posts='2' width='600'/></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='ID API 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><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>


Keterangan :
Jika dalam template anda ada dua/2 kode
<div class='comments' id='comments'>
Maka taruhlah kode tersebut di bawah kode ke 2 dua.
Karna jika kode di taruh di kode pertama maka setelah ada komentar di blogger komentar facebook tidak muncul..!
Tulisan Id api facebook ganti dengan kode api facebook milik ada .
600 warna biru adalah lebar kolom kotak komentar facebook silahkan ganti sesuaikan dengan lebar blog anda  !!...  2 warn hitam adalah angka untuk memunculkan jumpalh komentar.
Anda bisa mengganti sesuai kebutuhan ...!!
Terahir Save..!! lihat hasilnya untuk mengetahui berhasil atau tidak silahkan buka postingan anda yang sudah ada komentarnya...
Terima kasih selamat mencoba semoga berhsil. wassalam..




Sumber : http://hahihuheho123.blogspot.com/
Share this article :

1 komentar:

Speak up your mind

Tell us what you're thinking... !

 
Support : Creating Website | Johny Template | Mas Template
Proudly powered by Blogger
Copyright © 2011. Kids Indonesia - All Rights Reserved
Original Design by Creating Website Modified by Adiknya