Wednesday, 28 August 2013

Membuat Kotak Komentar Facebook dan Blogger

Membuat Kotak Komentar Facebook dan Blogger Berdampingan

Mungkin kamu pernah menemui blog yang kotak komentarnya pakai facebook dan blogger. Nah, sekarang kita akan belajar membuat kotak komentar dan blogger jadi satu dalam bentuk tab. Tab komentar facebook berdampingan dengan kotak komentar dari bawaan blog, yaitu blogspot atau blogger.com

Dulu, kita telah belajar bersama untuk membuat kotak komentar blog hanya dengan memakai kotak komentar dari facebook. Salah satu manfaat memakai kotak komentar facebook adalah percakapan tentang blog tidak hanya sebatas di blog tapi bisa juga di bawa ke laman facebook, sehingga semakin mudah blog kita menyebar di facebook.

Dengan membuat pilihan kotak komentar, akan bisa lebih memudahkan pengunjung blog untuk memberikan tanggapan terhadap postingan blog. Karena tidak semua orang punya akun blogger ataupun blog. Tetapi hampir semua orang punya akun facebook, dengan demikian pembaca akan lebih mudah meninggalkan komentar.

Cara Membuat Komentar Facebook dan Blogger
1. Login ke akun blogger.com
2. Pilih Template kemudian Edit HTML
3. Tekan Ctrl F dan cari kode ]]></b:skin>
4. Taruh kode berikut di atas ]]></b:skin>
.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;}
5. Kemudian cari kode </head>
6. Taruh kode berikut di atas kode di atas kode </head>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='IDfacebook' 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>
7. Ganti IDfacebook dengan ID sendiri (facebook.com/IDfacebook)
8. Kemudian cari kode <div class='comments' id='comments'>
9. Kamu akan menemukan 2 kode yang sama. Letakkan kode di bawah ini tepat di bawah 2 kode tersebut
 <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='5' width='450'/></b:if></div><div class='comments comments-page' id='blogger-comments-page'>
10. 5 adalah banyaknya komentar yang ditampilkan dan 450 adalah lebar kotak komentar facebook.
11. Simpan Template jika sudah selesai.

Kabar terbaru dari blogspot adalah, sekarang blogger bisa mengaktifkan atau mengganti komentar bawaan dengan kotak Komentar Google+. Semakin banyak pilihan kotak komentar yang bisa dipakai, karena sebuah blog sejatinya adalah komunikasi dua arah, bukan hanya konten tetapi juga percakapan (komentar).

Source : http://kurniasepta.blogspot.com/2013/05/cara-membuat-komentar-facebook-dan.html

Seorang pelajar yang ingin berkreatifitas di dunia blogging dan yang selalu ingin membuat kreatifitas yang lebih baru.

11 komentar

kelebihan klau pasang komentar di fb ap

baca dari paragraf 1 sampai 3 ^^

kalau kmentar fb dan blog sama2 ada, terus gmna caranya kalo komentar Blognya di taru di awal, atau yang lebih duluan,?

sukses ,, makasih infonay http://goo.gl/Nlu4q4 | http://goo.gl/IfvHUY | http://goo.gl/0GZ7I5 | http://goo.gl/9M1wDg

Kok nggak bisa itu saya terapkan di blog saya? Harap dicek :)

terimakasih telah berbagi
semoga bermanfaat

http://hamzahalfarisi.student.ipb.ac.id

TOKO NABILA SHOP JUAL HANDPHONE TERBESAR TERLENGKAP TERMURAH TERPERCAYA Produk dijamin asli orginal.Dapatkan harga promo meyambut HARI NATAL TAHUN BARU Barang yang Kami Tawarkan Semuanya Barang ASLI ORGINAL Ada Garansi Resmi Distributor dan Garansi TAM 2 bebas resiko bebas penipuan.Semua Produk Kami Baru dan Msh Tersegel dLm BOX_nya BERMINAT HUB-SMS 085-757-299-675 ATAU KLIK WEBSET RESMI KAMI http://nabilashop77.blogspot.com
Ready Stock! Samsung Galaxy S4 Mini Rp.2,500.000
Ready Stock! Apple iPhone 5 Rp.2,700.000
Ready Stock! BlackBerry 9380 Orlando - Black.Rp.900.000,-
Ready Stock! BlackBerry Curve 8520 Gemini.Rp.500.000,-
Ready Stock! BlackBerry Bold 9780 Onyx 2.Rp.800.000,-
Ready Stock! Blackberry Curve 9320.Rp.700.000,-
Ready Stock! Samsung Galaxy Note 10.1.Rp.2,500.000.
Ready Stock! Samsung Galaxy Tab 2 (7.0).Rp. 1.000.000
Ready Stock! Samsung Galaxy S III Mini.Rp.1.800.000.
Ready Stock! Samsung Galaxy Nexus I9250 - Titanium Si.Rp.1.500.000,-
Ready Stock! Samsung Galaxy Note N7100.Rp.2.500.000.
Ready Stock! Samsung Galaxy Note N7000 - Pink.Rp.1.700.000.
Ready Stock! Samsung Galaxy Y S5360 GSM - Pure White.Rp.500.000
Ready Stock ! BlackBerry Curve 9360 Apollo Rp.950.000,-
Ready Stock ! Varian Canon EOS 70D Rp.500.0000

kalau posting komentar berupa url yang langsung bisa di klik gimana?
Idrpoker.com agen texas poker online indonesia terpercaya
http://mm-p.blogspot.com/2014/01/idrpokercom-agen-texas-poker-online.html
https://independent.academia.edu/SalimAje/Posts
http://stikespatriahusadablitar.ac.id/index.php/96-blog/bmdoang/idrpoker-com-agen-texas-poker-online-indonesia-terpercaya
http://250.xieyy.cn/forum.php?mod=viewthread&tid=535778
http://www.ign.com/boards/threads/idrpoker-com-agen-texas-poker-online-indonesia-terpercaya.453776697/
http://www.moneymakergroup.com/blog-b4823.html

sukses sih gak tapi letaknya kok dibawah komentar google + ya bisa gak lok, lok dipindahin biar dibawah postingan langsung kayak punya agan gmna caranya

wah keren artikelnya gan
Bermanfaat banget
ditunggu artikel selanjutnya..

Cara yang ampuh untuk menghancurkan wasir peyakit ambeien tanpa operasi, pendek dan pengobatan yang kuat

obat wasir

Catatan :
- Dilarang Menggunakan Link Aktif / Live Link
- Dilarang Promosi Iklan
- Dilarang Nyepam
- Untuk Menyisipkan Kode, Gunakan tag <i rel='code'> Taruh Kode Disini </i>
- Untuk Menyisipkan Kode Panjang, Gunakan tag <i rel='pre'> Taruh kode panjang disini </i>
- Untuk Menyisipkan Catatan, Gunakan <b rel='quote> Taruh Catatan disini </b>
- Untuk Menyisipkan Gambar, Gunakan <i rel="'image> URL Gambar </i>
- Untuk Menyisipkan Youtube, Gunakan <i rel='youtube'> URL Youtube </i>

Sebelum menyisipkan kode silahkan gunakan Tools Konversi Kode.
Caranya tinggal klik tombol "Konversi Kode" yang berada di Form Komentar.
EmoticonEmoticon