Saturday, August 15, 2015

cara memasang komentar facebook pada blog

sobat cara unik pada kesempatan hari ini saya akan membagikan tips gimana sih caranya membuat kotak atau kolom komentar facebook  pada blog atau website kita, ya kita tahu sendiri donk kalau facebook adalah media sosial paling ngetrend seantero jagad jadi pasti rugi donk kalau sampai blog atau artikel yang kita tulis tidak ada kolom komentar dari media sosial facebook, karena dengan adanya kolom komentar facebook pada blog kita pastinya para pengunjung facebook akan jadi lebih mudah dalam melakukan komentar terhadap blog kita sobat.


okelah sobat kita langsung aja mulai ne gimana caranya memasang kolom komentar facebook pada blog kita. ikutilah langkah-langkah berikut ini.
  • masuklah ke akun dasboard blog anda kemudian pilih menu template kemudian pilih edit HTMLseperti terlihat pada gambar berikut.



  • kalau sudah sobat cari kode <div class='comments' id='comments'>  agar lebih mudah mencari tekan CTRL+F pada kyeboard anda.
  • bila sudah ketemu pastekan kode dibawah ini pada bagian bawah  kode <div class='comments' id='comments'>  
<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='400'/></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 Facebook Anda ' 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>
  • bila sudah ganti tulisan "ID Facebook Anda" dengan URL dari facebook sobat.
  • terakhir tekan tombol Simpan Template, maka secara otomatis blog anda sudah terpasang kolom komentar facebook seperti berikut.
ok sobat cara unik mungkin itu dulu tips yang mungkin bisa membatu sobat, semoga bermanfaat, terima kasih. I



RELATED POST

0 komentar: