Membuat Image Logo Button
Hmmm....
Basa-basi dulu gak yach!!!!
ah gak usah dech,, kelamaan....
langsung aja yakh!!!
1. Silahkan buka alamat www.cooltext.com.
2. Lalu klik tulisan Design a Logo.
3. Klik gambar contoh logo yang anda sukai.
4. Tulis tulisan yang ingin di jadikan logo di sampimg tulisan Logo Text. Misal : Tutorial Blog.
5. Tulis ukuran yang di inginkan di samping Tulisan Text Size. Misal : 100
6. Klik logo warna-warni disamping kotak yang ada tulisan Text Color untuk memilih warna tulisan (text). Silahkan pilih warna yg anda sukai.
7. Pilih format image disamping tulisan file format. sebaiknya .JPG atau .GIF
8. Klik tombol yang bertuliskan Render Logo Design.
9. Tunggu beberapa saat ketika proses pembuatan logo berlangsung.
10. Lihat hasil logo, sudah cocok apa belum? bila belum cocok, klik tulisan Edit this logo ulangi langkah diatas, rubah yang anda inginkan. Jika sudah cocok, klik tulisan Download Image untuk kita simpan di Komputer.
11. Selesai. Anda sudah mempunyai sebuah logo.
Sekarang silakan Upload logo tersebut ke tempat hosting kesayangan anda / ke blogger.
kalau saya sering menyimpan di situs http://www.photobucket.com.
Langkah2 untuk upload di photobucket.com adalah :
1. Buka alamat situsnya.
2. Jika belum terdaftar di situs ini, silahkan daftar dulu (gratis) dengan meng-klik tombol yang bertuliskan Join Now pada sudut kanan atas layar.
3. Sekarang saya asumsikan anda sudah terdaftar.
4. Silahkan Sign In dengan ID anda.
5. Bila sudah berada pada halaman Account anda, Klik tombol yang bertuliskan Browse ... Silahkan pilih logo yang tadi di buat.
6. Klik tombol yang bertuliskan Upload.
7. Tunggu beberapa saat ketika proses Upload berlangsung.
8. Setelah Upload selesai, akan di perlihatkan gambar logo serta kode HTML nya.
9. Copy kode HTML yang ada di sebelah tulisan URL Link. Paste pada program Notepad
10. Silahkan klik tulisan Log Out untuk keluar dari account anda, tutup layar browser sobat.
Untuk menampilkan image tambah kode berikut ini :
Jika anda ingin menampilkan gambar logo sesuai ukuran gambar yang anda Upload tinggal hapus width="..." dan height="..." seperti ini :
Kode HTML di atas adalah kode untuk menampilkan image dengan ukuran yang sebenarnya. Apabila ingin memperbesar atau memperkecil image tersebut, anda bisa menambahkan beberapa atribut ke dalam kode HTML nya seperti yang saya tuliskan diatas.
== Kode width="..." untuk ukuran lebar image, jadi untuk memperbesar atau memperkecil image, anda tinggal menambah atau mengurangi nilainya.
== Kode height="..." untuk ukuran tinggi image, anda tinggal menambah atau mengurangi nilainya.
== Untuk alt="..." untuk menampilkan tulisan ketika mouse berada pada image tersebut.
Silahkan mencoba dan berkreasi sendiri ...
Basa-basi dulu gak yach!!!!
ah gak usah dech,, kelamaan....
langsung aja yakh!!!
1. Silahkan buka alamat www.cooltext.com.
2. Lalu klik tulisan Design a Logo.
3. Klik gambar contoh logo yang anda sukai.
4. Tulis tulisan yang ingin di jadikan logo di sampimg tulisan Logo Text. Misal : Tutorial Blog.
5. Tulis ukuran yang di inginkan di samping Tulisan Text Size. Misal : 100
6. Klik logo warna-warni disamping kotak yang ada tulisan Text Color untuk memilih warna tulisan (text). Silahkan pilih warna yg anda sukai.
7. Pilih format image disamping tulisan file format. sebaiknya .JPG atau .GIF
8. Klik tombol yang bertuliskan Render Logo Design.
9. Tunggu beberapa saat ketika proses pembuatan logo berlangsung.
10. Lihat hasil logo, sudah cocok apa belum? bila belum cocok, klik tulisan Edit this logo ulangi langkah diatas, rubah yang anda inginkan. Jika sudah cocok, klik tulisan Download Image untuk kita simpan di Komputer.
11. Selesai. Anda sudah mempunyai sebuah logo.
Sekarang silakan Upload logo tersebut ke tempat hosting kesayangan anda / ke blogger.
kalau saya sering menyimpan di situs http://www.photobucket.com.
Langkah2 untuk upload di photobucket.com adalah :
1. Buka alamat situsnya.
2. Jika belum terdaftar di situs ini, silahkan daftar dulu (gratis) dengan meng-klik tombol yang bertuliskan Join Now pada sudut kanan atas layar.
3. Sekarang saya asumsikan anda sudah terdaftar.
4. Silahkan Sign In dengan ID anda.
5. Bila sudah berada pada halaman Account anda, Klik tombol yang bertuliskan Browse ... Silahkan pilih logo yang tadi di buat.
6. Klik tombol yang bertuliskan Upload.
7. Tunggu beberapa saat ketika proses Upload berlangsung.
8. Setelah Upload selesai, akan di perlihatkan gambar logo serta kode HTML nya.
9. Copy kode HTML yang ada di sebelah tulisan URL Link. Paste pada program Notepad
10. Silahkan klik tulisan Log Out untuk keluar dari account anda, tutup layar browser sobat.
Untuk menampilkan image tambah kode berikut ini :
<img src="Alamat URL link dari photobucket.com / hosting lain langganan anda" width="100" height="50" alt="ini cuma contoh">
Jika anda ingin menampilkan gambar logo sesuai ukuran gambar yang anda Upload tinggal hapus width="..." dan height="..." seperti ini :
<img src="Link URL logo dari photobucket.com / hosting lain langganan anda">
Kode HTML di atas adalah kode untuk menampilkan image dengan ukuran yang sebenarnya. Apabila ingin memperbesar atau memperkecil image tersebut, anda bisa menambahkan beberapa atribut ke dalam kode HTML nya seperti yang saya tuliskan diatas.
== Kode width="..." untuk ukuran lebar image, jadi untuk memperbesar atau memperkecil image, anda tinggal menambah atau mengurangi nilainya.
== Kode height="..." untuk ukuran tinggi image, anda tinggal menambah atau mengurangi nilainya.
== Untuk alt="..." untuk menampilkan tulisan ketika mouse berada pada image tersebut.
