Cara bikin banner di wordpress ala rinibee


Jadi ceritanya, saya ini ikutan sebuah event. Nah di event itu salah satu syaratnya adalah bikin banner.

JDER!

Banner yak? Dulu mah pernah bikin banner. Cuma lupa lagi. πŸ˜†

Akhirnya saya pake cara kilat. Nanya ama si penyelenggara acara. Dan jawabannya?

Ngga bisa bantu. Karena mas/mba miminnya pake blog yang beda jenisnya sama punya saya.

Oooh NO! Tapi saya nggak kehilangan akal. Masih ada mbah google yang bisa ditanyai. Daaan.. saya pun berhasil. Mengibarkan banner di sisi kanan blog saya. :mrgreen:

Cara paling mudah versi saya adalah..

1. Copy gambar yang mau dijadiin banner di computer/laptop anda.

Misal: gambar ini

?????????????????????????????????

2. Masuk ke dasbor – tulisan – semua tulisan

3. Cari tulisan yang mau dipasangin banner – pilih settingan sunting

Lalu masukkan gambar yang mau dijadiin banner ke dalam tulisan.

Caranya pake ‘tambahkan media’ ya..

Tambahkan media – upload file – pilih berkas – save

perbarui.

4. Pindahkan settingan tulisan menjadi text

visual to text berwarna
warna merah: visual diganti jadi text
warna ijo: gambar yang diupload diterjemahkan dalam teks

Copy gambar yang mau dijadikan banner. Kalau di tempat saya tampilannya seperti ini (lihat tulisan yang saya kasih tanda panah ijo)

<img alt=”?????????????????????????????????” src=”https://rinibee.files.wordpress.com/2012/12/crop-suro.jpg” width=”593″ height=”445″ /> Suro boyo

Nah itu di-copy dan di save (bias ke note/Microsoft word)

Lalu balik ke dasbor – tampilan – widget

5. Cari menu ‘teks’ di sisi kiriΒ dan seret ke sidebar di sisi kanan (lihat tanda panah warna biru)

Sebelah kiri: menu widget yang disediakan

Sebelah kanan: sidebar

widget warna
Warna biru: menu teks dipindahkan dari kiri ke kanan
Warna orange: masukkan gambar yang ada di blog yang diterjemahkan dalam teks ke kolom yang tersedia

6. Letakkan copy-an gambar tadi:

<img alt=”?????????????????????????????????” src=”https://rinibee.files.wordpress.com/2012/12/crop-suro.jpg” width=”593″ height=”445″ /> Suro boyo

letakkan di kolom yang kosong (di bawah judul)

lalu save. (lihat anak panah warna orange)

7. Untuk melihat tampilannya di blog, kembali ke alamat blog. Atau home.

misal: http://www.rinibee.wordpress.com

TARAAA…!

Banner anda telah terlihat di sisi kanan.. πŸ™‚

tampilan banner
Tampilan banner di blog wordpress

Selamat mencoba!

Oh iya, terkadang ada yang minta gambar banner-nya langsung menuju ke website tertentu. Itu caranya cukup mudah. Saat memasukkan gambar, ada menu custom link. Tinggal masukkan saja link tujuan url-nya ya.. πŸ™‚

Mudah kan? Kan? Kan?

Kalau ada pertanyaan lain, ask rinibee! aja ya.. πŸ˜€

Selamat mencoba!

Iklan

13 pemikiran pada “Cara bikin banner di wordpress ala rinibee

    1. Hehehe.. Saya lupa nggak ngasih tahu kalau ukurannya diedit dulu dan disesuaikan dengan ukuran di sidebarnya ya? Soalnya saya kadang juga nggak ngedit-ngedit. Jadi pilihannya adalah mencari themes yang otomatis menyesuaikan banner dengan sidebarnya.. πŸ˜€

      (kaya yang saya pakai sekarang)

  1. Hai mbak…salam kenal dari emak2 gaptek πŸ˜‰ sejauh ini tutorialmu sangat membantu, makasih banyak ya mbak πŸ˜‰ btw aku mo nanya dong… aku udah ikutin smua stepnya tapi ko gambar bannernya ga mo muncul ya? Masih tetep kode nya tok yg muncul diside bar ;(

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