Cara mudah membuat tombol web kustom di Chrome

Cara mudah membuat tombol web kustom di Chrome

Apakah Anda sedang merancang sebuah halaman web sederhana, forum atau situs, Anda pasti akan membutuhkan beberapa tombol web. Tentu saja, tombol ini mudah untuk dibuat terutama jika Anda memiliki alat editing gratis sendiri tetapi bagaimana jika Anda tidak memilikinya? Nah, Anda dapat membayar seorang desainer grafis untuk melakukan pekerjaan atau, lebih baik lagi, Anda dapat menggunakan online web  buttnon Generator sederhana dan gratis.

Cara mudah membuat tombol web kustom di Chrome

Perlu dicatat bahwa metode ini akan mengharuskan Anda untuk memiliki pengetahuan dasar dalam CSS / HTML karena Anda akan menyisipkan kode CSS antara tag <style>  dan kode HTML di dalam area di mana Anda ingin tombol  muncul.

Jika Anda sudah siap, maka mari kita mulai.

Cara mudah membuat tombol web kustom di Chrome

Pertama, download dan instal “Button Generator”, yang merupakan aplikasi Chrome gratis.
Setelah menginstal Button Generator, jalankan.
Setelah Anda melihat halaman atau tab untuk online button generator, cukup pilih gaya tombol yang Anda suka dari sidebar kiri. Anda akan dapat melihat live preview tombol Anda pada bagian tengah.

Selanjutnya, pergi ke sidebar kiri dan mengisi bagian yang diperlukan terutama bagian teks, bagian ukuran font, bagian perbatasan tombol, bagian text shadow, dll Anda dapat langsung melihat perubahan pada kotak preview.
Pada kotak preview, Anda juga dapat memilih apakah akan membuat tombol Anda transparan atau tidak. Anda juga dapat menerapkan gradien.


Jadi itu saja. Setelah Anda puas dengan hasilnya, cukup klik “Copy Code” dan CSS kode / HTML untuk tombol web kustom Anda akan secara otomatis disalin ke clipboard Anda.
Paste kode ke situs web Anda, forum atau blog dan Anda selesai!

Semoga bermanfaat !

About Bahtiar 749 Articles
Bahtiar adalah seorang blogger dan admin TeknoSpots . Dia merupakan salah satu kontributor terbaik di website Tekno Gadget yang menulis banyak artikel mengenai tips dan trik seputar teknologi informasi.

Be the first to comment

Leave a Reply

Your email address will not be published.


*