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 thoughts on “Cara memasang Widget Facebook di WordPress.com

  1. Agung Haryono Penulis Tulisan

    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.

  2. Agung Haryono Penulis Tulisan

    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

  3. Agung Haryono Penulis Tulisan

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

  4. Agung Haryono Penulis Tulisan

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

  5. Agung Haryono Penulis Tulisan

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

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

  7. Agung Haryono Penulis Tulisan

    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

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

  9. Agung Haryono Penulis Tulisan

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

  10. Agung Haryono Penulis Tulisan

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

  11. Agung Haryono Penulis Tulisan

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

  12. Agung Haryono Penulis Tulisan

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

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

  14. Agung Haryono Penulis Tulisan

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

  15. Agung Haryono Penulis Tulisan

    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

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

  17. Agung Haryono Penulis Tulisan

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

  18. agung

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

  19. Ping balik: 2010 in review | Agung Haryono Weblog™

Komentar ditutup.