Membuat Logo

:)Untuk u all yang berminat untuk membuat logo di blog u all,hari ini su nak ajar cara-cara untuk membuat blog.Biasanya su akan gunakan http://cooltext.com untuk membuat blog:

1.First pergi ke http://cooltext.com

2.Klik tulisan Design a Logo

3.Klik gambar logo yang u all suka

4.Tulis teks yang ingin di jadikan logo di Logo Text. Misalnya : Gallery Azmas Dot Com

5.Tulis ukuran yang di inginkan di Tulisan Text Size. Misalnya : 50

6.Klik warna-warna yang ada di Text Color untuk memilih warna tulisan (text).

7.Pilih format image di tulisan file format. sebaiknya .JPG atau .GIF

8.Klik Render Logo Design dan tunggu beberapa saat sehingga hasil logo terpapar, klik tulisan Edit this logo jika tidak berpuas hati dengan hasilnya,jika u all sudah berpuashati, klik tulisan Download Image untuk disimpan di komputer u all
Selesai.


Langkah seterusnya pergi ke www.photobucket.com untuk upload logo tersebut.

1.Pergi ke www.photobucket.com

2.Klik butang Browse... Pilih logo yang telah dibuat tadi

3.Klik butang Upload

4.Setelah upload selesai, gambar logo serta kod HTML nya akan terpapar
seperti ini http://i226.photobucket.com/albums/dd58/az01_2007/cooltext746328361.jpg

5.Copy kod HTML yang ada di sebelah tulisan URL Link. Paste pada program notepad

6.Kemudian Logut untuk keluar dari account u all.


Seterusnya:-

Masukkan kod gambar tadi ke blog u all, cuma sedikit kod yang harus di tambahkan, iaitu <img src="Link URL logo">, sehingga kod tadi menjadi seperti ini :

<img src="http://i226.photobucket.com/albums/dd58/az01_2007/cooltext746328361.jpg ">

Maka contoh hasilnya akan seperti ini :




Kod HTML di atas adalah kod untuk menampilkan image dengan ukuran yang sebenarnya. Tetapi jika u all ingin memperbesar atau memperkecilkan image tersebut, u all perlu tambahkan kod.Contoh : gambar tadi ingin su tampilkan dalam ukuran 100px X 40px , maka kod tersebut menjadi seperti ini :

<img src="http://i226.photobucket.com/albums/dd58/az01_2007/cooltext746328361.jpg " width="100" height="40" alt="ini sebagai contoh saja">

Kod width="..." ialah untuk ukuran lebar image, jadi untuk memperbesar atau memperkecilkan image, u all perlu menambah atau mengurangi nilainya. kod height="..." ialah untuk ukuran tinggi image, u all perlu menambah atau mengurangi nilainya. Untuk alt="..." ialah untuk menampilkan tulisan ketika mouse berada pada image tersebut,
Sebagai contoh, hasil dari kod diatas adalah sebagai berikut, silahkan sorot image tersebut untuk melihat efek kode alt="..." :



Selesai

Luangkanlah sedikit masa korang untuk memberi komen di blog ini kerana setiap komen yang dibuat oleh korang amat bermakna dan secara tidak langsung ianya memberi suntikan semangat untuk saya terus menulis di blog ini...