Exit Jangan Lupa Klik Like/Suka ya bro !!!

Minggu, 30 September 2012

Cara Membuat Facebook dan Form Komentar Berdampingan

<div style='background-color: none transparent;'><a href='http://www.rsspump.com' title='RSS widgets'>RSS widgets</a></div>


Lo ingin Tampilan Berbeda pada Form Komentar lo bro ? ? ? pasti donk haha . . . oke bro untuk itu gua kasih tau bro cara membuat facebook dan form komentar berdampingan diBawah postingan bro, untuk lebih jelasnya perhatikan gambar bro :


Kalo lo tertarik bro, silahkan simak tatacara berikut ya bro :



1. >>Login ke blogger lo bro
    >> Pilih Rancangan
    >> Klik Edit Html
    >> Jangan Lupa Bro Centang Expand Template Widget
    >> Untuk Mengantisipasi Kesalahan Bro,Lakukanlah BACKUP DATA terlebih dahulu ya bro.




2. Carilah bro kode ]]></b:skin>  kemudian bro letakkan kode diBawah ini tepat diAtas kode   
     ]]></b:skin> ya bro.



.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: #b7b0b0;}
    .comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}
    .comments-tab:hover { background-color: #eeeeee;-moz-transform:rotate(7deg);
-o-transform:rotate(7deg);
-webkit-transform:rotate(7deg);
-ms-transform:rotate(15deg);moz-box-shadow: 10px 5px 5px #222;
    -webkit-box-shadow: 10px 5px 4px #222;
    box-shadow: 10px 5px 5px #222; -moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px;
}


4. Setelah itu bro carilah kode </head> lalu letakkan Kode diBawah tepat diAtas kode
    </head>


<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://raxterblog.googlecode.com/files/jquery-latest.js'/>
<meta content='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>



Ket :

  • Silahkan Lo ganti bro tulisan yg berwarna HIJAU dengan ID FB lo bro, dan sesuai dengan gambar yg bawah ya bro :


4. Selanjutnya bro adalah carilah bro kode 
  <div class='comments' id='comments'>

Ket :
  • Biasanya bro Kode ini ada 2 bro, untuk itu bro Copy kan saja Kode diBawah Tepat diBawah ke 2 Kode <div class='comments' id='comments'> ya bro.

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


Ket :

  • Angka 2 menunjukkan komentar facebook yang ingin lo tampilkan bro
  • Angka 400 adalah lebar dari komentar facebook.
  • Tulisan yg berwarna HIJAU bro silahkan lo ganti sesuai alamat URL icon yg lo inginkan oke bro . . .


5. Tinggal Save Template dan Lihat Hasilnya bro, Kotak Komentar lo jadi berdampingan deh 



     hehe . . . 
Ping your blog, website, or RSS feed for Free
Judul: Cara Membuat Facebook dan Form Komentar Berdampingan
Rating: 100% based on 999998 ratings. 57 user reviews.
Ditulis Oleh Maha Putra Rusydinal





Lo Sedang Membaca Artikel Bro Tentang Cara Membuat Facebook dan Form Komentar Berdampingan
Jika Lo Suka Artikel RaxterBlog bro, Silahkan Masukkan E-mail lo dibawah ini bro untuk Berlangganan Gratis Via E-mail, Dengan begitu lo akan mendapat kiriman artikel baru dari RaxterBlog bro.
Terima Kasih bro Telah Berkunjung
Salam Blogging ya bro ! ! !
Comments
2 Comments

2 komentar:

  1. Work gan..... mantep dehh,,, liat di blog ane gan....

    http://yadi000.blogspot.com/

    BalasHapus

Silahkan Berkomentar bro Tentang :
Cara Membuat Facebook dan Form Komentar Berdampingan
> > Harap Tidak Menampilkan Link Hidup oke bro.
> > Jangan Berkomentar SPAM ya bro.
Berkomentarlah dengan Bijaksana Demi Kenyamanan kita bro.
Terima Kasih bro ! ! !