Cara Membuat Komentar Facebook Dan Menata Komentar Blog

Pada postingan yang ke-19 ini akan membahas tentang
Cara Membuat Komentar Facebook Dan Menata Komentar Blog
Seperti apa sih?
Bisa lihat pada gambar-gambar postingan ini

Berhubung cara nya lumayan panjang mendingan langsung masuk ke tutorialnya.. :)

1. Login dahulu di blogger
2. Masuk ke Dasbor > pilih blog yang akan diedit
3. Pilih Rancangan > pilih Edit HTML
4. Jangan lupa untuk centang pada kotak Expand Template Widget
5. Cari kode  <div class='comments' id='comments'> dengan bantuan CTRL+F atau tekan F3 pada keyboard. Cukup pilih salah satu saja
6. Lalu copy kode dibawah ini

<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Comments made with Facebook'><img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/><br /> <fb:comments-count expr:href='data:post.url'/> Comments<br /> </div><div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle("#blogger-comments");' title='Comments from Blogger'><img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments<br /> </div><div class='clear'/></div><div class='comments-page' id='fb-comments-page'><b:if cond='data:blog.pageType == "item"'><br /> <div id='fb-root'/><fb:comments expr:href='data:post.url' num_posts='2' width='400'/><br /> </b:if><br /> </div><div class='comments comments-page' id='blogger-comments-page'>

7. Kemudian paste DI BAWAH kode <div class='comments' id='comments'>

8. Cari kode </head> dengan bantuan CTRL+F atau tekan F3 pada keyboard

9. Copy kode di bawah ini

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/> <script src='http://code.jquery.com/jquery-latest.js'/> <meta content='MASUKKAN ID FB ANDA BLOGGER' 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>

10. Kemudian paste DI ATAS kode</head>. Gantilah tulisan "MASUKKAN ID FB ANDA BLOGGER" contohnya https://www.facebook.com/fuadshifu

11. Cari kode /* Comment atau #comments dengan bantuan CTRL+F atau tekan F3 pada keyboard
atau yang mirip-mirip tidak masalah, karena perbedaan template
12. Copy kode di bawah ini

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

13. Kemudian paste DI BAWAHNYA

14. Selesai. Jangan lupa untuk disimpan

Sekian tutorial tentang Cara Membuat Komentar Facebook Dan Menata Komentar Blog

Sambung postingan selanjutnya

Selamat mencoba dan semoga sukses..Amin..

Ditunggu komentarnya ya..

Jangan Lupa Untuk Membaca Juga Yang Ini