Tutorial Buat Comments Add Twitter ,Facebook dan Blog

Twitter dan Facebook telah menguasai media sosial dalam beberapa tahun kebelakangan ini. Walaupun banyak perkhidmatan lain wujud, kedua-dua telah berkembang kepada perkadaran mammoth dwarfing kebanyakan orang lain. Oleh itu ada peluang saksama pembaca blog anda mempunyai akaun dengan satu atau kedua-duanya sekali, walaupun mereka mungkin tidak mempunyai akaun yang serasi dengan komen Blogger. Dalam usaha untuk meningkatkan interaktiviti blog anda, tidak akan ia lebih baik untuk meluaskan jangkauan anda dengan menggunakan kedua-dua gergasi sosial?

Kami akan memberikan cara dengan mudah dan terperinci.

Semoga dapat bermanfaat.

Untuk membuat kotek komentar Blogger, Twitter, Facebook dengan digabungkan ikuti langkah dibawah ini :

Yang kita butuhkan adalah :

- APP ID (pada facebook)

- API Key (pada twitter)

- ID Blogger (pada bglogger)

Sekarang selesai langkah pertama.

Sebelum memulai, terlebih dulu download template lengkap untuk berjaga-jaga barangkali kita ingin mengembalikan ke template semula atau jika terjadi kesalahan. Sekarang kita mulai langkah-langkah memasang kotak komentar facebook dan twitter di blogger.

1. Dashboard=>Design=>Edit HTML=>Tick expand widget template .

2. tekan CTRL+F , search code dekat bawah ni ok :)

</head>

3. dah jumpa dah ? ok good . then copy code kat bawah ni .

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

3. paste kan bawah atas code </head> tu ok :)

4. Perhatikan kode berwarna merah :

Ganti tulisan Profile_ID dengan ID profil atau username facebook kita. ID profil bisa berupa angka atau huruf. Cara mengetahui ID profil kita adalah dengan membuka halaman profil dan lihatlah kolom alamat (address bar). Seperti alamat facebook saya adalah www.facebook.com/djmemed, maka ID profil Saya adalah djmemed

Kita juga bisa mengeset username dengan masuk ke account settings (pengaturan akun) > username (nama pengguna) > edit (sunting).

Ganti tulisan APP_ID dengan ID Aplikasi facebook kita yang tadi kita buat sebelumnya

Ganti tulisan API_KEY dengan API KEY dari aplikasi twitter yang kita buat sebelumnya

4. Lepas tu Cari code ini

class='comments'

5 dah jumpa masukkan code dibawah ney

<div class='comments-tab' id='blogger-comments' title='Comments from Blogger'>
<data:post.numComments/> Comments
</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
</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'>

Paste kan bawah atas code 


7. Perhatikan kode berwarna merah:
Kita bisa mengganti kata Comments dan Tweets dengan kata lainnya yang diinginkan
Kita bisa mengganti angka 10 dengan jumlah komentar facebook yang ingin ditampilkan
Kita bisa mengganti angka 500 dengan ukuran lebar kotak komentar yang diinginkan

8. Simpan template dan hasilnya bisa dilihat sendiri pada halaman postingan di blog saya ini. Selamat mencoba, semoga berhasil!

Selesai.... kan.

Ranking: 5