Jumat, 06 Juli 2012

Cara Buat Komentar FB Disebelah Kotak Komentar Blogger



Oke, sekarang langsung saja saya berikan tutorialnya tentang Cara Membuat Kotak Komentar FB Bersebelahan dengan Kotak Komentar Blogger lengkap dengan tombol buka dan penutup.

1. Masuk ke blogger dan pilih Template ----> edit HTML ----> Proceed---->
Centang Expand Widget Templates
(PERHATIAN: BACK UP DULU TEMPLATE KALIAN)
2. Cari kode <div class='comments' id='comments'> (Gunakan CTRL+F)
3. Copas kode berikut tepat dibawah kode <div class='comments' id='comments'>
-Bila ada dua kode <div class='comments' id='comments'> Maka silahkan pilih yang
pertama, bila gagal pilih yang kedua.
<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'>
4. Setelah pemasangan kode tersebut, lanjutkan dengan mencari kode </head>
5. Bila sudah ketemu maka copas kode berikut tepat 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='100001008475886' 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>
6. Sesudah itu lanjuntkan dengan memasang kode CSS berikut. Untuk memasangnya cari kode #comment atau .comment dan letakkan kode berikut dibawahnya atau diatasnya (terserah kalian).
.comments-page { background-color: #000000;}
#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;}
Penting!!
- Ganti 100001008475886 dengan nomor ID FB kalian. Bila nggak tahu cara dapetin kodenya klik dibawa ini untuk caranya.
Nah cara untuk melihat FB ID sangatlah mudah, kita tinggal memasukkan permalink diatas ke https://graph.facebook.com/fb-kamu. Ingat, ganti tulisan www dengan graph !!!

Contoh:

https://www.facebook.com/asdharsyaputra

Setelah diganti maka akan menjadi:

https://graph.facebook.com/asdharsyaputra

Nah sesudah itu copas url yang sudah kamu ganti tersebut di browser maka nanti akan kelihatan dech ID facebook kamu. Lihat screenshoot:


Gampang kan gan, Selamat mencoba...:) Good luck..

Suka dengan postingan ini.?

Ditulis Oleh : asdharsyaputra di label

Artikel Cara Buat Komentar FB Disebelah Kotak Komentar Blogger ini ditulis oleh asdharsyaputra pada hari Jumat, 06 Juli 2012. Terimakasih atas kunjungan Anda pada blog ini. Kritik dan saran tentang Cara Buat Komentar FB Disebelah Kotak Komentar Blogger dapat Anda sampaikan melalui kotak komentar dibawah ini. Dan jangan lupa di like yea kawan. Terima Kasih...

Di Like Dulu Gan Sebelum Pergi..!!
Kritik Dan Saran Sobat Sangat Membantu Blog ini Dalam Menulis Artikel Berikutnya
1 Comments
Komentar

1 komentar:

ujang suhendar on 7 November 2012 09.09 mengatakan... Balas Komentar

thanks sobat infonya.
sukses

Posting Komentar

 

Kata Sambutan..

Salam Blogger | Senang rasanya sobat blogger sudah bersedia singgah disini. semoga saja kalian bisa mendapatkan apa yang kalian butuhkan diblog saya ini. Terima kasih Telah Berkunjung Di Blog Aq,apabila berkenan silahkan berkomentar dan follow blog saya,mari kita saling berbagi ilmu tentang apa saja Guys...

Sekilas tentang penulis..

Nama : Asdhar Syaputra
Panggilan : Asdhar
Alamat : kota Gorontalo (indonesia)
Dari : Sulawesi selatan (Sengkang)
Kelahiran : 05/10/1989
Pekerjaan : Belum ada
Status : Jomblo

Navigasi

Info