Kamis, 10 Januari 2013

CARA MEMBUAT KOMENTAR FACEBOOK BERDAMPINGAN DENGAN KOMENTAR BLOGGER



Salam blogger, kali ini saya akan melengkapi posting sebelumnya yaitu cara membuat komentar facebook di blog, kali ini saya lengkapi dengan membuat komentar dari blogger juga sobat. Maksud dari judul di atas adalah kotak komentar yang setelah posting akan ada dua pilihan, yang satu dari blogger dan yang satu lagi dari facebook. Jadi para pengunjung bisa memilih apakah mereka mau comment di kotak facebook atau di kotak yang disediakan blogger dan letak button nya juga berdampingan.

Berikut langkah-langkah membuat komentar facebook berdampingan dengan komentar blog :

  • Login ke account blogger sobat
  •  klik menu Template















  • lalu pilih Edit html














  • lalu sobat cari kode  ]]></b:skin> (tekan ctrl+f agar lebih mudah)
  • copy kode dibawah ini dan letakan di atas kode ]]></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;}

  • kemudian sobat cari lagi kode </head>
  • copy kode dibawah ini dan letakan 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='ID FB SOBAT DISINI' 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>

  • Teks yang bertuliskan ID FB SOBAT DISINI ganti dengan alamat atau url profil facebook sobat. misal : https://www.facebook.com/NhieCliquer
  • yang terakhir cari kode <div class='comments' id='comments'> hasil pencarian pasti ada 2 kode seperti ini, sobat copy kode di bawah ini dan letakan dibawah kode <div class='comments' id='comments'> yang ke 2.

<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'>

  • Teks merah yang bertuliskan 600 adalah lebar kotak komentar yang akan dibuat, bisa anda ganti dan sesuaikan.
  • kemudian Simpan template


Selamat mencoba dan semoga bermanfaat

Ditulis Oleh : Unknown ~ Penulis

Artikel CARA MEMBUAT KOMENTAR FACEBOOK BERDAMPINGAN DENGAN KOMENTAR BLOGGER ini diposting oleh Unknown pada hari Kamis, 10 Januari 2013. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat anda sampaikan melalui kotak komentar.

:: Get this widget ! ::

Comments
0 Comments

0 komentar:

:) :( ;) :D ;;-) :-/ :x :P :-* =(( :-O X( :7 B-) :-S #:-S 7:) :(( :)) :| /:) =)) O:-) :-B =; :-c :)] ~X( :-h :-t 8-7 I-) 8-| L-) :-a :-$ [-( :O) 8-} 2:-P (:| =P~ :-? #-o =D7 :-SS @-) :^o :-w 7:P 2):) X_X :!! \m/ :-q :-bd ^#(^ :ar!

Posting Komentar

Daftar Untuk Menjadi Member


Powered by Nhie Developer | Report abuse