Senin, 31 Januari 2011

Berbagai cara Mudah Membuat Banner


          Atas pemintaan saudara saya, Jogja Icon. maka pada kali ini saya akan menulis mengenai cara-cara membuat banner, Sebenarnya banyak cara untuk membuat banner yang bisa kita lakukan. membuat gambar banner tentu saja suatu hal yang mudah bagi mereka yang mengerti design grafis. Namun kadang kala kita menginginkan hal yang praktis dan tidak repot, dari yang saya ketahui cara-cara untuk membuat banner antara lain adalah sebagai berikut:
1.  Bagi anda yang sudah memiliki gambar banner yang didesign sendiri baik dengan coreldraw, photoshop maupun software design grafis lainnya, gambar banner tersebut bisa kamu upload file tadi ke webhosting. Kamu bisa menguploadnya di photobucket dengan cara click upload now > browse cari banner rancangan kamu kemudian click tulisan upload. disana nanti kamu akan mendapat link untuk banner kamu. copy link HTML pada yang telah disediakan oleh photobucket, kemudian masukan kode tersebut di code yang berwarna merah, dan masukkan almat url kamu di kode yang berwarna biru dibawah ini : 
<a target="_blank" href="http://pengetahuanhidup.blogspot.com/2010/11/pasang-iklan-anda-di-blog-ini.html"><img src="<a href="http://s1204.photobucket.com/albums/bb409/hanjo2/?action=view&amp;current=cooltext488641012.png" target="_blank"><img src="http://i1204.photobucket.com/albums/bb409/hanjo2/cooltext488641012.png" border="0" alt="Photobucket"></a>
          hasil :
Photobucket
  • Kemudian  log in ke blog kamu dan masuk ke rancangan > edit html > masukkan kode diatas yang sudah kamu edit. Dan reload dengan meng-click “lihat blog”
  • Catatan: Kelemahan cara ini adalah kita kesulitan untuk menentukan ukuran banner yang kita kehendaki, karena sangat berhubungan dengan megapixel gambar banner yang tlah kita buat. Kelemahan yang kedua kita harus membuat gambar banner terlebih dahulu kemudian menguploadnya ke photobucket dirasa sangat merepotkan.
2.    Banyak sekali totorial cara membuat banner dengan menggunakan layanan situs web  gratis yaitu  cooltext.com, berikut saya akan coba membahasnya:

  • Pertama- tama kunjungi situs web cooltext.com, disana terdapat toolbar yang menyediakan macam-macam banner dari logos, button font. Pilihlah banner yang anda sukai kemudian setting banner pilihan anda dari ukuran teks, format dll.
  • Apabila sudah selesai semua klik "render logo" dan download banner tersebut dengan cara click download, simpan di PC anda.
  • Cara selanjutnya sama dengan cara no. 1 yaitu menguploadnya ke photobucket lalu ambil code html kemudian masukan kode tersebut di code yang berwarna merah, dan masukkan almat url kamu di kode yang berwarna biru dibawah ini :
<a target="_blank" href="http://pengetahuanhidup.blogspot.com/2010/11/pasang-iklan-anda-di-blog-ini.html"><img src="<a href="http://s1204.photobucket.com/albums/bb409/hanjo2/?action=view&amp;current=cooltext488641012.png" target="_blank"><img src="http://i1204.photobucket.com/albums/bb409/hanjo2/cooltext488641012.png" border="0" alt="Photobucket"></a>
hasil :
Photobucket
  • Kemudian  log in ke blog kamu dan masuk ke rancangan > edit html > masukkan kode diatas yang sudah kamu edit. Dan reload dengan meng-click “lihat blog”
  • Catatan: kelemahan cara ini sama dengan cara no. 1 karena kita harus membuat gambar banner terlebih dahulu walupu lebih mudah dengan cooltext.com kemudian menguploadnya ke photobucket, bagi sebagian orang yang ingin praktis mengatakan cara ini sangat merepotkan. namun saya memilih cara ini untuk membuat banner blog ini karena tanpa kita memiliki kemampuan design grafispun kita masih bisa membuat banner yang berefek. 
3.    Untuk cara yang paling praktis telah diajarkan oleh salah satu blogger senior yaitu Hanya Sebuah Arsip, cara yang dilakukan adalah dengan mengcopy code html sebagai berikut: 

<a target="http://pengetahuanhidup.blogspot.com"><table width="120" border="1" bgcolor="black"><tr bgcolor="blue"><td align="center"><b><font color="white">PENGETAHUAN UMUM</font></b></tr></td></table></a>
  • Note:
    - http://AlamatBlog/SiteKamu : isi dengan alamat blog/website kamu.
    - width="120" : lebar banner.
    - border="1" bgcolor="black" : warna garis pinggir (border).
    - tr bgcolor="blue" : warna background banner.
    - <font color="white"> : warna judul banner.
    - Judul : isi dengan kata2 yg kamu inginkan untuk banner kamu.
  • Langkah berikutnya sama dengan cara-cara yang lain yaitu dengan log in ke blog kamu dan masuk ke rancangan > edit html > masukkan kode diatas yang sudah kamu edit. Dan reload dengan meng-click “lihat blog”
  • Cara ini yang saya nilai paling praktis karena kita tidak perlu berpusing-pusing dengan coreldraw, photoshop dll dan juga kita tidak direpotkan dengan mengupload gambar banner kita ke photobucket.
  • Kelemahan: memang cara ini sangat praktis namun, gambar banner yang dihasilhanpun sangat sederhana sekali.
         hasil :
          Dari beberapa cara diatas, silahkan anda memilih salah satu dari cara tersebut sesuai dengn kebutuhan anda, apabila ada yang memiliki cara lainnya, silahkan share di kolom komentar dibawah ini. Semoga bermanfaat. Terimakasih.

7 Reaksi:

  1. bagus nih buat tukeran banner :D

    BalasHapus
  2. boleh bro. pasang banner ane aja trus confirmasi. psti langsung ane pasang banner ente deh :)

    BalasHapus
  3. kalau say biasanya buat pake corel dan photoshop, terus di upload ke image hosting,,,

    BalasHapus
  4. salam kenal, aku lebih memilih cara yang kedua , praktis ya, aku ijin kopi kodenya

    BalasHapus
  5. Asis: cara itu juga bagus bro.
    Berpikir positif: silahkan, semoga bermanfaat.

    BalasHapus
  6. waaah matur nuwun dab... nyuwun sewu baru sempat menyimak... sudah ditindak lanjuti nih.. ^_^d

    BalasHapus
  7. jogjaicon admin hereee.... ;)

    BalasHapus

Jangan lupa tinggalkan Komentar anda. Kritik dan Saran Pedas anda sangat membantu dalam pengembangan blog ini, tetapi Komentar kasar, rasis, dan penghinaan tidak akan diloloskan,jika berkenan follow blog saya juga ya..