SDIT PERMATA HATI BATANG: trik blog

CARA PASANG POSTINGAN BLOG DI FB

Bagaimana Cara update status Facebook secara otomatis via feed RSS Blog 
Oleh Tim Multimedia Ponpes Al-Khoirot 
 
Saya punya akun Facebook, tapi saya jarang sekali menulis status di Facebook. 
 
Itu bagus sekali. Jangan membuang-buang waktu di depan komputer hanya 
untuk menulis status atau chat di Facebook. Facebook hanya tren sesaat. 
 
Jadi, apa fungsi Facebook bagi seorang yang suka ngeblog seperti saya? 
<a href="" name="more"></a> 
DAFTAR ISI 
 
<ol>
<li><a href="http://www.alkhoirot.net/2011/05/update-status-facebook-blog.html#1">RSS Graffiti di Facebook Profile</a></li>
<li><a href="http://www.alkhoirot.net/2011/05/update-status-facebook-blog.html#2">RSS Graffiti di Facebook Fan Pages</a></li>
</ol>
 
Jadikan Facebook Anda sebagai sarana promosi blog dan promosi artikel yang ditulis di blog. 
 
Maksudnya? 
 
Masukkan artikel yang ditulis di blog ke dalam status update Facebook secara otomatis. 
 
Caranya? 
 
Banyak aplikasi yang dipakai untuk memasukkan artikel blog kita secara 
otomatis ke dalam status FB antara lain Notes, Smart Twitter, Twitter 
dan RSS Grafiti. 
 
Aplikasi apa yang direkomendasikan? 
 
Yang paling stabil adalah aplikasi RSS Graffiti. 
 
Bagaimana cara memakai aplikasi RSS Graffiti? 
 
<a href="" name="1"></a> 
Setelah login/masuk ke akun Facebook, ikuti langkah berikut: 
 
1. Kunjungi aplikasi RSS Graffiti, <a href="http://apps.facebook.com/rssgraffiti/">klik di sini!</a> 
2. Klik "Click HERE to Authorize RSS Graffiti". (Gambar 1) 
Gambar 1 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-G548Dyr9gLg/TeRNgYGRupI/AAAAAAAAAT8/L5V2WemFBhw/s1600/facebook%2Botomatis.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="165" src="http://1.bp.blogspot.com/-G548Dyr9gLg/TeRNgYGRupI/AAAAAAAAAT8/L5V2WemFBhw/s400/facebook%2Botomatis.png" width="400" /></a></div>
 
3. Klik "Allow" (kanan bawah) (Gambar 2) 
 
Gambar 2 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-f9UD5c45-mE/TeRNgVMIsbI/AAAAAAAAAUE/mpqQ8HYHSsM/s1600/facebook%2Botomatis2.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="342" src="http://4.bp.blogspot.com/-f9UD5c45-mE/TeRNgVMIsbI/AAAAAAAAAUE/mpqQ8HYHSsM/s400/facebook%2Botomatis2.png" width="400" /></a></div>
 
4. Di tulisan "Add a new feed here" klik tombol-> +Add Feed (Gambar 3) 
 
Gambar 3 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-vqrBTC6ht0s/TeRNgjsuMjI/AAAAAAAAAUM/co_yqP4yvhg/s1600/facebook%2Botomatis3.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="113" src="http://3.bp.blogspot.com/-vqrBTC6ht0s/TeRNgjsuMjI/AAAAAAAAAUM/co_yqP4yvhg/s400/facebook%2Botomatis3.png" width="400" /></a></div>
 
5. Di Feed URL, masukkan feed blog Anda. 
Contoh, http://www.alkhoirot.net/feeds/posts/default 
6. Pada Source Name, masukkan nama blog Anda. 
Contoh, Pondok Pesantren Al-Khoirot 
7. Pada Source URL, masukkan alamat blog Anda. 
Contoh, http://www.alkhoirot.net (Gambar 4) 
 
Gambar 4 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-fQOexI1fWgY/TeRNhZB_O5I/AAAAAAAAAUU/Gpd3oRr_Jo8/s1600/facebook%2Botomatis4.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="http://3.bp.blogspot.com/-fQOexI1fWgY/TeRNhZB_O5I/AAAAAAAAAUU/Gpd3oRr_Jo8/s400/facebook%2Botomatis4.png" width="255" /></a></div>
 
8. Klik SAVE (kanan atas) 
9. Selesai. Hasilnya lihat gambar 5 
 
Gambar 5 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-ketF89yySCE/TeRNhjY_ZVI/AAAAAAAAAUc/5TrFPAiVk3o/s1600/facebook%2Botomatis5.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="136" src="http://4.bp.blogspot.com/-ketF89yySCE/TeRNhjY_ZVI/AAAAAAAAAUc/5TrFPAiVk3o/s400/facebook%2Botomatis5.png" width="400" /></a></div>
 
Mulai sekarang, setiap ada artikel baru di blog Anda, maka otomatis akan
 muncul juga di status Facebook Anda. Jadi, sekali kerja dapat dua 
hasil. :) 
 
<a href="" name="2"></a> 
RSS Graffiti Apps untuk Facebook Fan Page 
 
RSS Graffiti juga dapat memposting tulisan di blog kita ke Wall-nya Facebook Fan Page. 
 
Ikuti langkah berikut: 
 
1. Di halaman Facebook yang sama, klik FB Fan Page anda yang berada di bawahnya tulisan "Your Fan Pages". (Lihat gambar 6) 
 
Gambar 6 
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-m8fILQGFfM0/TeRbcO5DPFI/AAAAAAAAAUk/_pIi49Z9xk4/s1600/rss%2Bgraffiti%2Bpage1.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="244" src="http://2.bp.blogspot.com/-m8fILQGFfM0/TeRbcO5DPFI/AAAAAAAAAUk/_pIi49Z9xk4/s400/rss%2Bgraffiti%2Bpage1.png" width="178" /></a></div>
 
2. Di tulisan "Add a new feed here" klik tombol-> +Add Feed 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-vqrBTC6ht0s/TeRNgjsuMjI/AAAAAAAAAUM/co_yqP4yvhg/s1600/facebook%2Botomatis3.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="113" src="http://3.bp.blogspot.com/-vqrBTC6ht0s/TeRNgjsuMjI/AAAAAAAAAUM/co_yqP4yvhg/s400/facebook%2Botomatis3.png" width="400" /></a></div>
 
3. Di Feed URL, masukkan feed blog Anda. 
Contoh, http://www.alkhoirot.net/feeds/posts/default 
4. Pada Source Name, masukkan nama blog Anda. 
Contoh, Pondok Pesantren Al-Khoirot 
5. Pada Source URL, masukkan alamat blog Anda. 
Contoh, http://www.alkhoirot.net 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-fQOexI1fWgY/TeRNhZB_O5I/AAAAAAAAAUU/Gpd3oRr_Jo8/s1600/facebook%2Botomatis4.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="http://3.bp.blogspot.com/-fQOexI1fWgY/TeRNhZB_O5I/AAAAAAAAAUU/Gpd3oRr_Jo8/s400/facebook%2Botomatis4.png" width="255" /></a></div>
 
6. Klik SAVE (kanan atas) 
7. Selesai.

CARA PASANG POSTINGAN BLOG DI FB

Bagaimana Cara update status Facebook secara otomatis via feed RSS Blog Oleh Tim Multimedia Ponpes Al-Khoirot Saya punya akun Facebook, t...

Baca selengkapnya »

PASANG KOMENT FACE BOOK DI BLOG

<div style="text-align: justify;">
Agar blog lebih interaktif dengan 
pengunjung yang umumnya memiliki akun facebook,  kita bisa memanfaatkan 
beberapa plugin dari facebook untuk dipasang di blog, dan pada artikel 
saya kali ini saya menuliskan cara membuat kotak komentar facebook pada blog.</div>
 
<div style="color: black; text-align: justify;">
Facebook.com telah 
menyediakan beberapa aplikasi kecil yang dapat dipasang di website dan 
blog diantaranya yaitu: plugin like button, plugin activity feed, plugin
 recommendations, plugin like box, plugin login button, plugin facepile,
 plugin live stream,  dan plugin comments, 
 
Beberapa aplikasi tersebut sering dipasang di blog atau website . Pada <a href="http://www.informasibisnis.net/2010/12/menulis-artikel-yang-bermanfaat-bagi.html">artikel</a> ini saya menuliskan cara membuat kotak komentar facebook pada blog dengan  plugin comments,  dan live stream.  
 
</div>
<div style="color: black; text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX3iypZMHwNorK7kEQb-B6L7MIjTaOJtVNtIzauxVl7ByVTrLD5VzNz7Sv7oV_ghJFeL6XBqTnaPC2wBFf8WxN3EZ72lnjIdDDKLAX_Hr8tnAnOuAhHjnwJknsUklVome8VHm-gf8LykA/s1600/gambar+kotak+comments.gif" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="cara memasang kotak komentar facebook di blog" border="0" height="191" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX3iypZMHwNorK7kEQb-B6L7MIjTaOJtVNtIzauxVl7ByVTrLD5VzNz7Sv7oV_ghJFeL6XBqTnaPC2wBFf8WxN3EZ72lnjIdDDKLAX_Hr8tnAnOuAhHjnwJknsUklVome8VHm-gf8LykA/s200/gambar+kotak+comments.gif" width="200" /></a> 
<h4>
Plugin Live Stream.</h4>
 
Plugin live stream  memungkinkan pengunjung blog anda berbagi aktivitas dan <a href="http://www.informasibisnis.net/2010/11/komentar-pada-posting-blog-meningkatkan.html">komentar</a>
 secara real time. Live Streaming sangat bagus bila anda menjalankan 
acara real-time, seperti video live streaming untuk konser, pidato, atau
 webcast, chatting. Anda juga bisa memasangnya di blog sebagai 
alternatif lain dari pemanfaatan plugin facebook untuk kepentingan 
interaktif dengan <a href="http://www.informasibisnis.net/2010/11/menganalisa-pengunjung-blog-atau.html">pengunjung blog</a> atau situs web anda. 
<h4>
 </h4>
<h4>
Kotak Komentar facebook.</h4>
 
Kotak komentat facebook memungkinkan pengunjung website atau blog anda 
untuk memberikan komentar pada konten situs anda - apakah itu untuk 
halaman web anda, artikel, foto, atau bagian lain dari <a href="http://www.informasibisnis.net/2010/11/apa-saja-yang-bisa-ditulis-untuk.html">isi blog</a>. Pengunjung dapat secara langsung mengirimkan komentar tersebut ke dinding facebook dan dibagikan ke teman-teman mereka. 
 
Untuk mengelola kotak komentar, anda harus terdaftar sebagai pengembang 
pada aplikasi yang digunakan untuk menginisialisasi SDK JavaScript. 
Sebuah link 'Administer comments' akan muncul di bawah tombol 'Posting' 
untuk pengembang aplikasi.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkbhNnNihXK_j7m9Z0DuNqvPwkLL2kmunZsMzmxPPWRYV1-8jXezWzsNvqOhGoxD9zmAeenIGC6fmptmrHwDONJy5NZbV4cyQHnoQHLHFLvRz9uZcHro4UkEV0iM5J6vzD1NFky3wcYEs/s1600/gambar+untuk+isian+comment.gif" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="cara memasang kotak komentar facebook di blog" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkbhNnNihXK_j7m9Z0DuNqvPwkLL2kmunZsMzmxPPWRYV1-8jXezWzsNvqOhGoxD9zmAeenIGC6fmptmrHwDONJy5NZbV4cyQHnoQHLHFLvRz9uZcHro4UkEV0iM5J6vzD1NFky3wcYEs/s200/gambar+untuk+isian+comment.gif" width="161" /></a></div>
 
<div style="color: black; text-align: justify;">
Untuk memasang plugin comments kunjungi http://developers.facebook.com/docs/reference/plugins/comments/ 
 
Tulis Unique ID aplikasi pada kotak isian, untuk memperoleh Unique ID kunjungi  http://developers.facebook.com/setup. 
 
Ketik nama yang anda kehendaki pada kotak isian nama situs, pada kotak isian URL situs ketik url situs anda misal: http://www.informasibisnis.net/, pada  Lokasi pilih <a href="http://www.informasibisnis.net/2010/12/antara-seo-dan-menulis-dalam-bahasa.html">Bahasa Indonesia</a>, kemudian klik tombol create app. 
<div style="text-align: justify;">
 
Selanjutnya facebook akan melakukan verifikasi akun facebook anda dengan
 meminta  nomor handphone anda, pihak facebook akan mengirimkan kode 
verifikasi melalui sms, Untuk konfirmasi anda diminta memasukkan kode 
verifikasi tersebut, bila kode yang anda masukkan benar maka anda akan 
segera <a href="http://www.informasibisnis.net/2010/10/cara-mendapatkan-uang-dari-blog.html">mendapatkan</a> Unique ID untuk aplikasi comment tersebut. </div>
 
</div>
Selanjutnya anda kembali ke http://developers.facebook.com/docs/reference/plugins/comments/. Tulislah kotak isian Unique ID, tulis Number of comments dengan jumlah komentar yang hendak anda tampilkan,  width adalah  lebar kolom yang anda kehendaki misal 400, tandai tombol publish feed, klik tombol Get code,
 lalu copy code yang ada di kotak, kemudian masuk ke akun blogger,  klik
 design, Edit HTML, klik button expand widget template dan letakkan kode
 tersebut tepat dibawah kode ini : <data:post.body/>  
  
Kotak komentar facebook akan terletak tepat dibawah baris akhir artikel posting anda. 
 
Bila anda hendak meletakkan kotak comment di sidebar blog anda,  kembali ke dashboard blogger, klik  page element. klik add gadget, pilih html/javaScript,
 dan paste code tersebut, klik save.  Untuk mempermudah anda mencari 
letak kode gadget di html blog beri judul untuk gadget tersebut. Pada 
contoh gadget tersebut saya beri judul "Komentar facebook" 
 
Anda kunjungi blog anda, bila aplikasi (gadget) comment tersebut tidak 
tampil di sidebar, edit kode html blog anda, jangan lupa mengklik button
 expand widget template dan cari rangkaian kode html untuk gadget 
comment tersebut, contoh pada blog ini adalah baris kode berikut: 
 
<div class='clear'/> 
        <div id='sidebarbottom'> 
        <b:section class='sidebar' id='sidebar3' preferred='yes'> 
<b:widget id='HTML12' locked='false' title=' komentar facebook' type='HTML'> 
<b:includable id='main'> 
   
  <b:if cond='data:title != &quot;&quot;'> 
    <h2 class='title'><data:title/></h2> 
  </b:if> 
  <div class='widget-content'> 
        <data:content/>  
  </div> 
 
Ganti kode yang berwarna merah dengan kode comment facebook yang anda dapatkan tadi. 
 
Unique Id yang anda isikan pada plugin comments dapat juga anda gunakan 
untuk unique ID Plugin live stream. Cara memasang kotak live stream sama
 dengan cara memasang kotak komentar facebook, hanya saja alamat yang 
harus anda kunjungi adalah http://developers.facebook.com/docs/reference/plugins/live-stream/ . 
 
 
<div style="color: red;">
NB:</div>
Kotak komentar facebook yang 
saya tulis di artikel ini adalah kotak komentar yang khusus untuk 
pengguna facebooker. Agar semua pengunjung yang memiliki akun online 
apapun bisa memberikan komentar saya telah menerbitkan artikel terbaru 
yang berjudul "<a href="http://www.informasibisnis.net/2011/05/cara-supaya-semua-pengunjung-bisa.html">cara supaya semua pengunjung bisa memberikan komentar</a>."

PASANG KOMENT FACE BOOK DI BLOG

Agar blog lebih interaktif dengan pengunjung yang umumnya memiliki akun facebook, kita bisa memanfaatkan beberapa plugin dari facebook u...

Baca selengkapnya »