Cara memasang Widget Facebook di WordPress.com

facebookSetelah Googling sana-sini akhirnya nemu tutorial yang bagus dari  Blog Mas Bambangskoko berikut kutipannya. Facebook merupakan salah satu jejaring sosial yang mempunyai pengguna terbanyak di dunia. Salah satu fiturnya adalah badge/lencana yang bisa dipasang di blog, website atau forum. Kegunaannya adalah untuk mempromosikan Facebook Anda. Untuk mensetting dan memasang caranya cukup mudah.

  • Silakan login ke akun Facebook Anda (tergantung bahasa yang anda gunakan)
  • Masuklah ke tab Profil atau Profile
  • Kemudian lihatlah ke bagian kiri paling bawah. Klik tulisan Buat Lencana Profil atau Create a Profile Badge di pojok kiri bawah.

  • Lencanaakan muncul tampilan seperti ini

Lencana-03Kemudian Create a New Badge atau Lencana Baru (gambar diatas)

Lencana-04

Silakan setting badge/lencana sesuai keinginan Anda.

  • Tata Letak bisa berbentuk memanjang ke kanan (mendatar) atau memanjang ke bawah (tegak)
  • Format pilih “Gambar” jika blog Anda tidak mendukung java script seperti WordPress.com
  • Isi silahkan pilih sesuai keinginan. Jumlah konten yang akan ditampilkan di badge/lencana bisa ditambah atau dikurangi sesuai selera.
  • Apabila memilih menampilkan status, maka status di dalam badge/lencana akan berubah-ubah sesuai status Facebook Anda
  • Setelah selesai klik Simpan
  • Lencana-05Akan ada kode html yang dapat Anda kopi kemudian paste di blog, website atau forum (gambar atas)

Untuk memasukkan ke blog WordPress :

  • Silahkan masuk ke dashboard WordPress Anda
  • Kemudian klik “Appereance/Tampilan” –->” Widget
  • Pilih widget “Text
  • Kemudian copy-paste kode Facebook tadi kedalam widget text tersebut
  • Simpan dan Selesai

Maka badge/lencana Facebook terpasang di sidebar WordPress Anda. Contohnya seperti yang ada di samping kanan blog saya ini.

Tambahan !!!

Dengan hilangnya “Format Gambar” (khusus Untuk WordPress) Facebook… Maka kita juga bisa memasukkan secara manual. Dengan Cara mengganti Kode dibawah dengan Kode anda sendiri..

<!– Facebook Badge START –><a href=”http://www.facebook.com/agung.haryono” title=”Agung Haryono” target=”_TOP” style=”font-family:&quot;font-size:11px;font-variant:normal;font-style:normal;font-weight:normal;color:#3B5998;text-decoration:none;”></a><br><a href=”http://www.facebook.com/agung.haryono&#8221; title=”Agung Haryono” target=”_TOP”><img src=http://www.facebook.com/badge.php?id=1206146376&amp;bid=931&amp;key=1187413171&amp;format=png&amp;z=777620023&#8221; alt=“Agung Haryono” style=”border:0;” /></a><br><a href=”http://www.facebook.com/badges.php&#8221; title=”Make your own badge!” target=”_TOP” style=”font-family:&quot;font-size:11px;font-variant:normal;font-style:normal;font-weight:normal;color:#3B5998;text-decoration:none;”></a><!– Facebook Badge END –>

Ganti Kode HTML yg Berwarna dengan Kode anda sendiri :
Kode Warna merah adalah Kode Facebook anda….
Kode Warna Biru adalah Kode Gambar yg diview. ( Klik kanan pada gambar yg tampil di Lencana Facebook –> View Image –> Copy Code yg ada di Address Bar
Kode Warna Hijau adalah nama anda
Atau lihat Gambar di bawah :
View ImageSetelah Klik kananSemoga bermanfaat
agung_h

56 responses to “Cara memasang Widget Facebook di WordPress.com”

  1. comment ke229 luar biasa artikel anda sangat bermanfaat sekali bagi saya dan keluarga

  2. Agung Haryono

    comment ke 229 terima kasih atas kunjungannya, jangan lupa sering2 mampir ya :-)

  3. bung aq kok masih binggung
    kan dah aq copy n paste tapi g muncul gambarnya,,,,,

  4. Agung Haryono

    Mungkin ada kesalahan di kode View Image-nya, silakan dicoba lagi saya dulu jg mengalami hal yg sama Image ga muncul ternyata kesalahan di kode View Image-nya.

  5. rwinhacker

    g muncul tabnya!! gmn nih? tak cek lg tetep g bs??

    blog : rwinhacker.wordpress.com

    email : sasuke60@ymail.com

    thx,,mampir y

  6. Agung Haryono

    halo mas Rwin kalo saya lihat di Blog sampean kayaknya kode Image-nya ada yang salah, silakan di oprek bagian View Image kode HTML warna biru.
    Selamat mencoba lagi

  7. Copas tidak dilarang…tapi alangkah baiknya kalo dimasukkan link sumber yg diambil… Makasih

  8. Agung Haryono

    Iya mas Bambang saya minta maaf lupa ngasih Link-nya, nanti akan saya revisi Postingan saya.

  9. Makasih…atas revisinya…..
    Salam ngeblog…..Tetap semangat………

  10. Agung Haryono

    Bambang :

    Makasih…atas revisinya…..
    Salam ngeblog…..Tetap semangat………

    Iya sama-sama pak harusnya saya yang berterima kasih,
    saya bisa belajar ngeBlog dengan Pak Bambang

    Semangat :-)

  11. Salam Takzim
    Hai sobat kemana aja lama ga isi komentar, sibuk ya
    Dilanjut Kang
    Salam Takzim Batavusqu

  12. Agung Haryono

    zipoer7 :

    Salam Takzim
    Hai sobat kemana aja lama ga isi komentar, sibuk ya
    Dilanjut Kang
    Salam Takzim Batavusqu

    Salam super Pak Zipoer7,
    iya kang lagi ngejar dosen pembimbing TA supaya Lulus Tahun ini
    Kurang Optimis ….Mode ON…
    hehehe :-)

  13. abughalib

    Wah, makasih banyak Boz. Artikelnya fantastis, saya baru tau kalo wordpress gratisan ternyata bisa dihias pernak-pernik juga??? Jadi semangat nih ngeBlognya, tadinya pengen cepet2 sewa hosting+domain premium, tapi karena ketemu artikel ini jadi sementara pake gratisan dulu aja deh… 1000x lagi makasih banyak ya.

    Salam Sukses

  14. Agung Haryono

    abughalib :

    Wah, makasih banyak Boz. Artikelnya fantastis, saya baru tau kalo wordpress gratisan ternyata bisa dihias pernak-pernik juga??? Jadi semangat nih ngeBlognya, tadinya pengen cepet2 sewa hosting+domain premium, tapi karena ketemu artikel ini jadi sementara pake gratisan dulu aja deh… 1000x lagi makasih banyak ya.

    Salam Sukses

    Sama-sama mas Abugholib, saya juga masih belajar ngeBlog
    terima kasih sudah mampir :-) dan Selamat ber-Bloging Ria :-)

    Salam

  15. Angel dah pasang tuh

  16. Agung Haryono

    Delta-Pulsa.com :

    Angel dah pasang tuh

    Yups kita sama-sama punya Widget Facebook hehehe :-)

  17. wah mantabs tipsnya. ntar aku coba pasang di blog ku ah. thanks tipsnya. eh bos, boleh tukeran link? link blog anda sudah saya pasang di blog saya.

  18. Agung Haryono

    kurich :

    wah mantabs tipsnya. ntar aku coba pasang di blog ku ah. thanks tipsnya. eh bos, boleh tukeran link? link blog anda sudah saya pasang di blog saya.

    makasih mas dah mampir di blog saya, Yupss mari kita tuker link
    Link langsung saya pasang :-)

  19. ryankharisma88

    Terima Kasih Infonya. Salam Persahabatan..
    (By: http://ryankharisma88.wordpress.com)

  20. Fajar

    sebagai tanda persahabatan kita tuker link
    http://fajar46.wordpress.com

  21. Agung Haryono

    @ryankharisma88 : Maksih sudah berkunjung, salam hangat.Langsung menuju ke TKP
    @fajar : Salam persahabatan :-) Link lansung saya pasang

  22. thx infonya..

  23. Agung Haryono

    @wangi : sama-sama :-) makasih sudah mampir
    @dewangga pradhana : Yups kita sama-sama punya widget Facebook

  24. makasih infonya..
    blogku akhirnya ada FBnya..
    sekalian tuker link ya…

    http://sololoker.wordpress.com

    thanks

  25. Thanks Mas Agung… ilmunya yg sgt bermanfaat :)

  26. Agung Haryono

    @soloker : sama-sama :-) OK Link aku pasang
    @Uchie : sama-sama mbak Uchie semoga bermanfaat :-)

  27. thanks bwt info na ya sob?
    oy tukeran link yukz

  28. Agung Haryono

    fred1607 :

    thanks bwt info na ya sob?
    oy tukeran link yukz

    sama-sama bro :-)
    OK Link langsung saya pasang

  29. Ummu Syifa

    Makasih banyak infonya. Tadi gagal terus, setelah nemu artikel ini jadi sukses masang badge FB di wp. Btw ternyata theme kita sama :D

  30. Agung Haryono

    Sama-sama mbak Ummu Syifa dan makasih sudah mampir di blog saya.
    Iya theme kita sama hehe :-)

  31. Oc deh…berhsil memasang widget fcbook…
    thanks bro….salam kenal..:)

  32. Agung Haryono

    Selamat pak :-)
    Salam kenal kembali thanks dah mampir

  33. hatur thank u bos atas infonya…
    bermanfaat banget….

    satu pertanyaan bos…
    kalo twitter gimana tuh???

    kasih kbar ya…

    thanks…

  34. Agung Haryono

    hanyakomar :

    hatur thank u bos atas infonya…
    bermanfaat banget….

    satu pertanyaan bos…
    kalo twitter gimana tuh???

    kasih kbar ya…

    thanks…

    sama-sama bos :-)
    about twitter saya saja masih bingung menggunakannya :-(
    tapi setahu ku beberapa blogger banyak yang suka pasang twitter, facebook, plurk dkk di sidebar untuk Link-nya saja. Kunjungi blognya mas dani http://daniiswara.net disitu ada widget twitter-nya, Maaf jika belum bisa banyak membantu

  35. waaahhhhh artikelnya keren banget nih sangat bermanfaat untuk facebooker yang belum tahu cara memasang widget di facebook seperti saya…^_^

    Terima kasih atas infonya, silakan berkunjung ke sini yaaa…^_^

  36. Agung Haryono

    feto :

    waaahhhhh artikelnya keren banget nih sangat bermanfaat untuk facebooker yang belum tahu cara memasang widget di facebook seperti saya…^_^

    Terima kasih atas infonya, silakan berkunjung ke sini yaaa…^_^

    Langsung meluncur ke TKP ^_^

  37. fansmaniac

    Thanks berat sobat, berkat tulisanmu ini terjawab sudah misteri cara menampilkan account facebook ku di blog. Hehehe trimakasih maju terus… Jangan lupa berkunjung ya di blog saya http://www.fansmania.wordpress.com

  38. wh,berhsill..
    thank,s infonya…
    slm pershabatan
    http://triiz.wordpress.com/

  39. mantap bro, tukeran link bleh

  40. #fansmaniac : sama-sama :) langsung ke TKP
    #tris : salam super hehe :-)
    #didiet84 : Silakan bro.. dengan senang hati

  41. makasih bos…sompah ni bermaaat bgt////

  42. Wah makasih banyak infonya, kebetulan aku lagi ngedevelop blogku, lain kali bisa minta trip2nya lagi dong….

  43. #ubearroganz : sama-sama
    #Agus : terima kasih sudah mampir, silakan berkunjung lagi :-)

  44. boleh jg di coba tipsnya,.. tks

  45. Bambang Wisanggeni :
    boleh jg di coba tipsnya,.. tks

    Sama-sama
    Mas Bambang udah pasang juga tuh hehehe :D

  46. http://www.rahasiabikinwebgratis.co.cc
    Mengungkap rahasia cepat bikin website kurang dari 30 menit,gratis dan langsung dapat di akses oleh pengunjung di seluruh dunia

  47. thankz mas pelajaranx…

  48. payah amat,, yang lebih mudah donk,,,

  49. dodythika,
    Haha terima kasih pujiannya, saya juga sudah tidak memasangnya lagi. :D
    Silakan cari yang lebih mudah dengan ‘Googling’ sendiri.

  50. Sabar mas agung….. ::thx infonya::

  51. maturnuwon nggeh mas….

  52. thks bwt infonya broo,,,udah ku aplikasikan…kerennn

  53. […] Cara memasang Widget Facebook di WordPress/Blog August 2009 52 comments and 1 Like on WordPress.com, 3 […]

  54. aslmkum….
    ana mc bingung….udh coba bbrp kali tp tetep z g bz….
    gmn nich….
    syukron…..

  55. aliharozim,
    Walaikum salam.
    Silakan di coba lagi dan maaf saya sudah tidak memasang pernik/widget facebook itu lagi. :D

%d bloggers like this: