Andry Blog's

komentar di blog sangat dibutuhkan untuk blogger karena tanpa komentar dari pembacanya maka seorang penulis tidak akan bisa interaksi dengan pembaca pada artikel yang dia tulis, pasti sobat semua juga ingin kan artikelnya mendapat tanggapan?

adapun cara agar pembaca bisa memberi tanggapan yaitu dengan cara memberi kotak komentar yang di semat dibawah entry atau setiap artikel, namun cara yang satu ini biasanya terasa agak sulit,apalagi pembaca ada yang belum tahu tentang cara memberi komentar di artikel tersebut.





oke gans tanpa basa basi langsung saja ke Tutornya
langsung aja Cekidot ke bwah ini ...

1. Silahkan masuk ke blogger kamu dan menuju di template blog kamu
2. Jangan lupa backup template kamu. agar jika terjadi kesalahan bisa mudah dipulihkan
3. centang kotak kecil di sisi kiri atas pengaturan template kamu atau expand template widget
4. cari kode <div class='comments' id='comments'>  tekan F3 atau Ctrl F dan letakkan kode berikut dibawahnya: 
5. Setelah ketemu Silahkan Copy dan Paste code dibawah ini Tepat dibawah 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'>

PERINGATAN :witdh='400' sesuaikanlah dengan Lebar Halaman Artikel Blog masing-masing Notw num_post='2' yakni jumlah komentar yang akan ditampilkan, silahkan diubah sesuai keinginan

6.  lalu cari kode : </head>
lalu letakan kode dibawah 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 sobat' property='fb:admins'/> <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. Cari kode /* Comment atau #comments dan letakkan barisan kode css berikut ini tepat dibawahnya:

 

.comments-page { background-color: #f2f2f2;} .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 jangan lupa di tinjau dulu ,bila ada kesalahan maree laporkan di bawahh wkwkw..
salam andry Bloz :D

komentar facebook di blog