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 ๐Ÿ˜Ž .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=”https://agungfirmansyah.files.wordpress.com/2009/02/share-on-facebook1.jpg&#8221; 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.

30 thoughts on “Tips Membuat Tombol Share on Facebook

  1. 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 ๐Ÿ˜€ .

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

  3. 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:

  4. 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.

  5. @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.

  6. Nggak jelas bro… kalau mau kasih info jangan setengah setengah, soalnya mabis banyak yang nggak mudeng dengan blog, jangan tanggung tanggung.

  7. manteb tnan mas..
    tapi nek neng wordpress gratisan gawene pie mas??/
    kan ga ono editornya..???
    ๐Ÿ˜€

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s