Cara Membuat Komentar Facebook Dan Blog Berdampingan

Assalamualaikum sobat semua,ngomong-ngomong soal kotak komentar pada blog memang tidak ada habisnya dalam memodifikasi kolom tersebut,apal...


Assalamualaikum sobat semua,ngomong-ngomong soal kotak komentar pada blog memang tidak ada habisnya dalam memodifikasi kolom tersebut,apalagi kita bisa merubah-rubah nya sendiri,pasti lebih asyik lagi,tapi sayangnya saya juga belum terlalu pintar memodif sebuah blog,so..saya juga masih belajar.

Cara Membuat Komentar Facebook Dan Blog Berdampingan
Memang sudah banyak yang membuat tutorial seperti ini,tapi apa salahnya saya men share kembali,ya memang di karenakan saya sendiri baru mengalaminya,jadi baru bisa share artikel ini,berbeda dengan sobat blogger yang lain yang sudah lebih dulu ngeblog/berada di dunia blogging.So..itu tidak masalah buat saya.

Oke mungkin cukup pembukaan dari saya,daripada bicara panjang lebar dan bertele-tele,mending kita langsung saja ke tutorialnya.Untuk cara membuat komentar facebook dan blog berdampingan sobat bisa ikuti caranya sebagai berikut;

  • Pertama login ke akun blog milik sobat
  • Kemudian masuk ke bagian template >> edit template >> centang expand widget template.
  • Untuk jaga-jaga jika terjadi kesalahan,sobat backup dulu template sobat,biar aman
  • Berikutnya sobat cari kode ]]></b:skin> dengan menggunakan ctrl+f pada keyboard
  • Jika sudah ketemu,letakan kode di bawah ini 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;}


Note; Silahkan Hapus kode yang berwarna Merah jika ingin membuat kotak Komentar Facebook menjadi Transparan.

  • Langkah selanjutnya cari kode  </head>
  • Kemudian letakan Kode di bawah ini tepat 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 FP Anda 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>
Note; Silahkan Ganti Kode berwarna Merah dengan ID FP(Fans Page) Sobat..jika belum punya ID nya,silahkan baca cara membuat ID aplikasi facebook untuk blog.

Eeeiitss,,jangan di simpan dulu,masih ada langkah selanjutnya,yaitu;


  • Silahkan cari kode <div class='comments' id='comments'>
  • Umumnya kode  <div class='comments' id='comments'> ada 2, jadi masukan kode di bawah ini tepat di Bawah  kedua 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='10' width='400'/>
    </b:if>
    </div>
    <div class='comments comments-page' id='blogger-comments-page'>
Silahkan anda Hapus kode berwarna merah tersebut jika kode di bawah sama, jika tidak y tidak usah. Untuk yang nomor10 adalah Jumlah komentar yang akan muncul. Untuk nomor 400 adalah Lebar kotak Komentar, Silahkan di ganti sendiri..

  • Berikutnya lihat pratinjaunya terlebih dahulu,jika sudah berhasil dan tidak ada kerusakan,
  • Save dan semoga berhasil 


Selamat mencoba..
SEMOGA BERMANFAAT...

COMMENTS

BLOGGER: 46
Loading...

Ads 970x90

Nama

allianz,1,andro textile,1,android,6,asmara,1,asuransi,1,award,3,berita,45,bisnis,4,cap kaki tiga,1,commonwealth,2,daftar isi,5,decoder,1,download,15,efek blog,5,elektronik,2,entertainment,3,facebook,18,family,3,flora dan fauna,7,gadet,1,galuh,8,google,17,google adsense,2,google plus,24,hiburan,28,HostingPangeran,1,hotel murah,1,ICAN Education,1,iddetik.com,1,iklan,1,jadwal timnas,1,jasa,1,keindahan alam,2,keluarga,1,kesehatan,1,klasemen,6,komputer,2,kontes,22,kuliner,3,lain-lain,52,Margahayuland 42 tahun membangun,1,maruyungsari,9,olahraga,35,otomotif,9,paket wisata,1,pengalaman,2,persib,2,profil,2,puisi,2,religi,25,review produk,2,sambut brazil,2,seluler,2,software,1,superwash,1,tutorial dan trik blog,74,twitter,4,video,3,widget,1,wisata,5,youtube,11,
ltr
item
BLOG MASHARI: Cara Membuat Komentar Facebook Dan Blog Berdampingan
Cara Membuat Komentar Facebook Dan Blog Berdampingan
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj68f2m2p344dHuoe7SU5vh9co-gBSwZ6er1EyCE4-DFCeDx0Gc1PWkIvojfjogGpD3F3NAMklOdAtwc7wLZOiLbfEGGrb7PQvcwH5qMHN3wQwd4rXzD8_-aKSk_AEQKBBwnn4xg2PdKBI/s320/blog.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj68f2m2p344dHuoe7SU5vh9co-gBSwZ6er1EyCE4-DFCeDx0Gc1PWkIvojfjogGpD3F3NAMklOdAtwc7wLZOiLbfEGGrb7PQvcwH5qMHN3wQwd4rXzD8_-aKSk_AEQKBBwnn4xg2PdKBI/s72-c/blog.png
BLOG MASHARI
https://harysukasuka.blogspot.com/2013/02/cara-membuat-komentar-facebook-dan-blog.html
https://harysukasuka.blogspot.com/
https://harysukasuka.blogspot.com/
https://harysukasuka.blogspot.com/2013/02/cara-membuat-komentar-facebook-dan-blog.html
true
1510860441598238899
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy