yang dapat membuat blog meningkat Trafficnya, pasti berbagai cara akan lakukan. Kini mencoba usaha agar anda dalam postingan-postingan saya yang mungkin sangat bermutu dan berkualitas heheheheh,
semoga bisa menjadi sebuah kekuatan pada blog sahabat dan bermanfaat
ok! langsung saja ikuti cara Alinoka.
Contoh Gambar
Yang kita butuhkan adalah :
1. APP ID (pada facebook)
2. User Name Facebook
3. API Key (pada twitter)
Bingung cara cari API Key ...??
Langsung saja untuk membuat API Key buatlah aplikasi di Twitter,
Untuk membuat nya ---> KLIK DISINI
kemudian ikuti langkah-langkah yang diajukan. oleh aplikasi twiter tersebut
untuk aplikasi di twitter ubah pengaturaan di Tap Setting.
di bagian bawah ada Application type , pilih "Read and Write". kemudian simpan dan klik updates this twitter aplikasi setting. "Aggar tidak error pada saat berkomentar melalui twitter"
Untuk mendapatkan APP ID buatlah aplikasi di Facebook Devoleper
Untuk membuatnya silahkan ----> KLIK DISINI
kemudian ikuti langkah-langkah yang sarankan,
untuk langkah selanjutnya
kita ikuti langkah langkah untuk memasang dari aplikasi ID dan yang lainya...
1. Masuk ke akun blogger, lalu pilih Rancangan > Edit HTML > Centang 'Expand Template Widget'
2. Tekan tombol Ctrl+F lalu cari kode <head>
3. Masukkan kode berikut tepat di bawah kode <head>:
atau sobat langsung pakai
ID di bawah ini.
1. Log In ke Blogger.
2. Pilih Template dengan tampilan blogger yang sekarang
3. Cari kode script </head> jika sudah ketemu copy semua kode di bawah in yang warna merah kuning dan simpan tepat di bawah kode </head> .
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.
4. Perhatikan kode yang berwarna Kuning :
Ganti Profile_ID sholihin.saadah dengan ID profil Atau dengan username facebook anda. ID profil bisa saja berupa "angka" atau "huruf." Cara mencari dan mengetahui ID profil yaitu dengan membuka halaman profil dan lihatlah kolom alamat url (address bar). Seperti alamat facebook saya adalah www.facebook.com/sholihin.saadah, maka ID profil Saya adalah ( sholihin.saadah )
Kita juga bisa setting username dengan masuk ke account settings (pengaturan akun) ---> username
(nama pengguna) ----> edit (sunting).
5. Untuk menganti Ganti tulisan angka 133205340206980 dengan ID Aplikasi facebook kita sebelumnya
KLIK ---> Devoleper facebook.
lalu sobat buat aplikasi halaman sobat disitu nanti ada ID yang sobat butuhkan.
lalu ganti kode --> 133205340206980 yang tadi dengan kode anda.
begitu juga untuk API KEY lakukan seperti yang di sarankan.
Ganti tulisan 3872894 dengan API KEY dari aplikasi twitter anda sebelumnya
6. Berikutnya, cari kode --> class='comments'
7. Masukkan kode bawah ini yang berwarna kuning tepat di bawah kode class='comments'
yang ke 2. jika tidak muncul sobat ganti di kode berikutnya biasanya kode tersebut lebih dari dua bahkan tidak ada kode tersebut .
Untuk yang tidak ada kode class='comments' bisa contak saya untuk menambahkan kode tersebut
7. Perhatikan kode yang berwarna merah:
Anda bisa mengganti tulisan Komentar dengan kata yang anda inginkan
Anda bisa mengganti angka 10 dengan jumlah komentar facebook yang ingin ditampilkan
Kita bisa mengganti angka 500 dengan ukuran lebar kotak komentar yang di inginkan
setelah semua sudah siap .. save / atau simpan themplate dan lihat hasilnya.
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.
<meta content='sholihin.saadah' property='fb:admins'/>
<meta content='133205340206980' 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=3872894&v=1'/>
Ganti Profile_ID sholihin.saadah dengan ID profil Atau dengan username facebook anda. ID profil bisa saja berupa "angka" atau "huruf." Cara mencari dan mengetahui ID profil yaitu dengan membuka halaman profil dan lihatlah kolom alamat url (address bar). Seperti alamat facebook saya adalah www.facebook.com/sholihin.saadah, maka ID profil Saya adalah ( sholihin.saadah )
Kita juga bisa setting username dengan masuk ke account settings (pengaturan akun) ---> username
(nama pengguna) ----> edit (sunting).
5. Untuk menganti Ganti tulisan angka 133205340206980 dengan ID Aplikasi facebook kita sebelumnya
KLIK ---> Devoleper facebook.
lalu sobat buat aplikasi halaman sobat disitu nanti ada ID yang sobat butuhkan.
lalu ganti kode --> 133205340206980 yang tadi dengan kode anda.
begitu juga untuk API KEY lakukan seperti yang di sarankan.
Ganti tulisan 3872894 dengan API KEY dari aplikasi twitter anda sebelumnya
6. Berikutnya, cari kode --> class='comments'
7. Masukkan kode bawah ini yang berwarna kuning tepat di bawah kode class='comments'
yang ke 2. jika tidak muncul sobat ganti di kode berikutnya biasanya kode tersebut lebih dari dua bahkan tidak ada kode tersebut .
<div class='comments-tab' id='blogger-comments' title='koment dari blogger'>
<data:post.numComments/> Komentar
</div>
<div class='comments-tab' id='twitter-comments' title='Koment dari twitter'>
<span class='js-page-tweet-count' expr:href='data:post.url'/> Komentar
</div>
<div class='js-default-tab comments-tab' id='fb-comments' title='Komentar dari 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'>
7. Perhatikan kode yang berwarna merah:
Anda bisa mengganti tulisan Komentar dengan kata yang anda inginkan
Anda bisa mengganti angka 10 dengan jumlah komentar facebook yang ingin ditampilkan
Kita bisa mengganti angka 500 dengan ukuran lebar kotak komentar yang di inginkan
setelah semua sudah siap .. save / atau simpan themplate dan lihat hasilnya.
SALAM SAHABAT
Untuk pertanyaan yang kurang paham sobat bisa contak saya di
Email -----> alinlienk@gmail.com
atau
Add facebook-----> Alinoka
Tuliskan Komentar mengunakan facebook