Bagi yg bisa program photoshop, membuat banner dan badge/chicklet itu mudah. Bagi yg agak males latihan otak-atik photoshop seperti saya tidak usah kuatir. Di internet banyak penyedia program pembuat chicklet dan banner online secara gratis dan instan. Sebagai pembuka, logo atau chicklet adalah banner kecil yg biasa buat link-button seperti yg di sidebar blog saya. Sementara banner ukurannya lebih besar dan biasa ditaruh di header blog/website. Ikuti panduan buat logo/chicklet/banner berikut:
A. Cara Membuat Chicklet
1. Kunjungi http://button.blogflux.com/
2. Di LEFT-BLOCK (bagian kiri atas) ada menu "Text", ganti tulisan "w3c" sesuai dg yg Anda inginkan. Contoh, tulis Blog;
3. Di RIGHT-BLOCK (bagian kanan atas) ada menu "Text", ganti tulisan "xhtml" dg yg sesuai dg keinginan Anda, contoh, "Tutorial"
4. Di GENERATE-BUTTON (bagian kanan bawah) klik tulisan Generate Button. Maka akan muncul chicklet seperti ini:
5. Nah, arahkan mouse ke gambar, klik kanan --> save picture as --> kasih nama file (contoh: blog-tutorial --> save di komputer Anda.
6. Setelah di saving di komputer, masukkan / upload gambar chicklet tsb di situs online seperti geocities.com atau googlepages.com. Dalam kasus ini, gambar disimpan di http://mario.gagho.googlepages.com/ jadi alamat chicklet gambar tsb. adalah http://mario.gagho.googlepages.com/ blog-tutorial.gif
7. Setelah tersimpan secara online, Anda bisa gunakan sesuai kebutuhan Anda seperti untuk linkbutton tukar link dg teman-teman blogger lain, atau sekedar buat pajangan di sidebar.
Tip: bentuk font dan background warna dapat dirubah sesuai selera. Tinggal klik menu "color" dan "background" di situs di atas.
B. Cara Buat Banner Online
1. Kunjungi situs http://cooltext.com/
2. Klik menu DESIGN A LOGO (bagian atas).
3. Di menu CHOOSE A LOGO DESIGN pilih gambar yg Anda suka, contoh, klik EMBOSSED.
4. Di menu LOGO TEXT saya tulis "Blog Tutorial"
5. Klik menu RENDER LOGO DESIGN (bagian paling bawah).
6. Save ke komputer, maka akan tampil gambar seperti di bawah ini:
7. Setelah itu upload ke geocities.com atau googlepages.com milik Anda. (lihat poin A.5 dan A.6).
Tip: Untuk memasang banner di header blog, pake kode berikut, jangan lupa ganti alamat link URL-nya dg URL Anda:
<a href="http://mario.gagho.googlepages.com/blogtutorial.jpg"><img src="http://mario.gagho.googlepages.com/blogtutorial.jpg" /></a>
Untuk contoh banner di header, lihat di blog ini.
Selamat ngukir blog, ya! :)
Dikutip dari : Wayan Wirata at Blog Tutorial.
0 komentar:
Posting Komentar