Skip to content
13 May 2011 / deztafirst

Cara Membuat Banner di WordPress

WordPress mang beda dengan blogspot. Kalau di blogspot atau blogger kita bisa dengan mudah menambahkan gambar, banner atau elemen lain. Tinggal add element aja. Tapi kalau di wordpress masih sangat terbatas fasilitas widget-nya (setidak-tidaknya itu yang saya tau lho..;-)

Dengan menambahkan gambar atau banner, blog kita makin memiliki kesan rame dan artistik. Jadi ga bosen liatnya. Banner juga penting kalau kita ingin memasarkan advertise kita, seperti program affiliate atau yang lain.….

Untuk memasang banner gambar di wordpress ada di widget –> add text. Intinya kita harus memiliki code html yang akan kita masukkan pada text widgetnya. Berikut caranya:

  1. Siapkan dulu gambar yang akan dijadikan banner, sesuai keinginan kita bisa berupa JPG atau GIF.
  2. Log in ke account blog wordpress kita dan kemudian buka wp-admin/post-new atau tulisan baru
  3. Up load gambar yang sudah disiapkan pada “Add New Media”
  4. Klick tombol pilih berkas, dan klik gambar yang diinginkan lalu open. (catatan: gambar juga bisa diambil dari internet langsung. Tinggal masukkan alamat URL atau link dari gambar tersebut)
  5. Setelah gambar nya tampil kita bisa mensetting gambar itu, misalnya dengan taut URL-nya. Tapi jika kita hanya ingin menampilkan gambarnya saja, ya tinggal langsung “Sisipkan ke dalam Tulisan”
  6. Bila gambar sudah muncul dalam kotak penyuntingan teks, kita bisa mengaturnya sesuai keinginan misalnya untuk alignment-nya. Mau rata kiri, tengah atau kanan.
  7. Setelah itu, teman-teman klick HTML pada kotak penyuntingan teks, dan gambar pun akan berubah menjadi kode HTML.
  8. Semua kode HTML itu dicopy. (ctrl A —> ctrl C)
  9. Setelah tercopy kemudian buka widget (Tampilan—Widget) dan tambahkan widget teks
  10. Pilih ‘sunting’ kemudian Paste (ctrl V) kode HTML yang tadi sudah dicopy
  11. Jangan lupa klik button simpan pada bagian bawah posisi-posisi widget tersebut
  12. Pada bagian paling bawah, klik button simpan perubahan.
  13. Setelah selesai, kita bisa liat hasilnya di blog kita masing-masing…

Oke, selamat mencoba…!

http://samperin.wordpress.com/2011/02/03/cara-membuat-banner-di-wordpress/

7 Comments

Leave a Comment
  1. Diradja's Dinasty / Apr 18 2012 16:05

    nice tips.. happy blogging gan..

  2. warunggiras / Apr 11 2012 14:45

    thanks atas sharenya…..
    http://warunggiras.wordpress.com

  3. Rian Riski Pratama / Apr 7 2012 09:27

    wuihh mantab sob, thank wat infonya, tapi banner yang oke itu pake jpd ato gif ? mohon pencerahannya …

  4. Elas / Mar 16 2012 11:42

    thanx gan atas infonya…..kalian juga bisa kunjungi situs http://ict.unsri.ac.id/ atau http://elastralsyah.wordpress.com

  5. andre sahay / Dec 17 2011 18:41

    mas mau tanya widget teks itu dimana ya????
    kalo bisa di tampilkan screen shotnya…
    trims

  6. chanyb / Nov 20 2011 22:37

    Ohw thnx infony ^^

    • deztafirst / Nov 21 2011 23:02

      Sama-sama gan, mampir lagi lain waktu….
      trim’s

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s