Cara Memasang Tombol Facebook Like dan Facebook Share

in Blogging | 91 Comments
Cara Memasang Tombol Facebook Like dan Facebook Share

Waw ! Tidak terasa ini adalah artikel saya yang ke 101, kemarin saya tidak sadar sudah menulis artikel yang ke 100 :mrgreen: . Semoga dengan sudah tercapainya artikel yang ke-101 ini, setiap artikel yang saya tulis selalu membawa/memberikan manfaat untuk teman-teman semuanya dan semoga saya semakin semangat nge-blog dan berbagi :) Sayangnya di suasana yang membuat saya cukup menggembirakan ini karena tidak menyangka akan sampai pada tahap ini ada kabar yang tidak meng-enakan.

RSS blog saya di ambil oleh beberapa blog dan ada beberapa blog juga sudah meng-copas mentah-mentah beberapa artikel saya tanpa mencantumkan link balik ke blog saya atau ke artikel yang bersangkutan. Saya sudah membuat list blog-blog yang meng-copas artikel saya mentah-mentah tanpa mencantumkan link, akan saya pantau terus.

Oia, sebenarnya tidak etis saya membeberkan blog yang mengambil RSS blog saya kemudian dia posting ulang secara otomatis, tapi ini sudah keterlaluan, karena blog tersebut tidak terurus dan tidak ada kontak yang valid, apabila anda kenal dengan pemiliknya atau tau siapa pemiliknya, saya mohon hubungi saya lewat email. Blog tersebut bernama

Waduh maaf nih jadi sedikit curhat :D , berikut cara memasang tombol facebook like dan facebook share.

Facebook Like

<iframe src="http://www.facebook.com/plugins/like.php?href=<?php  echo urlencode(get_permalink($post->ID));  ?>&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=light"  scrolling="no" frameborder="0" allowTransparency="true"  style="border:none; overflow:hidden; width:450px;  height:60px;"></iframe>

Facebook Share 1

<a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

Facebook Share 2

<a name="fb_share" type="button_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

Referensi :
http://www.facebook.com/share/
http://developers.facebook.com/docs/reference/plugins/like

Semoga bermanfaat !

Penulis: Satrya Bima - http://www.margasatrya.com

Satrya, founder margasatrya.com yang saat ini sedang bekerja di salah satu provider theme e-commerce, Tokokoo.com sebagai Front End Developer. Mau mengenal saya lebih jauh ? Silahkan follow twitter atau kontak saya

Berlangganan Artikel Gratis !

  • http://Jhezer.web.id JhezeR

    Kayaknya himmi.net make wp robot ya bro, dicopas smua postingannya tanpa edit dikitpun.. Pilih rss summary aja bro di discussion setting..oia sepertinya diliat di who.is ada no hp nya tuh.

    • budiastawa

      Satrya, betul kata mas Jheze. Mungkin yang disadap adalah RSS blog ini yang full article. Inilah kelemahannya. Saya sendiri dari dulu memakai ringkasan. Kalau memang dia menggunakan robot untuk posting otomatis melalui RSS, toh yang tampil nantinya adalah ringkasan.

    • ArdianZzZ

      Sepertinya dapat juga diatasi dengan memasang canonical link. :)
      Paling tidak untuk mencegah konten duplikat.

      Oh ya, setahu saya oleh facebook dianjurkan untuk menggunakan FBML. Saya pernah mencobanya, lalu dilepas gara-gara mengacau validasi haha…

    • http://www.margasatrya.com Satrya

      Kalo du summary gak enak sama pembaca yang lain mas,. iya saya sudah lihat dan mengirimkan email, tapi blm ada balasan.

  • Pingback: Tweets that mention Cara Memasang Tombol Facebook Like dan Facebook Share | Tutorial Tips Wordpress | Margasatrya.com -- Topsy.com

  • http://kafegue.com/ iskandaria

    Saat ini seblum terpikirkan bagi saya untuk memasang tombol sharing artikel pada blog saya Sat. Tapi tidak menutup kemungkinan suatu saat nanti :)

    • http://www.margasatrya.com Satrya

      tombol sharing agk merusak validasi loh mas Is :mrgreen:

  • http://www.gemilang.tv Indovision

    Nah , ini sy perlu buat tambah traffic dari facebook. Thanks mas
    Sy lihat2 di himmi.net isinya benar2 di copas abis dari blok mas sampai artikel yg terbaru pun muncul …

  • rismaka

    Mengenai himmi.net, coba dilihat melalui whois-nya mas (who.is atau whois.net), mungkin saja di sana terdapat alamat yang bisa dihubungi.

    Mengenai pencegahan, lebih baik TETAP memberikan RSS feed yang penuh (bukan hanya summary saja), namun memberikan backlink di akhir konten, baik itu menggunakan plugin RSS footer, atau memberikan related post yang berasal dari plugin YARPP.

    Jangan mengorbankan pembaca dengan memberikan RSS feed partial hanya karena menghindari copas, karena kegiatan copas tidak akan bisa kita hindari.

    BTW, back to topic, Saya sebenarnya ingin memasang tombol retweet dan facebook share di blog saya, tapi ya itu, kedua tombol tersebut menyisipkan iframe yang tentu saja memberatkan loading blog. Bukan itu saja, bagi penganut validasi XHTML seperti saya, kedua tombol tersebut menyebabkan halaman blog menjadi tidak valid.

    Mas satrya, jangan terpengaruh ucapan saya ya…, karena itu hanyalah opini saya saja selaku pengguna yang sangat memperhitungkan kecepatan dan validasi. Lakukan apa yang mas rasa baik, jangan ikuti orang lain. :)

    • http://www.margasatrya.com Satrya

      hahahha,. iya2 mas Adi, saya bukan tipikal pencinta validasi koq :mrgreen:
      Biar blog agak berat trus gk valid, tapi yg penting rame :lol:

  • Pingback: Cara Memasang Tombol Facebook Like dan Facebook Share | Tutorial … | Cari Judul Skripsi, Makalah, Laporan

  • PooSoft

    mas Satrya.. gmana kalaw tombbol tewt berbarengan dengan Fb share n Buzz Google, sepertinya Mas Satrya semninggu lalu memasang yang berbentuk slider naik turun yang tidak mengganggu Postingan Mas ??, thanks

    • http://www.margasatrya.com Satrya

      Nanti saya coba tulis y mas,. ini juga masih ada koq, tapi tingal tweetmeme dan facebook share aja. nih di kiri :mrgreen:

      • http://adsense-note.blogspot.com Bing

        mohon bantuannya ke mana saya copy paste agar button like muncul di face book saya

  • Surya Triwijaya

    Kalo facebook like dan facebook share dipasang bersebelahan sepertinya ada salah satu yang ga jalan ya mas?

    • http://www.margasatrya.com Satrya

      masa sih mas ? Mungkin stylenya harus sedikit di edit karena ber tabrakan, atau gmn ?

  • http://www.nyubi.org/ Ngeblog Dibayar

    jangan bosan posting tutorial wp ya ms ;)

    • http://www.margasatrya.com Satrya

      Yupz, di usahakan :mrgreen:

  • Rudy Azhar

    saya sebenarnya ingin memasang tombol share seperti ini, tapi menurut pengalaman saya sih kebanyakan pemilik blog itu sendiri yang menshare tulisannya. Ini juga berlaku terhadap saya yang suka menshare sendirian.he..he..he….
    Jadi ketimbang harus memasangnya selain alasan yang seperti dikemukakan Mas Ris diatas lebih saya mennggunakan cara manual aja.

    • ArdianZzZ

      Saya sudah memasang retweet widget… :)
      Beberapa waktu lalu membuatnya sendiri dengan link biasa.

      • http://www.margasatrya.com Satrya

        @mas rudy : iya memang masih jarang orang indo memanfaatkan tombol2 sharing tersebut, tapi seetidaknya tombol tweetmeme agak lebih baik sih ketimbang facebook share :D

  • dJumTKS Weblog

    saya masih pakai plugin facebook like button ;-) , tips sobat satrya ini perlu dicoba juga.

    Benar2 keterlaluan juga ya :
    Registration Service Provided By: KERAJAANWEB.COM
    Contact: +62.85641011412
    Domain Name: HIMMI.NET
    Registrant:
    distributor online
    samari (samari_jakarta@yahoo.com)
    Jakarta,11630
    ID
    Tel. +62.81317925345
    Creation Date: 14-Oct-2009
    Expiration Date: 14-Oct-2010

    Domain servers in listed order:
    ns6.himmi.net
    ns5.himmi.net

    • http://www.margasatrya.com Satrya

      Maksih banyak mas infonya, sampai di sebar di sini :lol: , saya sudah tahu sih, dan sudah mencoba mengirimkan email. tapi blm ada itikad baik dari pemiliknya.

  • http://maksumpriangga.com Maksum Priangga

    mas, ini tombol likes nya hubungannya dengan artikel atau dengan fanpage ya? lebih bagus kalau dengan fanpage mas :D

  • daengrompa

    semangat ngeblog.. Lanjutgang..

  • Dunia Komputer

    Iya lho mas. Dicopas mentah-mentah. kayanya memang pake WP robot. Saya juga sering kena yang kay gini. Tapi di blogger dengan berlangganan via email yang langsung posting ke blogger. Saya terpaksa pake feed ringkasan untuk mengatasinya.
    Btw, ijin save dulu tutorialnya. Kebetulan saya tertarik pasang yang ini. Tapi kebetulan lagi sibuk nie. Nanti saja saya pasang. Thanks ya!

    • http://www.margasatrya.com Satrya

      Oke, sama2 mas :D

  • http://andreasandre.net andre

    wah keren bro tutorialnya yang ini sama yang masang tweet meme. saya dah mampir himmi.net . ternyata bisa sama persis

  • Ardi

    Thanks kawan….
    mampir juga ke website gue

  • http://gecokk.blogspot.com/ angga

    thanks gan, wah sangat bermanfaat nih. website nya bagus gan ..:)
    kunjungi

  • http://mariodevan.wordpress.com mario

    kalo wordpress gratisan kayak punya saya ini bisa dipasang ga ya?
    http://mariodevan.wordpress.com

    yg gratisan emang terbatas nie :(

  • http://hompila-hompimpa.blogspot.com/ nex

    cara peletakannya dimana mas please….

    • http://www.margasatrya.com Satrya

      Dimana saja, sesuai dengan yg anda inginkan. :)

  • http://www.dafuad.wordpress.com dafuad

    salut deh… blognya bagus jadi terinspirasi nih … hehe

  • http://www.madoera.info/2010/08/menjadi-blogger-yang-bahagia.html Blogger Bahagia

    Tips yang mantabs gan… salam kenal… :D

  • http://hantu-facebook.blogspot.com/ Hantu Facebook

    Mantap Sob, sayang facebook sering melakukan perubahan sehingga kadang2 artikel yg kita buat menjadi tdk relevan.

  • http://cahlugu.wordpress.com cahlugu

    masih bingung nih mas. . .naruhnya di tulisan pa di setingan pengaturan. . .mohon pencerahannya. .maklum masih newbi

    • http://www.margasatrya.com Satrya

      Taro di single.php saja mas, dekat artikelnya

  • http://planetto.blogspot.com/ omend

    mas, punyamu kok ada tombol tweeet biru juga,…

    gimana bikinya tuh,… ???

    • http://www.margasatrya.com Satrya

      masuk sini aja mas hxxp://twitter.com/goodies/tweetbutton

  • http://verial-aa.blogspot.com AA

    hAHHAAA,,,,Kebanyakan manusia yg ngk punya kreativitas kyk gitu boz…

    Jgn Lupa mampir ya boz

  • junianto bara

    pekerjaan mengkopi paste ini memang nyebelin dan dinggap tidak punya etika apalagi kopasnya tidak mencantumkan sumbernya.. ini memang sudah banyak dilakukan para bloger.

    kalau saya pribadi sih gak masalah artikelnya mau di post di tempat lain justru saya bangga karena orang beranggapan bahwa artikel kita layak untuk di publish. so jangan kawatir orang yang kreatif itu tidak takut karyanya di curi ia akan seantiasa berkreasi dan membuat karya baru yang lebih bagus.. dan bisa menjadi acuan bagi yang lain terlepas tidak ada sumbernya,,. bagi kita adalah kepuasan karena artikel yang kita tulis nampang dimana mana..

    seperti blog saya ini http/www.alzaytunindonesia.tk sebagian adalah hasil dari kopas tapi saya dengan seijin yang punya tujuannya adalah menyebarkan nilai nilai yang terkandung dalam artikel artikel tersebut, jadi buat sobat yang mau kopas liatlah maksud dari artikel yang ditulis kalau tujuannya untuk kemaslahatan bersama gak papa sepanjang ada ijin dari yang pynya,,

  • azlan

    mas,, saya masih newbie nih.. saya menggunakannya bagaimana ya?? he.he.he..

  • fajar

    gan mau nanya..
    tolong dikasih tau caranya donk : step by step ya..

    trims..

  • http://scratchesofaydina.blogspot.com ayra

    kok fcbook like-nya gak muncul ya mas?? maklum newbie…

  • http://www.templatemaxs.com Usup

    Kalau ane biarin aja mas ada yg copas artikelku biarpun tanpa linkback sekalipun, karena yang seperti itu pasti masih newbie alias baru pemula coz jg jg blum sedikit ngerti aturannya, bsuk klw dah ngerti psti juga gakkan!
    Yang bijaksana ja sob sesama blogger Indonesia!
    Toh kita jg mendapatkan ilmu tu dari rang lain jg!
    Nice post…..

  • http://iyoong.com/ iyoong

    ahaaa…. bisa di aplikasikan nih.. thanks atas info nya :)

  • Unhy

    kodenya itu disimpan d’ mana mas, khusus untuk web joomla… Tolong di bantu ya…..!!!!

  • http://acernoval.blogspot.com/ AcerNoval

    wah !! hebat ! makasih infonya gan !

  • Idrus

    Mas saya sudah copy n paste scripnya tapi kok ngak muncul muncul juga di blog tempat penyimpanan kenapa ya mas. Apakah scrip tsbt tdk cocok dengan blogspot. Tlong bantuaanya. Trims sebelumya

  • http://freedom-financial.weebly.com/ Purnomo

    bagus juga nih blog..
    moga tambah siip lah…

  • http://the-darkwind.blogspot.com shinichi

    Thanx atas ilmunya. mau segera di pasang di blog ane dulu nich…

  • Andini Rizky

    Wah ada ya yang mau ngajarin gini…Baik banget, terima kasih. Saya mah mempercayakan pada plugin WP Facebook Like soalnya takut ngancurin kode secara gaptek gini loh…

  • http://sety-tehnologi-religi.blogspot.com/ sety

    Kenapa tombol berbagi dinlogku hilang? ada yang bisa kasih solusi

    • http://www.margasatrya.com Satrya

      Hilang gmn mskdunya ?

  • donni

    thanks yah artikelnya, saya cukup terbantu untuk share facebooknya. saya newbie.. tolong artikelnya lebih di perjelas cara pengaplikasiannya secara step by step. by the way masalah copas orang tuh mungkin gag tau aturan. pokok nya berjuang trus saya dukung. salam kenal

  • http://boediinstitute.wordpress.com/ budi

    Wah,….
    terimakasih mas,,,
    tapi tetp q pasang bsa tpi g bsa keluar….???gmana ya caranya….
    tlong bntu scpatx/

  • http://kebunsaida.blogspot.com Rumah Sahaja

    Terimakasih tips nya Mas
    saya coba aahh
    hehehe
    salam silaturahim

  • http://www.kloget.com kloget

    tips yang sangat berguna nih, thanks mas udah dishare.

  • Vista 84

    sip kang udah jadi neeh mkasih ya :)

  • http://deded18.wordpress.com deded

    klo ma blog punya saia gimana yah mas,.,., cos punya saia gratisan neh mak lum baru belajar ngeblog :) ,.,.,. mohon pencerahan,.,.
    bolg saiia deded18.wordpress.com

  • http://loviabatikdancraft.blogspot.com lovia batik dan craft

    tks bos…mampir juga ke blog saya..
    hxxp://loviabatikdancraft.blogspot.com/

  • http://acneskintreatment22.wordpress.com/ acne skin treatment

    tombol share sangat berguna sekali untuk promosi blog….

    perkenalkan kan saya blogger dari solo

  • ka kay

    mas klo dah dapat kode nanti pastenya dimana?

  • http://www.emingko.com eMingko Blog

    lumayan buat meningkatkan trafik lwt fb

  • Tivisiana

    bisa dipasang di blogspot nggak neeh bang ?

  • http://www.kmipaproduction.blogspot.com AJIS

    Mas, minta nomor kontaknya dong???? trims yah….. Soalnya ada yg penting yg mau sy tanyakan, tp tdk etis lewat sini……. Ato bisa SMS nox mas ke hp saya : 0852 444 19547 makasih sebelumnya….

  • http://www.awipunna.blogspot.com awi

    tq artikelnya, dapat ilmu lg ne :)

  • http://www.tokobungapekanbaru.com TOKO BUNGA PEKANBARU

    mantap mas..sudah terpasang di blog saya…makasi ya mas…

  • toko bunga medan florist

    oke mas…langsung ke tkp…

  • http://www.cavalerasports.com ipoeles

    artikelnya keren dan trms info nya

  • http://www.tokobungadibatam.com Toko Bunga Batam

    makasi untuk info nya mas..langsung ke TKP…

  • http://japan-artist-sonhaji.blogspot.com/ sonhaji

    tapi gunanya itu apa ya untuk menaikkan trafik website kita?
    kalo gak ada yang mengkliknya..
    saya masih newbi nih..

  • http://kotakinformasi.wordpress.com awitara

    ok, saya coba dulu mas ya,,,

  • Setepencow

    Bos,gimana caranya masukin modul/modul like facebook (seperti tampilan di website anda) jika wesitenya pake cms joomla?tq

  • http://dukundesign.blogspot.com kholis kun

    sip gan lanjut terusss… :)

  • http://yaslam-yusuf.blogspot.com haizar effendy

    terimakasih atas tips nya semoga ilmunya s’makin mantap .Amin

  • http://symbian-s60v3.com artikel unik

    mantap gan tipsnya :)

  • sepatu kerja

    makasih gan,ini yg ane cari-cari

  • Pingback: Zeta Blog [dot] COM - Facebook Share Cara Memasang Tombol Facebook Like dan Facebook Share

  • http://niceonentertaiment.blogspot.com Deejay

    lumayan lah infonya..
    thx gan

  • http://www.ghoblags.blogspot.com hassan

    thnxs atas tips n triknya gan :)

  • masnoel

    mampir gan n minta copynya heheheh newbie gitoch

  • yars_xlp

    akh gabisaaaaaaa,
    berantakan mulu jadinya..?

  • http://tipsunik.com tipsunik

    sebenarnya aku mau buat tombol share twitter,sharea fb dan google+ , tombol like secara bersamaan , ada ga mas scripnya ? :)

  • Sukondro

    terimakasih ilmunya pak juragan

  • Kurtz

    lebih enak mana membuat like dan share melalui plugin atau via manual spt yang kang Surya paparkan? 

  • http://www.ryandra21.blogspot.com/ ryandra

    thanx gan

  • Retnopoenya

    sy sdh coba share ke facebook, tapi kok tulisannya spt di bawah ini?

    You
    may use these HTML tags and attributes:

    apanya yg salah ya? mohon bantuannya

  • Ratnobsarpan

    maaf,ni nempelnya dimana ya…