BuAt LoGo & ImAge ButTOn

Dewa19 - Perempuan Paling Cantik Di Negeriku Indonesia

Buat Logo & Image Button

pasti kamu pengen punya inisial dalam mengirim pesan atau dalam friendster kamu, nah kita sebut itu degan logo atau image button. bagai mana contoh image button. nih didin punya contohnya :

nah tu dia yang disebut logo button. bagaimana cara membuatnya, kita praktekan sekarang :

• Silahkan buka alamat http://cooltext.com/
• Lalu klik tulisan Design a Logo
• Klik gambar contoh logo yang sobat sukai
• Tulis tulisan yang ingin di jadikan logo di sampimg tulisan Logo Text. Misal : diDN'T raNGeR
• Tulis ukuran yang di inginkan di samping Tulisan Text Size. Misal : 50
• Klik logo warna-warni disamping kotak yang ada tulisan Text Color untuk memilih warna tulisan (text).silahkan pilih warna yg sobat sukai
• Pilih format image disamping tulisan file format. sebaiknya .JPG atau .GIF
• Klik tombol yang bertuliskan Render Logo Design
• Tunggu beberapa saat ketika proses pembuatan logo berlangsung
• Lihat hasil logo, sudah cocok apa belum? 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
• Selesai. Sobat sudah mempunyai sebuah logo.

Simpan logo sobat pada situs yang dapat menyimpan poto2. didin biasa menggunakan http://www.photobucket.com/, untuk uploadnya saya jelaskan :

• Silahkan buka alamat http://www.photobucket.com/,
• Jika belum terdaftar di situs ini, silahkan daftar dulu (gratis bo) dengan meng klik tombol yang bertuliskan Join Now pada sudut kanan atas layar
• Sekarang saya asumsikan sobat sudah terdaftar (pastilah cara daftarnya bisa kan)
• Silahkan Sign In dengan Id sobat
• Bila sudah berada pada halaman Account sobat, Klik tombol yang bertuliskan Browse... Silahkan pilih logo yang tadi di buat
• Klin tombol yang bertuliskan Upload
• Tunggu beberapa saat ketika proses upload berlangsung
• Setelah upload selesai, akan di perlihatkan gambar logo serta kode HTML nya
• Copy kode HTML yang ada di sebelah tulisan URL Link. Paste pada program notepad
• Silahkan klik tulisan Log Out untuk keluar dari account sobat. tutup layar browser sobat

Nah sekarang sobat tinggal memasukan kode gambar tadi ke situs tadi ke friendster sobat, cuma ada sedikit kode yang harus di tambahkan, karena kode tadi baru berupa Link Image saja. Contoh kode link image : http://s437.photobucket.com/albums/qq97/didin_011/?.jpg. Disini sobat harus menambahkan kode <img src="Link URL logo"> , sehingga kode tadi menjadi seperti ini :

<img scr="http://s437.photobucket.com/albums/qq97/didin_011/?.jpg>

Sebagai tambahan, kode HTML di atas adalah kode untuk menampilkan image dengan ukuran yang sebenarnya. Apabila sobat ingin memperbesar atau memperkecil image tersebut, sobat bisa menambahkan beberapa atribut ke dalam kode HTML nya. Contoh : image tadi ingin saya tampilkan dalam ukuran 100px X 40px , dengan menambahkan widht untuk lebar image, dan height untuk tinggi image.

letakkan kode html logo pada tempat yang sobat inginkan, selamat mencoba...