Cara Memasang Kotak Komentar Facebook di Blog Berdampingan Terbaru

zoct net cinema

blogger, tutorial

7 Komentar

Cara Menambahkan Kotak Komentar Facebook Di Blog. Cara Memasang Kotak Komentar Facebook di Blog.

untuk pembuatan kotak komentar facebook yang di artikel ini tidak terlalu rumit dan tidak terlalu banyak langkah-langkah yang harus kita lakukan. Silakan perhatikan langkah-langkahnya di bawah ini.

 <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='APP ID 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>

1. Masuk ke akun blogger yang anda punya.
2. Pada Dasbor klik Template lalu Edit HTML.
3. Cari kode <div class='comments' id='comments'>. Setelah itu Copy kode dibawah ini dan pastekan tepat dibawah kode tersebut.


Keterangan :
APP ID Facebook = Tukar dengan APP ID  Facebook yang anda punya.
width='600' = Silakan disesuaikan dengan ukuran yang diinginkan.

4. Klik Simpan. Lalu silakan buka salah satu artikel blog yang ada. Lihat tampilan Kotak komentar yang sudah hadir pada halaman artikel yang anda punya.