Thursday, 3 September 2009

Cara Membuat Tombol 3D Keren dan Menarik dengan CoolText

Pernahkah Anda melihat tombol dengan efek 3 Dimensi (3D) yang menarik di halaman sebuah situs web atau blog? Tombol-tombol ini biasanya dibuat sedemikian rupa untuk menarik perhatian pengunjung supaya meng-klik tombol itu, entah itu tombol "Download Now", "Play Now" atau lainnya.

Sebetulnya ada cara gampang untuk membuat tombol semacam ini, yaitu dengan CoolText. Selain bisa untuk membuat Tombol secara mudah, situs ini juga bisa untuk membuat Logo serta juga menyediakan Font yang menarik untuk didownload secara gratis.

Langkah-langkah membuat Tombol 3D
1. Kunjungi http://www.cooltext.com

2. Setelah muncul halamannya, Pilih salah satu tombol seperti gambar di bawah ini

3. Kemudian Anda akan dibawa ke halaman selanjutnya. Pada bagian Logo Text, ketikkan tulisan atau teks tombol Anda. misalnya "Download Now" atau "Play Now". Lihat contoh gambar di bawah ini (klik untuk perbesar)

4. Atur settingan sesuai selera anda, yang meliputi : Font, Text Size, Text Colour, Text Shadow, Text Offset X dan Y, Shape Option, Button Color, Effect, Shadow, dan pada bagian Mouse Over jika Anda tidak menginginkan Efek Mouse Over, silakan pilih None, tetapi jika anda ingin tombol Anda tampil dengan mouseOver, pilih salah satu pilihan efeknya.

5. Lalu klik Render Button

6. Jika pada bagian Mouse Over Anda pilih None, maka di halaman berikutnya langsung aja klik Download Image, dan save ke Komputer anda. Sekarang Anda tinggal masukkan tombol ke dalam Blog atau Website, terserah gimana caranya :)

7. Tetapi jika pada bagian Mouse Over Anda pilih Pilihan lainnya selain None, maka Anda akan dibawa ke halaman seperti gambar berikut ini

8. Downloadlah file image Tombolnya dengan cara Klik link Download Image yang dibawah gambar tombol pertama dan di bawah gambar tombol kedua. Perlu Anda perhatikan bahwa Anda harus menghost file tombol tersebut di sebuah hosting. Saran saya gunakan Picasa 3

9. Lalu copy text di bagian Mouse Over HTML Code:

10. Terakhir paste kodenya ke blog atau website Anda. Sebagai catatan untuk Anda, Anda harus mengubah kode sesuai URL tombol Anda, baik yang pertama maupun yang kedua.

Selamat Mencoba!

4 comments:

Ad4m San™ said...

wah... mantap infonya sob, kapan2 di coba deh heheh
Kenali Dan Kunjungi Objek Wisata Di Pandeglang

Macam2 Tips said...

wesss... ok punya ni,nambah ilmu.thanks yo...

Naylalaa ! said...

thanks ya :)

Rougerdeluffy said...

Mw tukeran link , langsung aja ke blog rougerdeluffy.blogspot.com