Cara Menambahkan Tombol Like FB di WordPress

14 Feb, 2011Tutorial IT

Halo, Sahabat Pintar!

Kali ini saya akan berbagi ilmu mengenai cara menambahkan tombol Like Facebook di web yang berbasis wordpress. Kenapa kita perlu menampilkan tombol Like? Karena jika kita sedang log in di facebook kemudian menekan tombol ini, maka judul artikel yang kita like ini akan tertampil di facebook beserta link nya sehingga makin mengundang orang untuk ikut membaca artikel ini. Mau tau caranya? Simak baik-baik yaa ^__^

Caranya:

1. Login ke bagian back end web Anda

2. Masuk ke bagian Appearance>Editor

3. Cari file Single.PHP (Single Post)

4. Cari kode <?php the_content();?> (untuk mempercepat pencarian, jangan dipelototin satu-satu, tapi tekan CTRL+F)

5. Letakkan kode berikut tepat di bawah <?php the_content();?>

<iframe src=”http://www.facebook.com/plugins/like.php?href=<?php the_permalink() ?>&amp;action=like&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;font=arial&amp;colorscheme=light” allowTransparency=”true” frameborder=”0″ scrolling=”no” style=”border:none; overflow:hidden; width:450px; height:25px;”></iframe>

6. Jangan lupa klik tombol Update File

Naah, mudah bukan? Mau tau lebih banyak tentang wordpress dan web? Segera ikuti Kursusnya  di Rumah Pintar Kembar, Jl.Solo-Yogya km.30 Jombor Ceper Klaten, telp 0272 3154 777 atau email ke info@rumahpintar-kembar.com. Bisa juga dengan mengisi form ini.

Incoming search terms:

Related Posts

Suka dengan Artikel ini? Dapatkan Update Artikel Terbaru dari Rumah Pintar Kembar, Masukkan Alamat Email Anda :

Delivered by FeedBurner

2 Comments

  1. Ooze says:
    February 15, 2011 at 2:45 am

    YOOOOOOOW…..

    whoaa…
    sedang kepikiran fitur ini, eh… ketemunya di rumahpintar si kembar (^_^)

    btw kalo dari page ini, bedanya si Like itu dengan bagian “do you like this article” dan lambang facebooknya apa tu?

    Reply
  2. admin says:
    February 15, 2011 at 3:38 am

    hehehe…baru pasang tadi pagi juga kok van yg LIKE FB ini..
    kalo yg Do you like this article itu kalau diklik akan seperti share article di FB gitu di wall kamu
    kalo yg LIKE FB ini munculnya link judul artikel dan webnya
    cie cie..ivankurniawan.com ^__^

    Reply
  3. Ooze says:
    February 16, 2011 at 4:42 pm

    YOOOOOOOW…..

    ummm…. nampak beda2 tipis…
    tapi keduanya itu jika di klik akan menampilkan link ke web yang bersangkutan kan ya melalui wall FB orang yang meng-klik nya, betul begitu?

    ** btw saya klik like nya kok nothing happened in my FB page? **

    –> eh saya lebih mempromokan : http://www.lazulisarae.com ajah :p <–
    hwe he he he

    Reply
  4. Ooze says:
    February 16, 2011 at 4:45 pm

    sorry lupa…
    sekalian nanya :
    kalau mau bikin yang “do you like this article, share it below” gmana tu?

    misalnya under Joomla ya bikinnya…. he he he…. (^_^)

    Reply
  5. admin says:
    February 16, 2011 at 9:13 pm

    Hohoho..
    iya, betul betul betul! sama2 utk nge share..
    tapi kalau cek halaman profil Ivan di aktivitas terkini kan ada tuh link kita yg di like ^__^
    klo yg do you like itu bawaan dari template wordpress nya van..klo joomla aq jarang pake, tapi keknya bisa pake ini http://bit.ly/cgTFQU dg urutan langkah spti di atas
    hahaha..boleh lah mempromosikan usaha sendiri..mari2..^__^

    Reply
  6. ummi says:
    April 5, 2011 at 6:17 pm

    mbak, di web saya, ndak ada kode yang ada kode seperti ini: . saya coba copas kode dari mbak, saya tempatkan di akhir kode tersebut, tapi ndak kotak “update file” atau “save”. bingung.. apa kalau kode nya seperti ini ndak bisa mbak?

    terus lagi, tema web yang saya pake sudah ada format read more nya, tapi kalau publish postingan tetap yang muncul seluruh artikel saya (beranda nya jadi penuh), akhirnya saya buat read more lagi, jadi ada dua read more untuk 1 postingan. gimana ya mb?

    tolong banget jawabannya ya mb..

    makaciy..

    Reply
    • admin says:
      April 5, 2011 at 8:49 pm

      blog mba ummi pakai wordpress, blogspot, atau apa?
      Kalau setelah dipublish, mbak Ummi menujunya ke halaman Home yg mana berisi potongan2 artikel (seperti di web Rumah Pintar Kembar ini) atau ke halaman artikel tersebut saja? Iya, terkadang ada themes/template yg sudah ada readmorenya langsung, ada yg harus buat readmore sendiri di postingan artikelnya
      Alamat web/blog mba Ummi apa?

      Reply
  7. ummi says:
    April 5, 2011 at 6:22 pm

    * ralat

    … ndak ada kode yang ada kode seperti ini:

    Reply
  8. ummi says:
    April 6, 2011 at 3:17 pm

    web nya di wordpress Mba.. masi belum diedit2.. masi belum dilaunching, makanya lum berani ketik disini alamatnya. hehe..

    saya ngikuti langkah2 di artikel mb ini, agar bisa ngshare k facebook, tapi kode php_content nya nda ada, yang ada php_content continue reading. maka saya tempatkan kode punya mb di belakang tulisan continue reading, tapi saya bingung ngsave hasil editan saya di single.php ini, karena “update file” atau “save” nya nda ada mb.. setelah saya coba buka web saya ndak ada yang berubah mba..

    menuju ke halaman Home mba..

    mba, tema saya itu kan sudah ada read more nya, tapi tetap yang muncul di beranda saya, setiap publish postingan, artikelnya muncul dari awal-akhir, akibatnya berandaa saya penuh, akhirnya saya terpaksa buat read more manual. akibatnya dalam menu home saya ada 2 tulisan read more. bagaimana cara memanfaatkan setingan read more tema yang saya pakai sehingga saya ndak perlu lagi bikin read more manual Mb?

    tolong lagi jawabannya yah mb..

    makasiy banyak mba..

    Reply
    • admin says:
      April 6, 2011 at 8:46 pm

      mba ummi, yg diedit sudah benar single.php?
      cara mencarinya sudah dengan CTRL+F kemudian ketik php content atau content saja?
      ngeditnya di bagian Appearance>Editor mba klo yg Update, klo lewat CPanel tekan tombol save di atas
      mungkin, lebih jelasnya mba ummi ke Rumah Pintar Kembar saja, supaya kita bisa cek sama-sama :)

      Reply
  9. gede says:
    April 26, 2011 at 7:07 am

    Bos, aq pake wordpress tp menu Appearance>Editor kok ndak ada ya??
    Menuku pake bahasa indonesia tp aq cari di menu Tampilan tp ndak ada submenu editor tuh…
    Piye dong??

    Reply
    • admin says:
      April 27, 2011 at 6:43 am

      oo..menu Appearance > Editor nya ada jika Pak Gede menggunakan wordpress dg domain dan hosting yg berbayar (jadi untuk yg .com), bukan wordpress yang blog yang gratisan (.wordpress.com) pak.

      Reply
  10. Kerajinan Jepara says:
    September 6, 2011 at 4:39 pm

    masih bingung yang like fb bisa kecil gan….

    Reply
  11. Niall says:
    February 1, 2012 at 9:44 am

    mbak/mas, saya dah cb, mungkin kasus sy = mbk Ummi. g ada tuh nya. pengen bikin aplikasi kotak jg g bs apa krn domain sy .org? atau WP jadul/gmn y? g mudeng ki…. mohon pencerahannya….

    Reply
  12. ben says:
    February 12, 2012 at 4:20 am

    klo button sharenya pengen banyak (FB, Twitter, Dig, dll) tu gmn bung?

    Reply
  13. admin says:
    February 12, 2012 at 9:13 pm

    klo itu bisa dengan Add Plugin aja, coba cari dengan tema share button, ada banyak pilihan nya mas ben :)

    Reply

Leave A Reply