Cara Membuat Tombol Button Pada Posting
Assalamu'alaikum, kawan bagaimana kabarnya, baik? Kawan pada tutorial kali ini saya akan share sebuah trik simpel cara membuat tombol button pada postingan yang akan kita buat, biasanya tombol button ini digunakan untuk membuat sebuah tombol yang pada tombol tersebut disisipi link yang menuju pada halaman lain, seperti contohnya link download, supaya link download ini lebih menarik maka dibuatlah tombol pada link tersebut, supaya lebih jelas apa yang dimaksud tombol button ini, mari kita baca tutorial cara membuat tombol button pada posting, selamat membaca.
Contoh tombol button >>
Download
Sekarang kita cari tahu resep cara pembuatan tombol button ini, lihat kode dibawah ini.
Download
Ternyata mudah sekali cara membuatnya, bila kita sudah tahu cara pembuatan tombol button ini, sekarang bagaimana kita buat menjadi lebih menarik lagi, seperti memberi warna, serta ukuran tombol ini, baik lebar dan tingginya.
Memberi Warna
Untuk memberi warna pada tombol button ini kita membutuhkan kode warna untuk backround dan warna untuk text, dan juga kita sisipi kode diantara text dengan kode text seperti dibawah ini.
<button style="background-color: #000000; color: #ffffff;">Download
Contoh :
Download
Mengatur Lebar dan Tinggi
Untuk menggatur lebar dan tinggi tombol ini maka kita membutuhkan kode "width" dan "height", untuk lebih jelasnya lihat kode dibawah ini.
<button style="background-color: #000000; color: #ffffff; width: 150px; heigth: 25px;">Download
Contoh :
Download
Menyisipkan Link
Bila sudah kita setting mulai dari warna dan juga ukuran, sekarang waktunya tombol button ini kita sisipi dengan link, dan butuh kode onClick="window.location='URL'", untuk lebih jelas lihat kode dibawah ini.
<button onClick="window.location='
http://blogmuhammad23.blogspot.com/2012/02/cara-membuat-tombol-button-pada-posting.html '" style="background-color: #000000; color: #ffffff; width: 150px; heigth: 25px;">Download
Contoh :
Download
* * *
Selesai sudah trik cara membuat tombol button pada posting, semoga tutorial ini bermanfaat untuk kamuRead more: http://blogmuhammad23.blogspot.com/2012/02/cara-membuat-tombol-button-pada-posting.html#ixzz1v0BoNZ7Y
|
