Minggu ini dan di pagi ini,
Jasa Like Facebook Fanpage Murah Tertarget akan memposting tentang bagaimana
cara membuat kotak komentar facebook dan twitter di blog. Kalau biasanya kotak komentar di blog hanya satu, ini kita akan belajar menambahkannya menjadi 3, blogger, facebook dan twitter.
Sebelum membuat kotak komentar facebook dan twitter di blog, siapkan dulu beberapa hal berikut ini:
Profile_ID (facebook) adalah Profile_ID facebook Anda.
APP_ID (facebook) adalah Profile_ID dari Fans Page Anda.
API_Key atau Consumer Key (twitter) adalah ID dari aplikasi twitter -
Buat Disini.
Setelah itu ikuti langkah berikut ini:
1. Masuk ke dashboard blogger, lalu klik Template > Edit HTML > Lanjutkan > Centang 'Expand Template Widget'.
2. Tekan tombol Ctrl+F lalu cari kode <head>
3. Tepat di bawah kode <head> Masukkan kode berikut :
<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&v=1'/>
Perhatikan tulisan yang berwarna biru:
-Ganti tulisan Profile_ID dengan ID profil atau username facebook anda (ID profil bisa berupa angka atau huruf). Cara mengetahui profil ID anda adalah dengan membuka halaman profil dan lihatlah pada kolom alamat browser (address bar). Contoh: alamat facebook saya adalah www.facebook.com/jasalikefacebook, maka ID profil Saya adalah jasalikefacebook.
-Ganti tulisan APP_ID dengan ID Aplikasi facebook anda yang sudah anda buat sebelumnya.
-Ganti tulisan API_KEY dengan API KEY atau Consumer Key dari aplikasi twitter yang sudah anda buat sebelumnya.
4. Selanjutnya, cari kode class='comments'
5. Masukkan kode berikut ini letakan tepat di bawah kode class='comments'
<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 == "item"'>
<div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='20' width='500'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>
Perhatikan kode berwarna biru:
-Anda dapat mengganti tulisan Comments, Tweets dan komentar dengan keinginan anda.
-Anda dapat mengganti angka 20 dengan jumlah komentar facebook yang ingin ditampilkan.
-Anda dapat mengganti angka 500 dengan ukuran lebar kotak komentar yang anda inginkan.
6. Simpan template dan lihat hasilnya
Selamat mencoba dan semoga bermanfaat ^^
Makasih gan...membantu sekali... (H)
BalasHapus