Membuat logo Button

Sabtu, 16 Januari 2010
Untuk memempercantik tampilan sebuah blog, salah satunya dengan menambahkan logo atau image Button yang biasanya untuk menyelipkan link yang di gunakan untuk membuka halaman tertentu, misalnya pada tampilan Read More atau Baca selengkapnya. Gambar berformat png (di bawah) saya buat secara Online di www.cooltext.com.

Untuk langkah pembuatan logo button ini, kita harus menggunakan Bolt Browser karena pada OperaMini selalu gagal, Bila tertarik silahkan perhatikan langkah langkah di bwh ini:

  1. silahkan buka alamat ini www.cooltext.com
  2. Klik "Login"
  3. Lalu "Creat new Account"
    • Pada halaman ini sobat di minta memasukan alamat "Email" valid
    • "Password" masukan password yang diinginkan
    • Masukkan kembali password yang sobat masukkan sebelumnya
    • Lalu klik "Creat a Accont"
    Bila berhasil, akan terlihat informasi tentang Account yang telah sobat buat.

  4. Klik "Buttons" pada pilihan navigasi yang diatasnya
  • pada pilihan "Text" masukan kalimat atau tulisan yang ingin di buat misalnya 'Read More'
  • klik pada menu "Font" untuk mengganti stylenya
  • Pilih kategori font
  • Bila sudah menentukan style atau gaya font yang cocok klik "Use font" ( jenis font )
  • selanjutnya kreasikan sendiri bila ingin mengatur ukuran font, ketebalan garis, bayangan dll.
  • Bila sudah merasa cukup, klik "Render Button"
Klik "Get HTML code" untuk mengambil kode html untuk di pasang pada blog. Klik "Agree" untuk menampilkan kode HTMLnya. Nah, ini manfaatnya bila kita telah membuat Account disini, karena kita tak perlu mendownload logo tersebut untuk kita upload kembali. Biasanya tampilannya kode HTMLnya akan seperti ini :

<a href="http://cooltext.com"><img src="http://images.cooltext.com/1306578.png" width="189" height="64" alt="Read More" /></a>
<br />Image by <a href="http://cooltext.com">Cool Text: Logo and Button Generator</a> - <a href="http://cooltext.com/Logo-Design?LogoID=507460825">Create Your Own<a/>
Untuk mempersingkatnya sobat bisa menghapus kode yang saya beri warna merah sehingga menjadi seperti ini :
<img src="http://images.cooltext.com/1306578.png" width="189" height="64" alt="Read More" />
Kurang lebih hasilnya akan menjadi seperti ini:

Read More

Selanjutnya silahkan pindahkan ditempat yang sobat sukai, tentunya di blog sobat sendiri, he he. Bila ukurannya terlalu besar, tinggal rubah ukuran width dan heightnya saja.

Ooh iya, sobat dapat membuat logo atau botton yang lebih bagus lagi dengan gaya dan tampilan yang telah tersedia, langkahnya pun sama.

3 komentar (Membuat logo Button)

Posting Komentar
  1. Dev » Januari 17, 2010 1:08 AM | permalink

    Nice tips mas..mudah2an bermanfaat buat orang banyak..

  2. Mr, Kem » Januari 17, 2010 8:05 AM | permalink

    mantap neh infonya. tapi bikin berat blog ga ya?. soalnya udah kebanyakan kode html tambahan neh..hehe.

    btw : thanks atas kunjungannya ya mas. untuk tips biar cepat dapat PR saya juga masih bingung mas. belum banyak tau..yang aku lakuin seh cuma update blog, dan berusaha memposting artikel bukan hasil dari copas..karena om gugel akan lebih menghargainya. Saya liat blog ini udah bagus kok..cuma harus rajin blog walking, alexa rank masih diatas 7 jt. pasang alexa toolbar biar cepet turun alexa rank nya..mungkin itu aja tips nya.

  3. Tihang » Januari 17, 2010 9:43 AM | permalink

    @Mr Kem
    kl di blog ini saya perhatikan cuma nambah 1kb mas..

    O..ya, saya ucapkan banyak terima kasih karena udah mau membagi ilmunya, terus terang bagi blogger awam seperti saya sangat membutuhkan arahan dari para senior.
    Tips dari mas ini sungguh sangat membantu...

Back to form

Mohon berkomentar sesuai topik posting di atas !