Cara mudah membuat kode banner html | JASA PEMBUATAN WEBSITE TOKO ONLINE

Cara mudah membuat kode banner html

Cara mudah membuat kode banner html



Pada posting kali ini saya akan berikan panduan untuk membuat kode banner html dengan cepat dan mudah.

Sebelum saya lanjutkan, bagi anda yang belum bisa merubah ukuran banner silahkan kesini dulu: Cara merubah ukuran gambar atau banner tanpa software 
Kalau anda sudah bisa merubah ukuran banner, mari kita lanjutkan untuk membuat kode banner.
Panduan ini khusus untuk pengguna wordpress ataupun blogger, kali ini saya buat contoh menggunakan wordpress.

Berikut langkah-langkah cara membuat kode banner html menggunakan wordpress:
  1. Login admin (dashboard) di website anda
  2. Pilih add new post, posting ini tidak bermaksud untuk dipublikasikan, hanya untuk membuat kode bannernya saja.


  3. Pada halaman input posting, tidak perlu ketik judul, langsung saja ke halaman lalu klik tombol "add media".



  4. Setelah klik tombol add media, silahkan upload gambar atau banner yang sudah disiapkan sebelumnya, perlu diingat ukuran gambar harus disesuaikan dengan tempat banner yang akan dipasang. contoh disini banner ukuran 300x250 pixel.



    Pastikan anda memilih opsi "Upload Files"


    Setelah muncul seperti diatas, klik tombol "Select Files" dan silahkan cari gambar yang sudah disiapkan, lalu open.

    Setelah "select files" dan memilih gambar yang diupload maka gambar akan terupload otomatis, dan akan tampil seperti dibawah ini:



  5. Sekarang saya akan jelaskan pada pengaturan gambar,
    - Aligment = Pilih "none"
    - Link To = Pilih Custom URL lalu masukkan URL kalau banner ingin disisipkan url (kalau banner di klik akan terarah ke website lain), kalau tidak mau disisipkan link maka silahkan pilih "none"
    - Size: Pilih "Full size"

    Jika settingan sudah benar akan tampil seperti ini:

    Klik "Insert To Post" kalau pengaturan sudah benar

  6. Setelah klik "Insert to post" maka banner akan tampil di posting, jika gambar sudah muncuk silahkan pilih mode "Text", lihat gambar:




Untuk lebih jelas, klik "Text"




Setelah klik "Text" maka akan tampil kode banner seperti dibawah ini:



Setelah copy maka kode banner sudah didapat, silahkan paste atau simpan ditempat anda ingin memasang banner, berikut adalah contoh kode banner:

<a href="http://www.google.com"><img class="alignnone size-full wp-image-185" src="http://portalberitac.niadesain.biz/wp-content/uploads/2016/07/banner300x250.jpg" alt="banner300x250" width="300" height="250" /></a>



Setelah dapat kode bannernya, silahkan ubah lagi ke mode "Visual" Agar nanti kalau input posting tidak keliru, kalau input posting dalam mode html maka spasi, warna, besar/kecil huruf, dll tidak bsia tampil. untuk itu jangan lupa ubah dulu ke mode visual, lihat gambar

Setelah anda copy dan simpan kode banner, maka anda bisa langsung meninggalkan halaman input posting, tanpa harus mempublishnya karena posting tersebut hanya untuk medapatkan kode banner.

Bagi anda yang kurang faham dengan penjelasan diatas, silahkan simak video berikut ini:




Sekian panduan Cara mudah membuat kode banner html yang bisa saya sampaikan, semoga bermanfaat

Untuk download panduan dalam bentuk ebook atau pdf silahkan kesini: http://goo.gl/aK5xp2

Subscribe to receive free email updates:

0 Response to "Cara mudah membuat kode banner html"

Posting Komentar

Komentar berisi promosi tidak akan ditayangkan