Cara Membuat Komentar Blog, Facebook, dan Twitter Berdampingan
Sebelum Sobat Menerapkannya Pada Blog Sobat, Terlebih Dahulu Sobat Harus Mempunyai "Tiga ID" Sebagai Berikut :
- PROFIL_ID (Facebook)
- APP_ID (Facebook)
- API_Key (Twitter)
1. Profile_ID adalah ID account facebook kamu contohnya punya saya "http://www.facebook.com/24353673849" jadi Profile_ID saya adalah "24353673849"
2. APP_ID adalah ID dari aplikasi yang akan kita gunakan untuk kotak komentar facebook, yang belum punya silahkan buat disini
3. APP_Key adalah ID dari aplikasi yang akan kita gunakan untuk kotak komentar twitter, yang belum punya silahkan buat disini
2. APP_ID adalah ID dari aplikasi yang akan kita gunakan untuk kotak komentar facebook, yang belum punya silahkan buat disini
3. APP_Key adalah ID dari aplikasi yang akan kita gunakan untuk kotak komentar twitter, yang belum punya silahkan buat disini
Cara Pemasangan Pada Blog
2. Masuk Ke Dashboard/Rancangan
3. Pilih Template Kemudian Klik Edit HTML (Backup Template Dulu & Expand Template Widget Di Checklist)
4. Cari Kode <head> Kemudian Copy Kode Berikut Ini Dan Taruh Dibawah Tag <head>
Berikut Kodenya :
<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://codecbd.googlecode.com/files/CommentPages.js'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://codecbd.googlecode.com/files/TweetBox.js'/>
<script src='http://platform.twitter.com/anywhere.js?id=API_Key&v=1'/>
<meta content='APP_ID' property='fb:app_id'/>
<script src='http://code.jquery.com/jquery-latest.pack.js'/>
<script src='http://codecbd.googlecode.com/files/CommentPages.js'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://codecbd.googlecode.com/files/TweetBox.js'/>
<script src='http://platform.twitter.com/anywhere.js?id=API_Key&v=1'/>
Keterangan :
Silahkan Ganti Tulisan Yang Berwarna Biru Dengan Data ID Sobat Masing-Masing. Sesuai Panduan Diatas Tadi.
5. Kemudian Cari Kode class='comments' (Biasanya Ada 2 Kode, Kalau Ketemu Copy Kode Berikut Ini Dan Taruh Dibawah Kedua Tag class='comments'
Berikut Kodenya :
<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='10' width='500'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>
<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='10' width='500'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>
Keterangan :
- Ganti Tulisan Warna Hijau Dengan Tulisan Yang Sobat Inginkan
- Ganti Tulisan Warna Kuning Dengan Komentar Yang Akan Ditampilkan & Lebar Komentar
6. Klik Simpan Template....
Admin nggak minta banyak pada kalian cuma minta comentnya aja
| :)>- |
ORANG BIJAK SELALU MENINGGALKAN KENANGAN.!!!