Tips Membuat Tombol Share on Facebook

Assalamu’alaikum wr wb

Kompas.com, AnakUI.com, AyoNgeblog.com, dan sekarang IlmuGratisan.com sudah mengadopsi fitur Share on Facebook. Dengan mengaktifkan menekan tombol Share on Facebook, pembaca bisa menampilkan cuplikan tulisan, berita, atau artikelĀ  suatu blog/situs di akun Facebooknya.

Contohnya, kamu bisa menampilkan cuplikan ini dengan menekan tombol share on facebook. Pertanyaan utamanya adalah: Bagaimana cara membuat atau mengaktifkan fitur Share on Facebook di blog atau situs kamu?

Sebenarnya, Facebook sudah memfasilitasi hal ini. Tapi di sini saya akan membuat tutorial short cut nya saja. Agar lebih mudah :cool: .Okey, langsung saja kita mulai tips bagaimana mengaktifkan/membuat fitur share on Facebook:

1. Letakkan code/script ini di file single.php, post.php, atau file lain yang fungsinya menampilkan satu tulisan/postingan di blog.
<script >function fbs_click()
{
u=location.href;
t=document.title;
window.open(‘http://www.facebook.com/sharer.php?u=’+encodeURIComponent(u)+’&t=’+encodeURIComponent(t),’sharer’,'toolbar=0,status=0,width=626,height=436′);return false;
}
</script>
<a href=”http://www.facebook.com/share.php?u=letakkan_url_di_sini” onclick=”return fbs_click()” target=”_blank”>
<img src=”http://agungfirmansyah.files.wordpress.com/2009/02/share-on-facebook1.jpg” alt=\”Share On Facebook\” align=”left”/>
</a>

2. Perhatikan tulisan yang dicetak tebal dalam code di atas. Maksud saya, tulisan yang ini “letakkan_url_di_sini“. Ganti tulisan tersebut dengan alamat url tulisan yang akan di-share di facebook.

INTERUPSI….!
Kan, tulisan yang ingin di share banyak. Apakah kita harus mengganti code tersebut dengan alamat postingan secara satu-persatu?? Tenang, jawabannya ada di langkah 3.

3. Agar hal yang ditanyakan di INTERUPSI tidak terjadi, gantikan tulisan “letakkan_url_di_sini” dengan fungsi yang bisa men-generate atau mengembalikan url setiap postingan. Kalau kamu menggunakan mesin blog wordpress, gantikan dengan <?php the_permalink();?>.

Bagaimana? Masih bingung? Yup. Sekian dulu, semoga bermanfaat.

Thanks to: Ilman Akbar, admin AyoNgeblog.com yang telah ngajarin saya mengaktifkan fitur ini.

Note:
Tulisan ini juga saya publikasikan di IlmuGratisan.com. Jadi, diskusinya di sana saja ya. Klik IlmuGratisan.com untuk diskusi.

21 comments so far

  1. Aulia on

    mantap mas Agung ;)

  2. enggalicious on

    emg file *.php bs diedit ??
    pnyaq asli, murni wordpress,, ga pkeg hosting2an ..
    bs gag ??

    nah, script php dan javascript tidak bisa dieksekusi di wordpress.com. Lebih tepatnya, tidak diijinkan dieksekusi. Jadi, tips ini ga bisa diaplikasikan di wordpress.com :D .

  3. MaHar on

    wooh.. keren keren.. :D

  4. tren di bandung on

    pengen nyoba!
    bisa ga yah?
    pasti bisa!
    kapan yah?
    sekarang!
    udah ngantuk?


    ga harus sekarang kok kang :D .

    halah…

  5. indahonly on

    belum nyoba

  6. aryu on

    ok,,thx sharing ilmunya.. boleh juga tuh dicoba..

  7. atik on

    saya rencana buat CD interaktif (mutimedia)

  8. Muda Bentara ! on

    thanks bang ….

  9. omiyan on

    waduh kebetulan saya ga punya akun di facebook hihihi tapi ilmunya boleh juga nih mas

  10. sheinastya putri on

    hai Gunk, lama gak nongol.anak2 juga gak ada kabarnya..ya udah deh, doakan aku cepat sidang.hehehe

  11. radesya on

    Wah, aku pingin coba kak, tapi masih bingung :(

    thx ya kak, ku banyak belajar dari kakak lho

  12. riana on

    yaaahhh gak bisa di-aplikasiin di wordpress gratisan :(

    makasih sudah di share mas agung.. bisa dipraktekkan ke situs yg lain..

    oya, kalo saya di facebook pake aplikasi “friendfeed” biar kalo ada update dari blog langsung nongol di wall hehehe :mrgreen:

  13. ofa ragil boy on

    di wordpress ga bisa


    wordpress.com yang gratisan memang ga bisa. Tapi klo pake hosting sendiri dengan mesin wordpress, insya Allah bisa. Coba lihat IlmuGratisan.com

  14. hendra on

    saya dah coba dan berhasil, cuma kalo punya artikel yang ada gambarnya ga muncul di facebook di halaman depannya cuma textnya aja yang muncul..kalo kompas kan muncul tuh di facebook gambarnya kalo ada berita yang ada gambarnya…bisa diberi pencerahannya lagi untuk kasus ini…

    trims

    coba code punya ente ky gimana? code yg saya pasang di sini itu udah saya implementasikan di ilmugratisan.com. Di sana muncul kok gambarnya.

  15. wali on

    klo untuk multiply bs gk ya??

  16. agungfirmansyah on

    Sepertinya, untuk yang seperti ini tidak bisa Mas. Harus manual.

  17. Didan on

    Mas mau tanya,,, kalo script ini di terapkan di wordpress bisa ga ya mas… Thank’s b4!! :P

  18. agungfirmansyah on

    @Didan
    Di wordpress.com yg gratisan tidak bisa dipasangi tombol share on facebook krn kita ga bisa ngedit code php-nya, tp kita bisa pasang semacam ‘plugin’ di browser. Gmn caranya? Coba search dg kata kunci “share on facebook”.

    Semoga bermanfaat.

  19. sakura21 on

    thanks infonya nya mas, ada aplikasi share ke lainnya ga?

  20. mizie momo on

    info nya sgt b’manfaat buat guw n’ semua orang
    thx iaa

  21. indogaul on

    sip sip, harus di coba nih. kalau buat wordpres.org sudah banyak plugin-nya. Thanks bro


Leave a reply