Judi

Cara memasang Komentar facebook di blog dengan mudah

Like
Like Love Haha Wow Sad Angry
jika sobat lagi mencari atau nyasar/sekedar lihat-lihat, pada kali ini saya memposting tentang bagaimana cara untuk memasang komentar facebook diblog sobat.

komentar facebook ini berguna buat blog karena jika aada seorang pengunjung yang ingin bertanya, tetapi orang itu tidak mempunyai blog atau situs lain, bagaimana dia bisa berkomentar pada blog sobat. syukur2 kalau pengunjungnya itu yang punya blog.

komentar itu sangat penting loh, karena itu adalah komentar tentang blog sobat sendiri dan bagaimana pengunjung mengajukan pertanyaan
komentar facebook juga bisa membuat blog sobat lebih bagus keseoannya ( kata orang ) hehehee

ok langsung saja kita simak cara-caranya sebagai berikut.

1. masuk ke Home Blogger
2. lihat menu, pilih template
saya sarankan untuk membackup template buat jaga-jaga bila terjadi kesalahan
3. edit HTML
4. cari kode ]]></b:skin>
tekan CTRL+F agar mempermudah pencarian

5. setelah ketemu kode ]]></b:skin> , masukan kode dibawah ini dan letakan diatas kode ]]></b:skin>

.comments-page {background-color: #ffffff;}#blogger-comments-page {padding: 0px 5px;display: none;}.comments-tab {float: left;padding: 5px;margin-right: 3px;cursor: pointer;background-color: #dddddd;}.comments-tab-icon {height: 14px;width: auto;margin-right: 3px;}.comments-tab:hover {background-color: #eeeeee;}.inactive-select-tab{background-color: #d1d1d1;}

5. setelah itu cari kode </head>
6. copy paste kode dibawah ini dan letakan di atas kode </head>

<script src=’http://connect.facebook.net/en_US/all.js#xfbml=1’/><meta content=’tulcat’ property=’fb:admins’/><script src=’http://code.jquery.com/jquery-latest.js’/><script type=’text/javascript’>function commentToggle(selectTab){$(&quot;.comments-tab&quot;).addClass(&quot;inactive-select-tab&quot;);$(selectTab).removeClass(&quot;inactive-select-tab&quot;);$(&quot;.comments-page&quot;).hide();$(selectTab + &quot;-page&quot;).show();}</script> 

7.  ganti tulisan tulcat dengan ID FACEBOOK sobat. cari di blog ini caranya

8. setelah itu, cari kode <div class=’comments’ id=’comments’>

jika tidak ketemu, cari kode <div class=  , atau cari <div class=’comments-tab’ , pokonya jika tidak ada , cari yang mendekati kode diatas, yang ada kalimat komennya.
9. setelah itu  copy paste kode dibawah ini dan tempelkan di atas kode sebelumnya yang telah dicari

<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://3.bp.blogspot.com/-WZ3HXEOuQK8/UeevfzaA7gI/AAAAAAAAA_s/xSccVvuGQNw/s1600/facebook+comments+vipergoy.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 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=’5′ width=’500’/><i><a href=’http://tulcat.blogspot.com/2014/08/cara-memasang-komentar-facebook-di-blog.html‘ style=’color:#aaaaaa;text-align: right;’ target=’_blank’ title=’Buatlah Komentar Faceboookmu Sekarang Juga’>Facebook</a></i>

    </b:if>    </div>    <div class=’comments comments-page’ id=’blogger-comments-page’> </div>

10. simpan template
demonya akan seperti pada blog saya.

cukup mudah bukan. untuk melakukannya harus teliti yah biar maksimal dalam bekerja 😉
mungkin cuma itu saja Cara memasang Komentar facebook di blog dengan mudah semoga dapat bermanfaat, bila ada pertanyaan atau kesulitan bisa ditanyakan di kolom komentar. selamat beraktifitas dan sampai jumpa 😉

Like
Like Love Haha Wow Sad Angry
Agen
4 Comments

Leave a Reply