Membuat Banner Link dengan Ponsel

Mungkin ada diantara anda yg pemula punya angpapan yang sama seperti saya saat belum tahu cara membuat banner. Sebetulnya tidak perlu keahlian khusus untuk membuatnya bahkan dengan HP pun bisa dilakukan.

Langkah-langkah membuat banner:

1. Pertamakali yang harus dilakukan anda harus mebuat logo secara online salah satu situs penyedia layanan itu adalah cooltext.com anda bisa kunjungi langsung disini. Setelah anda masuk disana banyak tesedia style huruf, sikahkan anda pilih. Untuk memudahkan pilih

"Choose a button design" yang berwarna biru muda lalu klik dan setelah terbuka akan banyak form. Diantaranya:

-Logo text-> isi dengan nama atau logo yang anda inginkan

-Text size-> yang cocok menurut saya ukurannya 10 tapi terserah anda.

-Text color-> Pilih warna huruf sesua keinginan.

-Text shadow-> Pilih seruai selera.

-Shape options-> Pilih sesuai selera.

-Effect-> Pilih sesuai selera.

-Button color-> Ini adalah penentuan warna button/tempat menempelnya text silahkan pilih warna sesuai keinginan.

-Width-> yang cocok untuk lebar banner menurut saya 90

-Height-> yang cocok 15

-Backgroud color-> untuk warna latar silahkan tentukan pilihan.

Apabila semua telah selesai kita klik "Render Button" Setelah itu maka logo anda sudah jadi tinggal kita mengambilnya. Disni ada dua cara untuk mengambil yaitu degan cara mendownload atau mengambil HTML kodenya. Untuk lebih memudahkan maka kita pilih tag "Get HTML code" selanjutnya anda buat akun untuk yang belum punya dengan cara masukan alamat e-mail dan password lalu klik "create account" dan klik lagi "I agree" maka setelah itu anda akan mendapatkan javascipt logo tadi.

2. Setelah kita dapatkan javascript logo yang kita inginkan, langkah kedua adalah mengedit javascript itu. Berikut ini cara mengeditnya:

Umpama anda mendapat javascript seperti ini

<a href="http://cooltext.com"><img src="http://images.cooltext.com/633457.png" width="206" height="55" alt="Nanang Abdullah" /></a>
<br />Image by <a href="http://cooltext.com">Cool Text: Logo and Button Generator</a> - <a href="http://cooltext.com/Logo-Design?LogoID=469878447">Create Your Own</a>

Perhatikan kode diatas! Yang warna merah ganti dengan URL web anda dan yang warna biru kita hapus. Contoh:

<a href="http://ponsel-blog.blogspot.com"><img src="http://images.cooltext.com/633457.png" width="206" height="55" alt="Nanang Abdullah" /></a>

Maka kode diatas apabila kita pasang akan menjadi seperti ini:


Nah sekarang gimana cara memasang banner kita berikut javascriptnya di dalam kotak text area? Dibawah ini adalah kodenya:

<a href="http://ponsel-blog.blogspot.com"><img src="http://images.cooltext.com/633457.png" width="206" height="55" alt="Nanang Abdullah" /></a>


<textarea name="textarea"cols="20"><a href="http://ponsel-blog.blogspot.com"><img src="http://images.cooltext.com/633457.png" width="206" height="55" alt="Nanang Abdullah" /></a></textarea>

Perhatikan kode diatas! Yang warna merah adalah yang akan muncul menjadi banner, yang warna biru adalah javascipt yang ada didalam kotak text area, sedangkan warna hitam merupakan kode javascript untuk pembuatan kotak text area. Maka apabila kita pasang kode diatas akan tampil seperti ini:





<a href="http://hilmy24.blogspot.com"><img src="http://images.cooltext.com/633457.png" width="206" height="55" alt="Nanang Abdullah" /></a>

Cara diatas merupakan salahsatu cara membuat banner. Sebetulnya ada cara lain tapi untuk anda yang membuat banner dengan HP cara ini akan lebih mudah. Satu catatan yang harus diperhatikan. Untuk membuat banner dengan cara ini, disaat anda masuk ke cooltext.com pilih "Choose a button design" yaitu di sebelah bawah dan pilih style logo yang berwarna biru. Semoga uraian saya bisa bermanfaat. Selamat mencoba.

Diposting oleh Nanang
POSTING BERKAITAN

TEMPLATE DESIGN BY
m-template | by:bagas96