Minggu, Agustus 09, 2009

Membuat Logo untuk Blog

mau tuker link tapi tidak punya logo...
atau tidak bisa membuat logo yang bagus...
mau logo seperti ini... atau

tidak usah bingung...

ikuti langkah2 berikut..

1. kunjungi link pembuat logo gratis seperti link ini http://cooltext.com
2. Lalu klik tulisan Design a Logo, disana akan banyak bermacam - macam bentuk logo.
3. Lalu pilih bentuk logo yang kalian suka
4. Tulis nama blog atau kata apa saja pada kotak Logo Text. contohnya : w@hYuL!e's blog_Gerrrrr!!!!!
5. Tulis ukuran yang di inginkan di samping Tulisan Text Size. Misal : 50
6. Klik logo warna-warni disamping kotak yang ada tulisan Text Color untuk memilih warna text
7. Pilih format image disamping tulisan File Format. sebaiknya .JPG atau .GIF
8. Klik tombol yang bertuliskan Render Logo Design
9. Lihat hasil logo, klik tulisan Edit this logo untuk meng edit ulang. klik tulisan Download Image untuk kita simpan
11. Selesai. kalian sudah mempunyai logo yang bagus.

sebelum logo yang kita buat tadi bisa tampil di blog, kalian harus upload gambar tersebut ke blogger.com atau melalui situs lain. misal www.photobucket.com.

ikuti langkah-langkah berikut..

1. buka link terlebih dahulu http://www.photobucket.com,
2. lalu sign in terlebih dahulu dan jika belum jadi member sebaiknya klik sign up untuk mendaftar dan isi data diri lengkap.
3. setelah mendaftar Silahkan Sign In dengan username kalian
4. Bila sudah berada pada halaman Account, Klik tombol yang bertuliskan Browse... lalu pilih logo yang tadi di buat
5. Klin tombol yang bertuliskan Upload
6. Tunggu beberapa saat sampai proses upload selesai
7. Setelah upload selesai, akan di perlihatkan gambar logo serta kode HTML nya
8. Copy kode HTML yang ada di sebelah tulisan URL Link. Paste pada program notepad
9. Silahkan klik tulisan Log Out untuk keluar.

Nah sekarang kalian tinggal memasukan kode gambar tadi ke blog, ada sedikit kode yang harus di tambahkan, karena kode tadi baru berupa Link Image saja.
Contoh kode link image : http://i731.photobucket.com/albums/ww317/wahyulie/cooltext430658916.gif.
Disini kalian harus menambahkan kode

, sehingga kode tadi menjadi seperti ini :


Maka contoh hasilnya akan seperti ini :


Sebagai tambahan, kode HTML di atas adalah kode untuk menampilkan image dengan ukuran yang sebenarnya. jika ingin memperbesar atau memperkecil image tersebut, kalian hanya menambahkan beberapa atribut ke dalam kode HTML nya. Contoh : image tadi ingin saya tampilkan dalam ukuran 100px X 40px , maka kode tersebut menjadi seperti ini :



sedikit clue, kode width="..." yaitu untuk ukuran lebar image, jadi untuk memperbesar atau memperkecil image, sobat tinggal menambah atau mengurangi nilainya. kode height="..." yaitu untuk ukuran tinggi image, tinggal menambah atau mengurangi nilainya. Untuk alt="..." yaitu untuk menampilkan tulisan ketika mouse berada pada image tersebut.

Sebagai contoh, hasil dari kode diatas adalah sebagai berikut, silahkan sorot image tersebut untuk melihat efek kode alt="..." :

ini contoh saja

Bagaimana sudah bisa kan? pasti bisa, kan sudah di coba. Sekarang bagaimana cara membuat image button? langkahnya sama saja dengan langkah-langkah di atas, cuma pada saat berada di situs cooltext.com yang sobat klik adalah tulisan Desiggen a Button bukan Design a Logo, contoh image button :
w@hYuL!e's blog_Gerrrrr!!!!!

Tidak ada komentar:

Poskan Komentar