Skip to content Skip to sidebar Skip to footer

Cara membuat tombol/button pada posting pada blogspot


Pada postingan kali ini saya akan share tips dan tutorial sederhana pada saat kita membuat postingan. Tutorial tersebut adalah bagaimana cara kita membuat suatu tombol atau button pada posting. Saya yakin bagi Anda yang sudah biasa membuat link-link download pastinya sudah sering menggunakan tutorial ini. 

Sebenarnya fungsi utama dari tombol tersebut adalah sebagai alternatif untuk melink ke alamat lain atau halaman lain. Dengan menggunakan tombol ini maka akan membantu mempermudah pengunjung kita dalam mencari link yang ada. 

Untuk membuat button sangat-sangatlah mudah, kita hanya menggunakan sintak berikut ini:

<button>....</button>


Jika kita ingin menggunakan sintak secara lengkah bisa melihat contoh berikut:

<button onclick="window.location='http://nurhamim86.blogspot.com'" style="background-color: #00ff0f; color: #ffffff; heigth: 25px; width: 150px;"><b>Unduh</b></button>


warna merah    : link yang dituju jika tombol dipencet.
warna biru        : kode warna untuk background dan warna untuk huruf.
warna orange   : menentukan lebar dan tinggi tombol.
warna hijau      : tulusan yang tertera pada tombol.

Contoh:

<button onclick="window.location='http://nurhamim86.blogspot.com'" style="background-color: #000f0f; color: #ffffff; heigth: 45px; width: 150px;"><b>Download</b></button>

Hasil:



Semoga bermanfaat....
Previous
Prev Post
Next
Next Post
nurhamim86
nurhamim86 A Mathematics Teacher who also likes the IT world.

Post a Comment for "Cara membuat tombol/button pada posting pada blogspot"