Tips Trik Blogspot: Trik Facebook

Showing posts with label Trik Facebook. Show all posts

03 May 2011

Menambahkan Facebook Send Button Pada Blog

Facebook kembali meluncurkan fitur terbarunya untuk pengguna website. Setelah sukses dengan facebook like button dan facebook comment, kini perusahaan jejaring sosial terbesar itu kembali meluncurkan Facebook send button. Kali ini saya mencoba untuk sedikit membahas tentang cara pemasangannya pada blog. Untuk pemasangannya sendiri cukup mudah, kita hanya menambahkan kode berikut ini.

Facebook Send Button

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:send colorscheme='light' expr:href='data:post.url' font='arial'/>

Facebook Like Button + Send Button

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/><fb:like colorscheme='light' action='like' layout='standard' expr:href='data:post.url' font='' send='true' show_faces='false' width='450'/>

1. Klik design kemudian edit template

2. Centang expand template widgets

3. Jangan lupa back up template untuk berjaga-jaga

4. Pasang kode di atas di bawah <data:post.body/>

5. Jika menggunakan readmore, pasang di bawah <data:post.body/> yang terakhir atau juga bisa di bawah <div class='post-footer'>

6. Jika ingin tampil hanya pada postingan saja, tambahkan kode berikut.

<b:if cond='data:blog.pageType == "item"'>

Letakkan kode disini

</b:if>

7. Terakhir save template.

Semoga bermanfaat.

Alhamdulillah...

24 April 2011

Cara Pasang Komentar Facebook Di Blog (Terbaru)

Selamat malam sobat blogger semua, kita jumpa lagi di blog kebanggaan warga Mojokerto ini (kayak penyiar radio aja ya, hehehe...). Lagi-lagi dapat perkembangan terbaru tentang cara pasang kotak komentar facebook di blog kita. Setelah tempo hari saya posting tentang pasang komentar facebook V1 tapi kelemahannya adalah semua komentar muncul di setiap postingan, jadi kita tidak tahu postingan mana yang terkomentari. Kemudian dilanjutkan dengan pasang komentar facebook V2. Cara ini juga banyak yang berhasil tapi ada juga yang gagal, entah kenapa. Tapi kelemahan V2 tidak ada fitur reply di komentarnya tidak seperti yang V1, dan juga jika ada yang mengomentari artikel kita, kita tidak tahu karena tidak ada notifikasi jadi harus cek manual di setiap artikel.

Nah yang V3 ini yang lebih sempurna ada fitur reply dan notifikasi, jd kita bisa tahu kalau ada yang berkomentar menggunakan komentar facebook karena ada pemberitahuan di akun facebook kita, jadi kita bisa me-manage komentar tersebut (ngomong opo kuwi...??). Tuh diatas udah ada gambarnya. Oke deh cukup untuk kata sambutannya, sekarang kita langsung saja ke kali nyemplung bareng (maksudnya langsung mulai tutorialnya hehehe..). Jangan terlalu tegang gitu dong bacanya santai aja sob, ntar jadi botak loh kayak saya (ups keceplosan).

Yang pertama harus dilakukan adalah membuat aplikasi komentar facebook. Saya rasa point ini tidak perlu saya jelaskan lagi karena sudah saya tulis, silahkan baca dulu disini untuk cara membuat aplikasinya. Jika sudah ada yang memasang komentar facebook lewat tutorial blog ini sebalumnya atau blog lain yang berbeda dengan cara ini, maka silahkan di ganti dengan kode yang saya berikan nanti. Oke kita lanjutkan lagi yuk. Setelah selesai membuat aplikasinya dan mendapatkan APP ID dari facebook, sekarang tinggal pemasangan pada blog. Pasang kode berikut DI BAWAH <data:post.body/>.

<b:if cond='data:blog.pageType == "item"'>
<div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#appId=APP ID&xfbml=1'/><fb:comments expr:href='data:post.url' numposts='5' width='615'/>
</b:if>

Ganti APP ID berwarna hijau dengan APP ID yang di dapat dari facebook. Untuk angka 615, adalah lebar kotak komentar, sesuaikan dengan template sobat. Kemudian agar dapat terintegrasi dengan akun facebook kita, pasang kode berikut DI BAWAH <head> atau DI ATAS <b:skin><![CDATA[/*

<meta content='ID FACEBOOK' property='fb:admins'/>
<meta content='APP ID' property='fb:app_id'/>

Ganti APP ID dengan ID yang di dapat dari facebook tadi, dan ganti ID Facebook dengan ID sobat, misalnya id facebook saya adalah http://www.facebook.com/fery.interisti (jangan lupa di add ya hehehe), ganti ID FACEBOOK dengan yang berwarna merah. Setelah itu yang wajib harus dilakukan adalah save template. Kalau ada yang kurang jelas silahkan tanya ya.

Semoga bermanfaat.
Alhamdulillah...

25 March 2011

Menambahkan Komentar Facebook Di Blogger V.2

Setelah pada postingan sebelumnya saya juga pernah membahas hal yang sama, tapi ada kekurangannya yaitu komentar muncul di setiap postingan jadi kita tidak tahu artikel mana yang di komentari. Pada postingan kali ini kita juga akan membahas tutorial yang sama, tapi bedanya setiap komentar tidak akan muncul di semua postingan.

Saya sudah membuktikan dan berhasil di blog ini, silahkan di lihat kalau tidak percaya. Jadi kalau masih ada yang belum berhasil berarti sobat kurang beruntung, atau mungkin juga tidak semua template bisa di pasang kotak komentar facebok.

Baiklah langsung saja silahkan login ke akun facebook sobat dulu, lalu kunjungi Facebook developer kemudian isi form yang tersedia ( Lihat Gambar )

Setelah selesai klik Create app. Nanti akan ada ID App, copy dulu di notepad.

Berikutnya untuk pemasangan di blogger.
1. Login ke akun blogger sobat

2. Pilih design lalu edit HTML
3. Expand Template Widget
4. Pasang kode berikut DI BAWAH <data:post.body/>
5. Jika sudah menggunakan read more, pasang DI BAWAH <data:post.body/> ke dua

<b:if cond='data:blog.pageType == "item"'>
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({appId: 'APP ID', status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement('script');
e.type = 'text/javascript';
e.src = document.location.protocol +
'//connect.facebook.net/id_ID/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
<fb:comments/>
</b:if>

Yang warna hijau ganti dengan APP ID yang sudah di dapat tadi dan Save template.
Atau jika sobat tidak mau repot, silahkan pakai kode di bawah ini.

<b:if cond='data:blog.pageType == "item"'>
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({appId: '203502323012906', status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement('script');
e.type = 'text/javascript';
e.src = document.location.protocol +
'//connect.facebook.net/id_ID/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
<fb:comments/>
</b:if>

Semoga bermanfaat.
Alhamdulillah...

10 March 2011

Cara Menambah Kotak Komentar Facebook Di Blog

Pagi ini saya membuka blog dan melakukan cek pada chat box, di situ saya menemukan salah satu sahabat saya jeng blogey yang bertanya cara menambah komentar facebook di blog.

Hal itu memberi saya inspirasi untuk membuat posting tentang apa yang di request oleh sahabat saya. Meskipun cara ini sudah cukup lama, tapi tidak ada salahnya saya posting kembali. Baiklah langsung saja kita melakukan praktek.

Kunjungi Pengembang Facebook, kemudian silahkan membuat aplikasinya. Di situ kita akan di minta untuk mengisi form yang di sediakan. Untuk URL to comment on isikan dengan URL blog sobat. Sedangkan untuk Number of posts itu adalah jumlah komentar yang akan muncul, silahkan atur sesuai kebutuhan. Untuk Width adalah lebar kotak komentar, silahkan sesuaikan dengan template sobat.

Setelah semuanya sudah di atur sesuai kebutuhan, tekan Get code maka akan muncul kode yang siap di pasang di blog.

Sekarang langkah pemasangan pada blog kita.
1. Login ke akun blog sobat.
2. Pilih rancangan lalu edit HTML
3. Expand Template Widget
4. Download full template untuk menghindari adanya kesalahan.
5. Cari kode <data:post.body/>
6. Jika sudah menggunakan read more, nanti ada dua <data:post.body/>, pilih kode yang kedua.
7. Setelah itu pasang kode comment facebook tadi di Bawah <data:post.body/>
8. Agar comment facebook tidak muncul di home page dan hanya muncul di dalam postingan, tambahkan seperti kode di bawah.

<b:if cond='data:blog.pageType == "item"'>
LETAKKAN KODE COMMENT FACEBOOK DISINI
</b:if>

8. Save template

Semoga bermanfaat.
Alhamdulillah...

01 March 2011

Menghubungkan Blog Dengan Facebook

Dari judul di atas pasti sobat blogger sudah bisa menyimpulkan sendiri maksud dari artikel ini. Maksudnya adalah men-synchron blog kita dengan facebook. Di sini kita akan membahas sebuah aplikasi yang bernama RSS Graffiti. Aplikasi ini bisa menghubungkan blog kita dengan facebook secara otomatis setiap kita memposting sebuah artikel.

Jadi setelah kita menggunakan aplikasi RSS Graffiti ini, setiap kita memposting sebuah artikel di blog kita akan langsung terkirim secara otomatis ke dalam wall facebook kita. Sehingga secara tidak langsung kita mempromosikan blog kita melalui facebook. Karena setelah artikel blog terkirim ke dalam wall kita, teman facebook kita akan melihat kiriman tersebut dan berpeluang untuk mengunjungi blog kita.

Baiklah, bagi sobat blogger yang tertarik silahkan perhatikan langkah-langkah berikut ini.

1. Buka aplikasi RSS Graffiti
2. Pilih ke aplikasi
3. Setelah sobat blogger berada di halaman setting, pilih "Click HERE to authorize RSS Graffiti" lalu ijinkan
4. Kemudian nanti akan di minta menambahkan feed. Copy feed blog sobat misalnya http://bloggerbiasa.blogspot.com/feeds/posts/default, kemudian paste di Feed URL
5. Untuk source Namae, silahkan isi dengan judul blog sobat
6. Kemudian untuk Source URL, isikan dengan URL blog sobat.
7. Langkah yang terakhir pilih save.

Selamat mencoba.
Semoga bermanfaat.
Alhamdulillah...

Tips Trik Blogspot