“Keberuntungan bukan karena tanpa sengaja tetapi lebih karena efek dari proses yang baik”

Minggu, 22 Juli 2012

Membuat Komentar Facebook dan Blog Dalam Satu Tab (Berdampingan)

Assalamualaikum.Wr.Wb
Banyak orang yang mempunyai akun gmail, juga banyak orang yang tidak memilikin akun gmail. Jika seseorang ingin berkomentar pada postingan kawan tapi seseorang tersebut tidak memiliki akun gmail. Bagaimana antisipasinya.
Iq rasa semua orang yang mengerti internet sudah mempunyai akun Facebook jadi kali ini Iq akan membagikan cara bagaimana membuat komentar facebook dan blog dalam satu tab atau berdampingan
Bagaimana caranya...?
Langsung saja..

  • Login -> Template -> Edit HTML -> Lanjutkan
  • Centang Expand Template Widget
  • Selanjutnya cari kode untuk mempermudah bisa menekan CTRL + F 
<div class='comments' id='comments'>
  • kode diatas biasanya ada 2 kawan pilih yang pertama, jika ternyata gagal kawan pilih yang kedua (Iq menerapkan dengan kode yang pertama langsung berhasil)
  • Selanjutnya Copy dan Paste kode dibawah tepat Sebelum/Diatas kode  <div class='comments' id='comments'>
<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='400'/></b:if></div><div class='comments comments-page' id='blogger-comments-page'>
  • Yang bewarna biru jumlah potingan dan ukuran kawan bisa sesuaikan
  • Kemudian cari kode </head>
  • Copy dan Paste kode dibawat tepat Sebelum/Diatas 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' 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();}
  • ID FB harus diisikan dengan No ID FB bawaan dari FB bukan dengan nama buatan
  • Copy dan Paste kode berikut diatas kode /* Comments 
.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;}
  • Save Template dan lihat hasilnya
 Selamat mencoba, Semoga bermanfaat untuk semua
Wassalamualaikum.Wr.Wb



Tidak ada komentar:

Posting Komentar

buat kawan yang sudah berkomentar saya ucapkan terimakasih banyak ^_^
kesenangan kawan kesenangan saya juga ^_^