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
Advertisements

About Agung Haryono

My name is Agung Haryono. I am male, married. Enough.
This entry was posted in Belajar ngeBlog. Bookmark the permalink.

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

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

  3. coexindie says:

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

  4. Agung Haryono says:

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

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

    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. Bambang says:

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

  8. Agung Haryono says:

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

  9. Bambang says:

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

  10. Agung Haryono says:

    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. zipoer7 says:

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

  12. Agung Haryono says:

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

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

    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. Agung Haryono says:

    Delta-Pulsa.com :

    Angel dah pasang tuh

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

  16. kurich says:

    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.

  17. Agung Haryono says:

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

  18. ryankharisma88 says:

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

  19. Fajar says:

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

  20. Agung Haryono says:

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

  21. Agung Haryono says:

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

  22. sololoker says:

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

    http://sololoker.wordpress.com

    thanks

  23. Uchie says:

    Thanks Mas Agung… ilmunya yg sgt bermanfaat :)

  24. Agung Haryono says:

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

  25. fred1607 says:

    thanks bwt info na ya sob?
    oy tukeran link yukz

  26. Agung Haryono says:

    fred1607 :

    thanks bwt info na ya sob?
    oy tukeran link yukz

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

  27. Ummu Syifa says:

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

  28. Agung Haryono says:

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

  29. rudi says:

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

  30. Agung Haryono says:

    Selamat pak :-)
    Salam kenal kembali thanks dah mampir

  31. hanyakomar says:

    hatur thank u bos atas infonya…
    bermanfaat banget….

    satu pertanyaan bos…
    kalo twitter gimana tuh???

    kasih kbar ya…

    thanks…

  32. Agung Haryono says:

    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

  33. feto says:

    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…^_^

  34. Agung Haryono says:

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

  35. fansmaniac says:

    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

  36. triz_my says:

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

  37. di2et84 says:

    mantap bro, tukeran link bleh

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

  39. ubearroganz says:

    makasih bos…sompah ni bermaaat bgt////

  40. Agus says:

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

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

  42. boleh jg di coba tipsnya,.. tks

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

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

  44. bobycandra says:

    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

  45. thankz mas pelajaranx…

  46. dodythika says:

    payah amat,, yang lebih mudah donk,,,

  47. agung says:

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

  48. Ade Truna says:

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

  49. denosan says:

    maturnuwon nggeh mas….

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

  51. Pingback: 2010 in review | Agung Haryono Weblog™

  52. aliharozim says:

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

  53. agung says:

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

Comments are closed.