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!