Adsense

Membuat Logo dan URL Image Button Download

Tulisan kali ini dikhususkan untuk blogger yang belum mahir atau tidak tahu menahu dengan editing gambar dan desain grafis. Dikhususkan pula untuk blogger yang tidak memiliki hosting untuk penyimpanan gambar atau banner.

Aku rasa hampir 80% blogger indonesia saat ini berkategori khusus seperti apa yang aku sebutkan diatas. Seperti kata pepatah mengatakan, banyak jalan menuju Roma. So, artikel ini adalah salah satu jalan menuju kearah sana.

Bagi sobat blogger yang sudah mahir menggunakan program desain grafis seperti adobe photoshop ataupun coreldraw serta teman-teman yang telah lama memiiki hosting sendiri untuk penyimpanan file atau gambar, terima kasih sudah nyasar ke artikel ini. Mau skip atau lanjut membacanya, pilihan ada di tangan sobat. Terima Kasih juga untuk Kang Rohman sebagai referensi artikel ini.

Nah, lanjut ke tips membuat logo tanpa harus tau editing dan desain grafis serta tips menyimpan file atau gambar tanpa media hosting.

Untuk membuat logo seperti banner Download atau banner link apa saja, kita bisa memakai jasa situs online di internet, salah satunya yaitu cooltext.com, Silahkan ikuti langkah-langkah berikut ini:

  1. Silahkan buka alamat http://cooltext.com;
  2. Lalu klik tulisan: Design a Logo
  3. Klik gambar contoh logo yang Anda sukai
  4. Tulis kata yang ingin dijadikan logo disampimg tulisan Logo Text. Misalnya: Blog Anak Bangsa;
  5. Tulis ukuran yang diinginkan disamping Tulisan Text Size. Misal : 50;
  6. Klik logo warna-warni disamping kotak yang ada tulisan Text Color untuk memilih warna tulisan (text). Silahkan pilih warna yang Anda sukai, tentuanya disesuaikan dengan warna dominan pada blog Anda;
  7. Pilih format image disamping tulisan file format. Sebaiknya .PNG 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 atau belum? Bila belum sesuai, klik tulisan Edit this logo untuk mengulangi langkah diatas, Jika sudah sesuai, klik tulisan Download Image untuk menyimpan file di komputer;
  11. Logo selesai, dan siap di upoad ke hosting untuk mendapatkan URL.

Hasilnya:

Untuk menampilkan logo di blog yang telah kita buat dengan langkah-langkah diatas, harus upload ke blogger.com atau melalui situs lain untuk mendapatkan sebuah link. Salah satu situs online yang dapat dimanfaatkan untuk menyimpan file gambar dan mendapatkan link yakni: www.photobucket.com. Silahkan ikuti langkah-langkah berikut ini:

  1. Silahkan buka alamat http://www.photobucket.com
  2. Jika belum terdaftar di situs ini, silahkan daftar dulu dengan cara klik tombol yang bertuliskan Join Now pada sudut kanan atas layar. Jika sudah memiliki akun di photobucket, silahkan Sign In dengan Id Anda;
  3. Jika sudah berada pada halaman Account Anda, Klik tombol yang bertuliskan Browse...;
  4. Silahkan pilih logo yang sudah dibuat di situs: cooltext.com;
  5. Klik tombol yang bertuliskan Upload. Tunggu beberapa saat ketika proses upload berlangsung;
  6. Setelah upload selesai, akan tampil gambar logo serta kode HTML-nya
  7. Copy kode HTML yang ada di sebelah tulisan URL Link. Paste pada notepad terlebih dahulu;
  8. Silahkan klik tulisan Log Out untuk keluar dari account Anda;
  9. Selesai, link URL banner telah siap untuk digunakan.


Langkah selanjutnya, kita tinggal memasukkan kode gambar tadi di blog dengan tag HTML untuk link dengan gambar dilengkapi dengan atribut HTML-nya sebagai berikut:

<a href="URL_TUJUAN" target="blank" title="Klik Disini">
  <img src="URL_GAMBAR" alt="Deskripsi Gambar">
</a>

Penjelasan:
  • <a>: Tag untuk membuat hyperlink;
  • href: Atribut yang berisi URL tujuan ketika gambar diklik;
  • URL_TUJUAN: Ganti dengan URL tujuan yang Anda inginkan;
  • Target: Tag menentukan tempat untuk membuka link tertaut;
  • Title: Tag yang mendefinisikan judul link;
  • Tag <img> ditempatkan di dalam tag <a> </a>
  • URL_GAMBAR: Ganti dengan URL gambar yang telah dibuat di photobucket;

Sampai disini, aku rasa cukup jelas semuanya ya? Singkat, padat dan jelas, hehe.. Semoga bermanfaat.

Posting Komentar

4 Komentar

  1. hehe.. "ada bangsat dikursi.."

    lho kok malah nyanyi ? :D

    manteb tipsnya broth..

    PLUR

    BalasHapus
  2. Tips yg bermanfaat... buat yg membutuhkan...

    BalasHapus
  3. To Panda and Robby : Iya bro.. Solidaritas buat sohibku ini

    BalasHapus
  4. Tips dan trick yang sangat berguna boss... kasi tau juga bagaimana cara mengusir nyamuk kalo kita sedang nge blog dong? hehehe

    BalasHapus

Stop Komentar SPAM
Berkomentarlah dengan Sopan
Salam Anak Bangsa