Cara Gampang Bikin Banner di WordPress


ngopas di: http://dafitawon.wordpress.com/2008/06/06/cara-gampang-bikin-banner-di-wordpress/

Salah satu cara mempercantik blog adalah dengan membuat banner pada widget. Banner dibuat dengan menuliskan kode html pada widget teks yang dapat dikelola dengan membuka wp-admin, desain, widget. Umumnya, kode html itu diperoleh dengan meng-copy paste kode html yang sudah disediakan suatu situs. Nah, sekarang yang menjadi pertanyaan, bagaimana bila kita ingin menjadikan foto atau gambar kita sebagai banner?

Caranya mudah dan ini berdasar pengalaman saya. Caranya:

 

  1. Tentukan gambar atau foto yang akan kita jadikan banner
  2. Kemudian buka [nama blog]wordpress.com/wp-admin/post-new.php atau pada penyuntingan teks
  3. Up load gambar yang diinginkan pada  “Add New Media” kalau di blog saya karena saya pilih bahasanya Indonesia maka up load pada “Tambahkan Media” yang terletak di atas kotak penyuntingan teks, klick gambar ….
  4. Klick tombol browser, pilih gambar yang diinginkan.
  5. Kemudian teman-teman bisa menyetting sendiri tentang sesuatu mengenai gambar itu …
  6. Atau kadang yang muncul beda, klick “Pilih berkas yang diunggah” dan jangan lupa pada pilihan kotak “Dari URL” yang berada di bawah klick Sisipkan ke dalam Tulisan
  7. Atau bila teman-teman ingin cepat dan mudah tanpa up load dulu gambar ke net, teman-teman bisa memilih gambar yang sudah ada di net dengan googling atau dengan mengunjungi suatu situs
  8. Klick kanan gambar yang diinginkan, pilih “copy image location” atau “copy link location”
  9. Kemudian klick ‘sisipkan/sunting gambar’ yang logonya seperti gambar pohon atau klick Alt-Shift-M
  10. Paste link yang tadi sudah dicopy ke ‘URL gambar’
  11. Set sesuai keinginan, klick ‘sisipkan’
  12. Setelah gambar ada dalam kotak penyuntingan teks, teman-teman bisa mengatur tata letaknya seperti rata tengah, kanan, kiri, pokoknya seperti yang ada di ms word
  13. Nah, setelah itu, teman-teman klick HTML pada kotak penyuntingan teks, gambar akan berubah menjadi kode HTML, contoh HTML:

    <a href=”https://pcpmiipurwokerto.files.wordpress.com/2012/10/peta-indonesia21.gif”><img title=”peta-indonesia21″ alt=”” src=”https://pcpmiipurwokerto.files.wordpress.com/2012/10/peta-indonesia21.gif&#8221; height=”225″ width=”604″ /></a> Indonesia Tercinta

  14.  Copy semua kode HTML tersebut
  15. Buka Desain, widget
  16. Tambahkan widget teks kemudian sunting
  17. Paste kode HTML yang tadi sudah dicopy
  18. Jangan lupa klcik ubah dan simpan pada bagian bawah posisi-posisi widget tersebut
  19. Teman-teman bisa mengatur tata letak widget dengan menekan kursor padanya kemudian menggesernya ke atas bawah
  20. Jangal lupa klick simpan pada setiap perubahan yang dilakukan
  21. Setelah selesai, teman-teman bisa liat banner tersebut di blog temen-temen
  22. Selesai deh,…

 

Mudahkan? Selamat Mencoba!

About PERCA ONLINE

an organization studies to make a change with movement together in purwokerto

Posted on Oktober 16, 2012, in BERITA and tagged . Bookmark the permalink. 3 Komentar.

  1. Mantab gan….., tak praktekin ntar. Monaya gan, klo upload mp3 di media dengan wordpress gratisan [ga perlu pake upgrade2tan] ada caranya ga? butuh pencerahan bgt neeeh. dah browsing2 ampe bingung soale……🙂

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: