25 November 2007

Membuat Banner untuk mempercantik Website Anda


Pinjam Banner Riristore Web Store

Banner mungkin sudah tidak asing lagi bagi yang sudah malang melintang di dunia internet, karena setiap kita mengunjungi sebuah website pasti ada banner disana dan hampir semua website memasang banner.

Dan dari fungsinya sendiri banner ini bermacam2, ada yang hanya sebagai pemanis website saja sampai sebagai media untuk promosi dari website maupun produk-produk yang ditawarkan.

Pemasangannya sendiri dari yang hanya sekedar tukeran banner untuk sekedar promosi gratis ataupun untuk menambah trafik pengunjung ke website kita sampai ada banner-banner yang dijadikan bisnis dari sebuah website yang akan diperhitungakan bila kita memasang banner di website tersebut, seperti detik.com misalnya, kita akan di tarif jutaan rupiah untuk memasang banner disana.

Di postingan ini saya tidak untuk membahas bisnis banner dan peluang-peluang bisnis banner di internet :) tapi hanya memberikan sedikit trik bagaimana membuat 'banner animasi' dengan format .gif yang sederhana tapi menarik untuk website kita. Sebagai tools-nya saya menggunkan Adobe Fireworks, sedangkan untuk banner format lain seperti Adobe Flash mungkin di postingan selanjutnya.

Memang sekarang sudah tidak ada aturan khusus lagi untuk ukuran dalam hal pembuatan image banner, lain dengan dulu kalau buat banner kecil pasti ukuran yang diminta adalah 90 x 45 pixel atau kalau untuk main page sebuah website pasti 468 x 60 pixel... halah... bete. :)

Sudah lihat banner produk yang saya buat di Web Store yang saya buat di Riristore Web Store? atau banner yang ada di header postingan ini. ya saya akan coba sharing bagaimana membuat banner tersebut. Daripada bayar menggunakan jasa pembuat banner? :) lebih baik coba berkreasi sendiri kan?

Berikut langkah-langkah pembuatan banner tersebut :

Langkah-1

Buat file baru di Adobe Fireworks dan tentukan ukuran banner yang akan dibuat, untuk banner yang saya buat disini dengan ukuran 410 x 60 pixels

Karena image yang kita buat adalah untuk keperluan website, jadi untuk resolusi cukup dengan 72 pixels/inch saja.


Langkah-2

Setting file tersebut dengan format 'Animated Gif' dari properties yang ada pada bagian bawah lembar kerja.

Langkah-3

Buka file image yang akan kita gunakan di banner yang akan kita buat ini, kemudian 'drag' atau tarik ke file image animasi yang akan dibuat.


Langkah-4

Sebagai atribut tambahan masukkan Text melalui 'Tool' 'Text' yang ada di sebelah kiri lembar kerja.

Sampai sini kita telah selesai membuat image pertama dari banner animasi yang kita buat, untuk membuat image berikutnya adalah dengan membuat 'frame' baru.

Bagaimana membuatnya? coba anda lihat sebelah kanan lembar kerja anda dari deretan window yang ada buka window frames atau bila belum ada coba buka melalui
'Window' | 'Frames'

Langkah-5

Buat Frame baru untuk penempatan image berikut yang akan kita buat, dari tombol 'New/Duplicate Frame' yang ada di bawah Window Frame.


Langkah-6

Langkah selanjutnya dari frame yang baru ulangi Langkah-3 dan Langkah-4 dengan image dan tampilan yang berbeda tentunya.

Dan bila ingin ada beberapa tampilan di banner yang anda buat silahkan buat frame baru lagi untuk itu.

Langkah-7

Langkah terakhir adalah mengatur waktu tampilan (frame delay) dari setiap image yang ada di masing2 frame tersebut, dan untuk mengatur ini melalui window frame, click angka yang ada di sebelah kanan dari list frame yang ada kemudian rubah angka sesuai keinginan anda. Di banner yang saya buat saya setting dengan angka '300'


















Untuk animasi model lain silahkan dicoba, dengan:
Select Object yang akan dibuat animasi
kemuadian dari menu Modify | Animation | Animate Selection
Silahkan atur pergerakan animasi yang diinginkan!

















Selamat Mencoba!


20 November 2007

Mastermind Sudirman


Waktu Pak Herizaly (Raja Celana Jean Pria Tanah Abang) menghubungi saya minggu lalu untuk minta bantuan tentang pembuatan Web Store-nya, akhirnya kita janjian ketemu di Java Net Cafe, Ratu Plaza Hari Selasa minggu lalu tanggal 13 November 2007.

Alhasil setelah ketemu kita malah asik diskusi, sharing berbagai hal dari Pak Heri menceritakan bisnis Celana Jean Pria-nya yang sudah melanglang buana ke berbagai daerah khususnya Sumatra, begitu juga sebaliknya saya sharing mengenai website, IT, sampai Web Store istri saya Riri Anwar yang saya buat di Riristore dsb.

Wah yang jelas jadi asik... bayangin aja saking asiknya kita ketemu dari jam 2 siang sampai 'bubaran' jam 1/2 8 malam :) Di tengah pembicaraan tersirat "Eeee sekarang kan lagi rame Mastermind di TDA, Kita bikin aja yuk Pak Heri?" begitu kira2 saya tanya ke Pak
Heri dan Pak Heri ternyata setuju.

Mastermind kan gak harus satu daerah atau wilayah kata Jendral TDA Pak
Roni Yuzirman
dan Moderator Pak Eko Jun, begitu juga M1-nya para founder ini yang semuanya TDA gak satu daerah kan?

Yaa udah akhirnya kita sepakat untuk Mastermind, yang pasti kita akan ikut seperti para founder yg semuanya sudah TDA, bukan begitu Pak Heri? karena pertemuan2-nya lebih banyak siang atau jam kantor... hehehe

Besoknya saya pikir namanya apa yah? ada Mastermind Jaksel, Mastermind Bekasi dll... Ooo iya karena pertemuan pertama ini di area Sudirman, ya udah kasih nama 'Mastermind Sudirman' aja... yang diusahakan pertemuannya di area itu atau kalo yang ikut yg mudah akses ke area Sudirman... Sudirman bisa kesana dikit lah... Blok-M, Fatmawati... Ciputat, Depok... Tomang... Grogol... Tangerang... Bekasi... halah... :)

Saya SMS Pak Heri dan 'Setuju' untuk 'Mastermind Sudirman' ini. Jadi mulai tgl 13-Nov-2007 ini sudah ada 'Mastermind Sudirman'

Sampai ketemu di pertemuan berikutnya 'Mastermind Sudirman'

Mastermind Sudirman
1. Ipul Anwar (http://ipulanwar.blogspot.com)
2. Herizaly (http://herizaly.blogspot.com)

12 November 2007

Apa sih Hosting? dan buat apa?


Pasti sering mendapat email dengan tawaran-tawaran yang menarik dan murah untuk Hosting Web, tapi hampir semua dari penawaran itu gak ada yang kasih tau apa sih hosting itu kan? mangkanya emailnya biasanya langsung masuk ke 'trash' :)

Sama waktu ada yang ingin membuat website ke saya, ditanya "Mau di Hosting dimana Pak Website-nya, dan Apa Domain-nya sudah ada?" dijawab "Ya Pokoknya atur aja lah gimana bagusnya, pokoknya saya punya website gitu lah..", "OK berarti nanti saya email proposalnya kalau gitu" dijawab "Nanti email ke sekertaris saya aja ya.."

Halah si Bapak gak punya email juga gak taunya...
Biasanya saya kasih pengertian begini supaya si Bapak gak tambah pusing.

Email sesuai dari namanya adalah surat elektronik, yang gak beda dengan surat biasa cuma beda media aja ditulis dan dikirim melalui internet, mungkin ibarat punya PO BOX di kantor pos kali yah... yang kalau kita mau ambil isinya bisa kapan aja, Click Login buka kunci INBOX kita kebuka.

Sedangkan untuk Nama Domain adalah alamat rumah kita di Internet yang gak mungkin sama antara domain yang satu dengan yang lainnya, begitu juga dengan alamat rumah kan? mana ada alamat rumah yang sama. Salah tulis alamat aja bisa nyasar surat kita sama dengan salah tulis URL website kan? bisa masuk ke website orang.

Hosting sendiri adalah tempat untuk menyimpan data-data website kita di server (Komputer) supaya bisa di akses melalui internet, atau kalau saya simple-kan adalah gak beda menyimpan file di folder2 komputer kita. Datanya bisa berupa file2 HTML atau script program, image, dokumen pdf, sampai video juga bisa, yang biasanya penyimpanan ini keroyokan untuk satu server (komputer) untuk beberapa website sekaligus.

Terus apa gunanya orang kita cuma nge-blogging aja kok? buat apa sewa hosting?
Begini justru saya ingin memberi Trik bukan dengan sewa hosting yang bayar tapi dengan hosting yang 'free hosting', Pernah update image profile di blogspot dan minta URL image-nya? atau udah pernah liat video yang ada di postingan saya 'Membuat Flash Video Player sendiri'? ya itu video-nya saya simpan di tempat free hosting...

Yang kedepannya juga banyak trik-trik yang akan saya pakai untuk menggunakan file external dari tempat hosting seperti ini, untuk trik seperti: Bagaimana Membuat Gallery Image sendiri yang simple, atau membuat Shoutbox sendiri dll. Selain itu bisa dipakai untuk experimen sendiri memasang file flash hasil kreasi sendiri misalnya.

Kita gak perlu ambil 'free hosting' itu untuk buat website kita yang biasanya seperti 'sirkus' dengan banner dimana2 :) tapi untuk mendukung blog kita yang sudah ada aja.

Disini saya ada referensi untuk tempat hosting yang fasilitasnya komplit, dengan didukung:
PHP/MySql, FTP (File Transfer Protocol, atau untuk upload/Download file), PHP GD (fasilitas untuk manipulasi image dengan script PHP) dengan kapasitas 1GB (walah hosting tempat saya yang bayar aja gak sampe segitu..), bisa di coba di alamat ini : http://www.tripod.lycos.co.uk

Silahkan Mencoba!

2 November 2007

Membuat Tabel di Postingan Blogspot


Dari beberapa blog yang saya temuai sudah banyak blog yang dialih fungsikan sebagai sarana untuk menjual barang / produk sekarang ini. Blog-blog ini bukan hanya blog personal saja yang memanfaatkan sarana ini, tapi ada juga blog-blog perusahaan diantaranya.

Dari barang-barang yang ditawarkannya pun bermacam-macam dari produk rumahan sampai elektronik sudah ada di blog, bahkan ada yang di-design layaknya sebuah Web Store

Untuk itu saya coba memberi trik bagaimana membuat 'daftar harga' di blog model seperti ini, yaitu dengan menggunakan tag table HTML.

Berikut adalah format standar tag tabel di HTML, jadi bila ada masalah waktu editing bisa di update secara manual dari lembar 'editing' dengan mode 'Edit HTML'

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>No</td>
<td>Nama Barang</td>
</tr>
<tr>
<td>1</td>
<td>Baju Bagus</td>
</tr>
</table>

*HTML diatas merupakan tabel dengan format 2 kolom dan 2 baris

Keteranga:
<table></table> = Tabel
<tr></tr> = Baris pada tabel
<td></td> = Kolom pada tabel

Tapi untuk membuatnya tidak perlu repot-repot untuk mengetikkan kode HTML tersebut, karena editor yang ada di blogspot merupakan program 'javascript' atau kalau yang pernah menggunakan 'Lotus Wysiwyg', ini adalah model yang sama.

Jadi anda tinggal copy <Ctrl-C> dari MS.Excel dan Paste <Ctrl-V> di lembar editor di blogspot saja, maka tabel akan langsung membuat kode HTML-nya, tapi untuk mode editor-nya harus pada posisi 'Compose' dan setelah itu masih bisa di edit besar kecil tabel tersebut seperti table yang ada di Ms.Word.

Hasilnya mungkin tidak sama persis dengan tampilan yang ada di Ms.Excel, seperti garis tidak akan muncul disini masih perlu edit manual untuk itu.

Untuk lebih jelasnya ikuti langkah-langkah berikut untuk membuat table dibawah ini berikut garisnya:

No Nama Barang
Harga (Rp.)
1 Mac. Director MX 2004 11,390,500.00
2 Mac. Firework MX 2,840,500.00
3 Mac. FreeHand MX 3,790,500.00
4 Adobe Photoshop CS2 5,690,500.00
5 Adobe Illustrator CS2 4,740,500.00
6 Adobe Premiere Pro 1.5 (Windows XP) 6,640,500.00
7 Adobe After Effects 6.5 Professional edition 9,490,500.00

Langkah-1:
Buka lembaran posting (editor) pada blogspot, dan pastikan pada posisi 'Compose'

Langkah-2:
Buka file 'daftar harga' yang ada di Ms.Excel anda lalu select (sorot) cell tabel yang ingin ditampilkan dan copy <Ctrl-C>, kemudian kembali ke lembaran editor blogspot anda dan paste <Ctrl-V> disana.

Langkah-3:
Langkah terakhir adalah membuat garis tabel tersebut, pindahkan mode editor anda ke mode 'Edit HTML. Rubah angka border yang ada di dalam tag tabel tersebut menjadi border="1" dan untuk lebih rapih tampilan tabel tersebut beri spasi antara garis dengan text didalamnya dengan merubah cellpadding="4"

Seperti ini: <table ... border="1" ... cellpadding="4" ..>

Selamat Mencoba!