Home » Optimasi Wordpress » Membuat Tombol Facebook Like Tanpa Plugin

Membuat Tombol Facebook Like Tanpa Plugin

1 Mei. 201193 comments
Membuat Tombol Facebook Like Tanpa Plugin

Di postingan sebelumnya tentang cara meningkatkan traffic blog, pernah saya sampaikan bahwa salah satu cara yang bisa dilakukan untuk lebih mempopulerkan blog yaitu dengan memanfaatkan situs jejaring sosial yang sedang trend seperti twitter, facebook, koprol dsb, baik dengan mengimpor feed blog atau membuat tombol untuk share/submit artikel ke jejaring sosial tersebut sehingga artikel kita akan lebih punya kesempatan yang luas untuk dibaca oleh banyak orang.

Selain cara tersebut di atas anda juga bisa memanfaatkan salah satu fitur yang ada di Facebook yaitu dengan memasang tombol “Like” di dalam postingan atau di sebuah halaman. Ketika ada pengunjung yang tertarik dengan artikel anda dan pengunjung tersebut mempunyai akun di facebook kemudian menekan tombol Like tersebut, maka otomatis artikel beserta linknya akan terkirim di dinding facebooknya dan akan bisa dibaca oleh teman-temannya atau jaringannya.

Cara seperti ini sebenarnya sudah cukup banyak yang mempostingnya, namun karena masih banyak juga permintaan dari pengunjung blog ini yang menanyakan cara memasang tombol facebook like, maka sekalian saya buatkan tutorialnya.

Cara Pasang Tombol Facebook Like Di WordPress
Jika anda ingin memasang tombol Facebook Like di dalam postingan, anda bisa menempatkan script di bawah ini di dalam file single.php yang ada di folder theme yang anda gunakan.

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

Script (iframe) tersebut bisa anda tempatkan sebelum kode <?php the_content(); ?> jika tombol facebook like akan ditempatkan di atas postingan, dan setelahnya jika tombol facebook like akan ditempatkan di bawah postingan.

Beberapa parameter yang bisa digunakan berkaitan dengan tombol facebook like tersebut antara lain :

  • show_face=true, akan menampilkan foto profil facebook di bawah tombol facebook like.
  • layout=button_count, hanya akan menampilkan simpel button.
  • colorscheme=dark, pilihan warna background tombol facebook like lebih gelap.
  • action=recommend, mengganti tombol Like ke Recommend.

Di samping parameter tersebut di atas, anda juga bisa membuat pengaturan tentang tinggi dan lebar dari iframe tersebut.

Catatan :
Tombol facebook like ini di samping punya banyak manfaat juga ada kekurangannya yaitu, karena menggunakan teknik iframe mungkin akan sedikit memperlambat waktu loading, di samping itu juga akan menambah jumlah http request.

Kekurangan lainnya, setelah pasang tombol facebook like ini blog anda terutama untuk halaman single.php atau postingan menjadi ‘Tidak Valid HTML’.

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

Contoh hasil tutorial ini :

Mudah-mudahan artikel tentang Membuat Tombol Facebook Like Tanpa Plugin ini bisa bermanfaat untuk anda, terima kasih.

Artikel Yang Mungkin Berkaitan :

  1. Cara Mengganti Sparator Tag dan Category
  2. Membuat WordPress Versi Mobile Dengan W3 Total Cache
  3. Tips Menghemat Quota Bandwidth
  4. Mempercepat Loading WordPress dengan Zlib Compression
  5. Cara Mengoptimasi Halaman Kategori
  6. Cara Memblokir External Requests di Dashborad
  7. Cara Membuat Social Media Sharing Tanpa Plugin
  8. Cara Mencegah atau Menghalau Spambot
  9. Cara Mudah Menuliskan Karakter Khusus
  10. Pasang Quiz Anti Spam Tanpa Plugin
  1. 2-5-2011 at 20:40 | #1

    udah jarang pesbukan euy kang alwi,tp bolehlah dicoba :D

    Reply

  2. 2-5-2011 at 22:55 | #2

    Karena saya jarang masuk FB, maka saya belum menggunakan. Tapi tutorialnya tetap saya catat, siapa tau besok2 kepakai

    Reply

  3. 3-5-2011 at 06:01 | #3

    Thanks share nya mas Bro..lsng akan saya test!

    Reply

  4. 3-5-2011 at 11:43 | #4

    Untuk blogspot juga bisa g?

    Reply

    Alwi Reply:

    Bisa tinggal diatur aja penempatannya

    Reply

  5. 3-5-2011 at 14:31 | #5

    makasih infonya bro, mau tanya nih, knp yah saya kadang2 tidak bisa berkomentar di blog wp?

    Reply

  6. 3-5-2011 at 22:04 | #6

    klo saya malah pake plugin digdigdig, ato apa ya. lupa saya namanya :)) komplet banget, dan pengaturan penempatan tombol fb, twitternya sangat mudah dan simpel, tapi sayang jg fitur lainya ngga ke pake, sperti delicous, digg, reddit, dll abiz blog saya bahasa indonesia :), jadi percuma klo sy pasang

    Reply

  7. 4-5-2011 at 00:54 | #7

    request merubah tampilan komentar form wordpress nya sekalian mas. :)

    Reply

  8. 4-5-2011 at 10:51 | #8

    Menarik mas, tips yang lengkap sekaligus dilengkapi dengan kekurangan yang dimiliki

    lama tidak berkunjung nih mas, salam dari pamekasan madura

    Reply

  9. 4-5-2011 at 11:58 | #9

    wah mas, kekurangan nya itu lho bikin gimanaaa gitu, lah wong blog ane masih lemod….

    thanks anyway

    Reply

  10. 4-5-2011 at 12:37 | #10

    sayangnya tema pada wordpress saya tidak bisa diutak-atik… jadinya ya saya g bisa praktek dong di tempat saya.. eits.. tapi udah diatur juga dink sama adminnya… he he he

    Reply

Comment pages
0+6=? (Wajib diisi)