Bagi para antum yang sudah mahir menggunakan program desain grafis semisal adobe photoshop ataupun coreldraw serta teman-temannya yang lain, membuat sebuah logo bukanlah sebuah pekerjaan yang sulit, dan mungkin tutorial ini menjadi tidak menarik untuk di baca. But barangkali ada sebagian dari para antum sekalian yang satu nasib dengan saya, sebenarnya saya pun boleh di katakan tidak awam banget dengan program-program desain grafis tersebut, akan tetapi tak cukup hanya menguasai tentu saja di perlukan suatu daya kreasi atau imajinasi yang tinggi untuk menciptakan sebuah logo.
Nah kalau ada diantara antum sekalian yang senasib dan sepenanggungan seperti saya (lho ko jadi ngawur ngomongnya)jangan dulu berkecil hati, seperti biasa ada pepatah mengatakan banyak jalan menuju Roma ((irama)kaya postingan dulu...dah basi)untuk membuat logo kita bisa memakai jasa situs di internet, salah satunya yaitu http://cooltext.com/, Silahkan ikuti langkah-langkah berikut ini :
- Untuk menuju http://cooltext.com/ silahkan klik di sini
- Lalu klik tulisan Design a Logo
- Klik gambar contoh logo yang antum sukai
- Tulis tulisan yang ingin di jadikan logo di sampimg tulisan Logo Text. Misal : Blog Tutorial
- 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 antum 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 antum inginkan. Jika sudah cocok, klik tulisan Download Image untuk kita simpan di PC kita
- Selesai. antum sudah mempunyai sebuah logo.
Agar logo yang kita buat tadi bisa tampil di blog, antum harus upload gambar tersebut ke blogger.com atau melalui situs lain. Tapi saya lebih suka menyimpannya di situs lain misal www.photobucket.com.
Untuk proses upload di photobucket.com, silahkan ikuti langkah-langkah berikut :
- Untuk menuju http://www.photobucket.com/, silahkan klik di sini
- 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 antum sudah terdaftar (pastilah cara daftarnya bisa kan)
- Silahkan Sign In dengan Id antum
- Bila sudah berada pada halaman Account antum, 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 antum. tutup layar browser antum
Nah sekarang antum tinggal memasukan kode gambar tadi ke blog ke blog antum, cuma ada sedikit kode yang harus di tambahkan, karena kode tadi baru berupa Link Image saja. Contoh kode link image : http://i232.photobucket.com/albums/ee276/al-jihads/blogger/cnthlogoblogtutorial.jpg. Disini antum harus menambahkan kode , sehingga kode tadi menjadi seperti ini :
">http://i232.photobucket.com/albums/ee276/al-jihads/blogger/cnthlogoblogtutorial.jpg">
Maka contoh hasilnya akan seperti ini :
Sebagai tambahan, kode HTML di atas adalah kode untuk menampilkan image dengan ukuran yang sebenarnya. Apabila antum ingin memperbesar atau memperkecil image tersebut, antum bisa 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 :http://i232.photobucket.com/albums/ee276/al-jihads/blogger/cnthlogoblogtutorial.jpg" width="100" height="40" alt="ini contoh saja">
sedikit clue, kode width="..." yaitu untuk ukuran lebar image, jadi untuk memperbesar atau memperkecil image, antum tinggal menambah atau mengurangi nilainya. kode height="..." yaitu untuk ukuran tinggi image, antum tinggal menambah atau mengurangi nilainya. Untuk alt="..." yaitu untuk menampilkan tulisan ketika mouse berada pada image tersebut, atau bisa juga alt="..." di ganti dengan title="..." hasilnya akan sama.
Sebagai contoh, hasil dari kode diatas adalah sebagai berikut, silahkan sorot image tersebut untuk melihat efek kode alt="..." :
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 www.cooltext.com yang antum klik adalah tulisan Design a Button bukan Design a Logo, contoh image button :
