Sabtu, 08 September 2007

Cara Buat Logo Dan Banner

But Logo, Yuk!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 saya, saya menyimpannya di http://mario.gagho.googlepages.com/ jadi alamat chicklet saya 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.

Catatan:

Apabila Anda ingin tukar link pake chicklet/banner dg blog lain seperti blog ini (lihat di sidebar kanan atas), berikut contoh kodenya. Ganti alamat URL blog dan imagenya dg punya Anda.


<h2 class="sidebar-title"><b>Link to Us We'd Link You Back</b></h2>

<ul>

<img src="http://fatihsyuhud.googlepages.com/blog-indonesia.gif" border="0"></a>

<br />

<li>Copy the code below, insert in to your blog </li></font>

<br />

<textarea name="code" rows="4" cols="18"><a href="http://afsyuhud.blogspot.com" target="_blank"><img src="http://fatihsyuhud.googlepages.com/blog-indonesia.gif" border="0" alt="Blogger Indonesia"></a>


Salam ngukir blog! :)

http://kolom-mario.blogspot.com

1 komentar:

Fina Hathaway Blog mengatakan...

Thanx bgd. oke dha!