Membuat Kotak Komentar Blogger , Facebook dan Twitter Berdampingan

Dhecun Blog selalu berinofasi untuk membuat sesuatu yang baru yang dapat membuat tampilan blog anda lebih menarik dari blog orang lain.

Langsung saja , kami telah mencoba berbagai cara untuk membuat seperti yang anda lihat pada gambar diatas.
Awalnya saya hanya menggunakan penggabungan Blogger Comment dengan Facebook Comment , tapi saya melihat banyak juga saat ini para penggguna Twitter Mania , akhirnya saya mencari solusi sebuah inofasi.
Seperti inilah yang dapat Dhecun Blog lakukan untuk menggabungkan 3 komentar langsung (Blogger , Twitter dan Facebook) sehingga membuat komentar pada blog kita menjadi indah dan saya langsung mempraktekkan nya pada blog Dhecun Blog , alhamdulillah akhirnya berhasil...!

Apakah anda tertarik untuk membuatnya...?

Untuk membuat komentar Blogger , Twitter , Facebook dengan digabungkan , silahkan ikuti langkah berikut ini :

Yang kita butuhkan adalah :
- APP ID (pada facebook)
- API Key (pada twitter)
- ID Blogger (pada bgogger)

Bingung cara membuatnya...?
1. Untuk mendapatkan API Key , buatlah aplikasi di Twitter.
Untuk membuatnya klik disini , kemudian ikuti langkah-langkah yang diajukan.

2. Untuk mendapatkan APP ID , buatlah aplikasi di Facebook Devoleper.
Untuk membuatnya klik disini , kemudian ikuti langkah-langkah yang diajukan.

3. Untuk mendapatkan ID Blogger.
Anda masuk pada blogger kemudian lihat pada Address Bar (copy angka setelah ID=…….)

Sekarang anda telah selesai membuat langkah yang pertama.
Sebelum memulai , terlebih dulu Download Template Lengkap anda untuk berjaga-jaga jika terjadi kesalahan atau jika kita ingin mengembalikan ke template semula.
Sekarang kita mulai langkah-langkah memasang kotak komentar facebook dan twitter di blogger.

1. Login ke akun Blogger anda
2. Pilih Template
3. Pilih Edit HTML
4. Centang Expand Template Widget
5. Tekan tombol Ctrl+F
6. Cari kode <head>
7. Masukkan script dibawah ini tepat dibawah kode <head>
<meta content='Profile_ID' property='fb:admins'/> 
<meta content='APP_ID' property='fb:app_id'/>
<script src='http://code.jquery.com/jquery-latest.pack.js'/>
<script src='http://jsblogstop.googlecode.com/svn/commentpages/jsCommentPages.js'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://jsblogstop.googlecode.com/svn/jstweetbox/v1/jsTweetBox.js'/>
<script src='http://platform.twitter.com/anywhere.js?id=API_KEY&amp;v=1'/>

8. Perhatikan tulisan yang berwarna merah :
- Ganti tulisan Profile_ID dengan ID profil atau username facebook anda.ID profil bisa berupa angka atau huruf , ara mengetahui ID profil anda adalah dengan membuka halaman profil dan lihatlah kolom alamat (address bar).Seperti alamat facebook saya adalah www.facebook.com/dhecun.blog , maka ID profil saya adalah dhecun.blog
Anda juga bisa men setting username anda dengan masuk ke account settings (pengaturan akun) >> username (nama pengguna) >> edit (sunting).
- Ganti tulisan APP_ID dengan ID Aplikasi facebook yang sudah anda buat sebelumnya.
- Ganti tulisan API_KEY dengan API KEY dari aplikasi twitter yang sudah anda buat sebelumnya.

9. Kemudian cari kode berikut
class='comments'
10. Masukkan script dibawah ini tepat di bawah kode tersebut

<div class='comments-tab' id='blogger-comments' title='Comments from Blogger'> 
<data:post.numComments/> Komentar Blogger
</div>
<div class='comments-tab' id='twitter-comments' title='Comments with Twitter'>
<span class='js-page-tweet-count' expr:href='data:post.url'/> Tweets
</div>
<div class='js-default-tab comments-tab' id='fb-comments' title='Comments made on Facebook'>
<fb:comments-count expr:href='data:post.url'/> Komentar Facebook
</div>
<div class='clear'/>
</div>
<div class='comments-page' id='twitter-comments-page'>
<div id='js-tweet-box'/>
</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='500'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>
<div style="text-align: right;">
<a href="http://dhecun.blogspot.com/2012/12/membuat-kotak-komentar-blogger-facebook.html" target="_blank"><span style="font-size: xx-small;">[ Widget by Dhecun Blog ]</span></a></div>

11. Perhatikan tulisan yang berwarna merah :
- Anda bisa mengganti kata Komentar Blogger , Komentar Facebook dan Tweets dengan kata yang anda inginkan.
- Anda bisa mengganti angka 10 dengan jumlah komentar facebook yang ingin anda tampilkan.
- Anda bisa mengganti angka 500 dengan ukuran lebar kotak komentar yang anda inginkan 

12. Klik simpan template dan hasilnya bisa anda lihat sendiri di halaman blog anda yang sudah anda buat tadi.

Semoga bermanfaat...!!!

Subscribe

0 Komentar Blogger
Komentar Facebook

0 komentar:

Pasang Widget Otomatis



Submit Web / Blog Ke 20+ Search Engines

Cek Ukuran dan Kecepatan Loading Blog / Web

Masukkan URL blog max 10 URL
( Tools by Dhecun Blog : Get Widget )

Update Artikel Dhecun Blog

Berlangganan Artikel Gratis Lewat Email

Berlangganan artikel via email.

Dapatkan update artikel terbaru dari Dhecun Blog

yang akan dikirim ke email anda secara gratis...!

Jangan lupa buka Email anda untuk verifikasi.
RSS feeds















Space Iklan

Pasang Iklan

Pasang Iklan

Pasang Iklan

Pasang Iklan

Pasang Iklan

Kategori pasang iklan

Rp.10.000 per bulan
Rp.100.000 per tahun
Judul iklan
Deskripsi iklan
Gambar (220x150)

Iklan Sponsor 1

About Me

Profil Google+
My Facebook
Kirim SMS Gratis
Download Gratis
Print

Contact

Contact on Email
Contact on Facebook

Rekomendasi

Follow

RSS feeds

Widget Populer

Widget Zoom Detail Gambar

Widget Share Button Melayang

Share

Tukar Link

Traffic

Semua Artikel




Tampilkan semua artikel

10 Artikel Terbaru






Masukkan email anda

untuk berlangganan artikel




Dhecun Blog

Followers

Google+ Followers

Google+ Badge