Menambahkan Banner di Widget pada WordPress


Berhubung ada yang menanyakan bagaimana cara memasang banner di widget pada wordpress, maka Saya pada kesempatan kali ini Saya akan menuliskannya. Bukan karena Saya sombong dan menganggap Saya ini jago dalam masalah ini, namun Saya hanya ingin berbagi kepada pengunjung tentang pengalaman Saya dalam membuat banner di wordpress. 😀

Nah, ini saatnya kita memulai. Sebelum menambahkan banner di widget sebaiknya banner yang akan kita pasang di widget sudah siap alias sudah jadi dan sudah siap untuk di pasang. Gambar yang akan di pasang dapat bertipe .jpg (Gambar statis) atau .gif (Gambar dinamis) itu terserah. Resolusi jangan kegedean, Jika kegedean nanti tampilannya tidak enak dilihat. Kalau banner blog ini memiliki resolusi 174 x 50 pxl.

Untuk memasangnya kita perlu meng-upload ke wordpress terlebih dahulu gambar banner yang kita miliki  untuk mendapatkan path gambarnya. Maka gambar akan memiliki alamat berupa alamat URL. Untuk meng-upload gambar kita terlebih dahulu masuk ke admin dengan log in melalui wordpress. Jika sudah berada di Admin Panel, maka langsung klik media – > Tambahkan baru (Jika panel admin anda dalam bahasa Indonesia). Selanjutnya pilih berkas kemudian pilih gambar yang akan dijadikan banner. Kemudian unggah media. Maka akan muncul tampilan baru, selanjutnya perhatikan ke bawah. Di bawah ada tulisan URL Berkas kan? Nah alamat itulah yang akan kita gunakan untuk membuat banner. Copy-kan alamat URL tersebut dan simpan di tempat yang aman. Ada baiknya untuk membuka Notepad untuk menyimpan alamat URL tersebut. Kemudian klik tombol simpan perubahan.

Selanjutnya kita menuju ke Tampilan -> Widget. Tambahkan teks baru dengan judul apa saja (Eits.. Jangan diketik “apa saja” loh.. hehehe :D) lalu ketikan:

<a href=”http://alamat blog Anda.wordpress.com”> <img src=”http://alamat URL yang baru saja di copy-kan ke notepad, paste di sini”></a>

Klik tombol simpan widget. Selesai deh. hehehe.. 😀

Jika hasilnya gambar masih kegedean padahal udah bikin gambar yang relatif kecil coba mantra di bawah ini :

setelah <img src=”http://&#8230;..” ketikan width=”(ukuran) pxl”> kalau masih bingung, yang diatas jadinya seperti ini:

<a href=”http://alamat blog Anda.wordpress.com”> <img src=”http://alamat URL yang baru saja di copy-kan ke notepad, paste di sini” width=”160 pxl”></a>

Contoh di atas adalah 160 pxl untuk lebar banner yang saya miliki.

Contoh  dari banner blog ini:

<a href=”https://zone2net.wordpress.com/”&gt; <img src=”https://zone2net.files.wordpress.com/2010/02/z2n-banner.jpg”></a&gt;

Yupz, Sekian dulu ya. Mohon maaf apabila ada kata-kata yang salah mohon di maklum.

Jika ada pertanyaan silahkan tuliskan di kolom komentar.

Salam Sahabat Blog.

Iklan

8 Tanggapan

  1. thank infonya, langsung di coba sob 🙂

  2. thanx ya atas infonya

  3. makasih bos atas infonya

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

  • Link Sahabat

  • %d blogger menyukai ini: