Kode HTML Untuk Membuat Banner Blog

Ahmad Sufyan

Kode HTML untuk membuat banner blog - Halo sobat blogger pada kesempatan kali ini saya akan memberikan tutorial tentang cara membuat banner blog serta memasangnya langsung di blog. Banner merupakan salah satu media promosi yang digunakan oleh seseorang untuk mempromosikan hal yang mau dijual ataupun diperkenalkan kepada orang banyak. Banner pada umumnya berbentuk vertikal dan horizontal. Contohnya seperti gambar dibawah ini.

Banner sobat blogger

Banner dapat dipasang di berbagai tempat, salah satunya adalah blog dan banner blog. Ya, dengan adanya banner yang menunjukkan gambaran serta link yang mengarah ke blog sobat, maka blog sobat akan menjadi populer bila di buatkan banner dan dipasang di blog/website yang populer dan ramai pengunjung. Jika ada pengunjung sebuah web/blog mengklik banner tersebut, maka blog sobat akan mendapatkan pengunjung serta akan mendapat backlink juga dari blog tempat sobat memasang banner tersebut.

Baca juga: Cara membuat jadwal posting otomatis di blog

Lalu bagaimana cara membuat dan memasang banner pada blog ? Caranya sangat mudah sob, apalagi jika sobat jago dalam urusan desain, semuanya akan menjadi sangat gampang karena dalam pembuatan banner dibutuhkan juga desain dan kata-kata yang menarik minat pengunjung untuk mengklik banner tersebut. Oke baiklah tanpa berlama-lama lagi berikut ini cara membuat dan memasang banner dengan kode HTML.

Cara membuat dan memasang banner dengan kode HTML

1. Sobat persiapkan dulu desain dari banner yang akan di pasang pada blog, bisa dibuat di photosop, corel draw, paint, dan berbagai aplikasi editor lainnya yang bisa digunakan.

2. Setelah desainnya siap, ambil link dari gambar banner tersebut. Caranya adalah dengan upload gambarnya ke blog, lalu klik mode HTML yang berada di sebelah kanan mode compose. Nah, disana akan ada url/link dari gambar banner sobat, silahkan di copy saja link tersebut.

3. Copy kode HTML dibawah ini

Keterangan:

Tulisan warna biru merupakan alamat blog, silahkan ganti dengan alamat blog sobat.
Tulisan warna hijau merupakan judul banner sobat, silahkan ganti sesuai keinginan sobat.
Warna merah ganti dengan URL/link gambar banner sobat.
Warna ungu merupakan ukuran banner dengan panjang * lebar (bisa di gonta-ganti), untuk ukuran silahkan sobat sesuaikan dengan kebutuhan.

4. Setelah itu copy semua kode yang telah sobat edit sesuai kebutuhan ke notepad.

Untuk cara pemasangannya seperti biasa saja.

1. Login ke blog
2. Pilih tata letak > HTML/javasricpt
3. paste kodenya (kode HTML yang telah sobat copy dan edit tadi)
4. simpan

Langkah pembuatan dan pemasangan banner dengan kode HTML sudah selesai dan sekarang sobat sudah bisa melihat hasilnya. Bagaimana caranya sangat mudah bukan ? semoga artikel ini dapat bermanfaat buat sobat.

Tag : Tutorial blogger