Kamis, 16 Juni 2011

Buat Logo & Image Button


Apakah Sobat pernah melihat Blog yang menggunakan Logo sebagai identitas Blog nya, bagaimana, terlihat baguskah atau sobat juga ingin demikian,membuat logo(Banner blog) Sobat, bagi Sobat2 yang mahir menggunakan software desain grafis seperti Photoshop ataupun Coreldraw hal tersebut sangatlah mudah,tapi bagaimana dengan teman-teman yang lain yang tidak bias menggunakan program desain grafis,ataupun yang masih asing dengan program desain grafis(sepertisaya ini).

Apakah Sobat hanya diam dan berharap ada yang mau membuatkanya untuk Sobat, sekarang buang jauh-jauh perasaan itu,karma banyak cara yang bias digunakan untuk membuat Logo,salah satunya secara online(menggunakan jasa internet) seperti Cooltext.com

Silahkan ikuti langkah-langkah berikut ini:

1. Silahkan buka alamat http://cooltext.com

2. Lalu klik tulisan Logos

3. Lalu klik gambar contoh logo yang sobat sukai

4. Tulis Teks yang ingin di jadikan logo di sampimg tulisan Logo Text

5. Pilih jenis Fonts(huruf) yang dugunakan di samping tulisan FONT

6. Tulis ukuran yang di inginkan di samping Tulisan Text Size.

7. Klik warna disamping kotak yang ada tulisan Text Color untuk memilih warna tulisan (text). pilih warna yang sobat sukai

8. Lalu Sobat juga bias memilih Background yang digunakan untuk Logo pada bagian background Color atau Background Image

9. Lalu pilih format image disamping tulisan file format.

10. Klik tombol yang bertuliskan Render Logo

11. Tunggu beberapa saat ketika proses pembuatan logo berlangsung

12. Lihat hasil logo, bila belum cocok, klik tulisan Edit this logo ulangi langkah diatas, rubah yang sobat inginkan. Jika sudah cocok, klik tulisan Download Image untuk kita simpan di PC kita

13. Selesai. Sobat sudah mempunyai sebuah logo.

Nha itukan untuk membuat Logo,Jika ingin membuat Image Button ikuti langkah-langkah berikut ini:

1. Silahkan buka alamat http://cooltext.com

2. Pada Pilihan Choose a Button Design, pilih gambar yang sobat sukai

3. Tulis Teks yang ingin di jadikan logo di sampimg tulisan Logo Text

4. Pilih jenis Fonts(huruf) yang dugunakan di samping tulisan FONT

5. Lalukan pengeditan seperlunya saja,pada pilihan Shape Option

6. JIka sudah sesuai klik tombol Render Button

7. Lihat hasil logo, bila belum cocok, klik tulisan Edit this logo ulangi langkah diatas, rubah yang sobat inginkan. Jika sudah cocok, klik tulisan Download Image untuk kita simpan di PC kita

8. Selesai.

Sekarang Sobat sudah mempunyai Logo atau Image Button,setelah ini yang perlu dilakukan adalah meng-upload gambar tersebut ke layanan peng-uploa gambar ,seperti Photobucket.com, jika sudah selesai copy URL LINK gambar tersebut untuk ditempatkan di Blog,Contohnya seperti ini http://i388.photobucket.com/albums/oo322/arif_bucket/cooltext413734739.jpg lalu untuk memasukannya ke HTML tambahkan kode berikut: <img src="Link URL logo">, sehingga kode tadi menjadi seperti ini :

<img src="http://i388.photobucket.com/albums/oo322/arif_bucket/cooltext413734739.jpg">

Contohnya seperti ini:
tutorial blog
Jika merasa ukurannya terlalu besar Sobat dapat mengecilkannya dengan menambahkan ukuran 100px X 40px , maka kode tersebut menjadi seperti ini :

<img src="http://i388.photobucket.com/albums/oo322/arif_bucket/cooltext413734739.jpg" width="100" height="40" alt="tutorial blog">

Contohnya Seperti ini:
tutorial blog

kode width="..." yaitu untuk ukuran lebar image,diperbesar atau diperkecil

kode height="..." yaitu untuk ukuran tinggi image

Kode alt="..." yaitu untuk menampilkan tulisan ketika mouse berada pada image tersebut.

Contoh Image Button Seperti ini:
tutorial blog

0 komentar:

Posting Komentar

Jangan lupa komentarnya.....