cara simpel untuk menciptakan kotak komentar Facebook yang Responsif di Blog
Assalamualaikum, wr. wbSalam Blogger Indonesia...
Saya mau membagikan Tips atau cara yang simpel untuk menciptakan kotak komentar Facebook di Blog. yang Gunanya untuk memudahkan Pengunjung berkomentar dengan Account Facebook. Memasang nya pun cukup simpel dan simpel kok. Karena Sekarang Facebook sendiri sudah menyediakan Fasilitas atau Plug in Comment yang sanggup anda buat sendiri dan dipasang di blog anda.
Dan Cara ini sudah di modifikasi dengan Komentar Facebook yang menjadi Responsive.
Gunanya apa??? Gunanya untuk memudahkan pengunjung untuk mengakses dan berkomentar diblog anda dengan memakai Account Facebook dengan Praktis dan nyaman.
Caranya simpel kok, anda tinggal Copy script HTML di bawah ini dan pasang di Template HTML anda. Cara ini sudah di modifikasi dengan simpel biar pengunjung sanggup berkomentar ibarat berkomentar di Facebook. dan anda sanggup rubah ukuran widht untuk menyesuaikan ukuran di blog anda.
Ok, pribadi saja Silahkan ikuti langkah demi langkah cara Membuat kotak komentar Facebook di Blogger.
Dan Berikut Cara Membuat kotak komentar Facebook yang responsive di blog :
1. Login di Blog Anda
2. Masuk Dasbor => Pilih Template
3. Edit HTML
4. Cari Tulisan <head> (untuk memudahkan pencarian di HTML tekan CTRL+F ) Lalu pasang Kode Content dibawah ini Tepat dibawah <head>
<meta content='NamaIDFB' property='fb:admins'/> <meta content='AppIDFB' property='fb:app_id'/> |
5. Lalu ganti NamaIDFB dan AppID yang berwarna merah dengan ID Facebook Anda sendiri (Untuk mengetahui ID Facebook Anda, anda sanggup lihat gambar di bawah ini
7. Lalu cari Kode ini </head> (untuk memudahkan pencarian di HTML tekan CTRL+F) Lalu pasang Kode Script dibawah ini sempurna diatas isyarat </head>
<script type="text/javascript"> //<![CDATA[ $(window).bind("load resize", function(){ var url = location.protocol+'//'+location.host+location.pathname; var containercm_width = $('#container-commentfb').width(); $('#container-commentfb').html('<div class="fb-comments" ' + 'data-href="'+url+'"' + ' width="' + containercm_width + '" data-num-posts="10"></div>'); FB.XFBML.parse( ); }); //]]> </script> 8. Masih Di Html template blog anda Lalu Cari isyarat berikut <data:post.body/>
(biasanya di blog anda isyarat ini <data:post.body/> lebih dari 2, tapi pilih saja yang terakhir dan atau anda coba satu-persatu)
<b:if cond='data:blog.pageType == "item"'> <div id='fb-root'/> <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/> <div id='container-commentfb' style='width: 100%;'><fb:comments expr:href='data:post.url' num_posts='10' width='500'/></div> </b:if> 9. Simpan dan Lihat Hasilnya
Demikian lah cara yang simpel untuk menciptakan kotak komentar Facebook di Blog. Jika Anda masih kesulitan silahkan bertanya dan berkomentar dibawah. terima kasih sudah berkunjung.
wassalamualaikum, wr.wb.