Tutorial Menciptakan Tombol Button Link Di Postingan Blog

Membuat Design Tombol Bergaya Flat Dengan CSS juga HTML ataupunpun Membuat tampilan button / submit semoga lebih kelihatan menarik sanggup dikerjakan dengan meletakan arahan kode terpastinya untk menghasilkan tombol Button.Beberapa fungsi Tombol Button di postngan blog yakni srbagai tombol download, sanggup juga dijadikan jadi tombol button perujuk kepada link halaman lain, juga masih sangat banyak fungsi dari tombol button ini.Cara Membuat Tombol Button disertai Link URL blog Keren dididalem Postingan Blog merupakan tutor nan sangat gampang sekali .

Untuk sanggup membikin tombol push button bagus menarik juga terlihat keren dengan link href sendiri sanggup dikerjakan dengan banyak tutor tidak benar sebuahnya dengan meletakan arahan Css di postingan, arahan HTML juga arahan kode lainnya serta kami sanggup menambahkan tidak banyak sentuhan warna di tombol button itu semoga lebih keren juga menarik.

Oke tanpa memperpanjang waktu kami silahkan simak tutor membikin tombol button link di postingan blog

Cara membikin tombol button link di postingan blog

intinya Tag HTML di button ialah menyerupai ini

<button>INI BUTTON</button>

maka mau kesudahannya sepertiitu :



Tombol button diatas merupakan tombol single button tanpa adanya link karna diatas merupakan tombol arahan HTML dasar button, sebagai itu kini mari kami simak tutor menambahkan link dididalem button itu serta memberi sebagian sentuhan css dididalemnya

1. Cara membikin tombol button single link di postingan blog

a. Button single link



Kode HTML nya :

<button>INI BUTTON</button>

2. Cara membikin tombol button link di postingan blog

b. Button dengan link



Kode HTML nya :

<a href="http://jagoankode.blogspot.com/"><button>INI BUTTON</button></a>

Jika button diatas diklik makanya mau terbukalink https://vuirale.blogspot.com/

3. Cara membikin tombol button link New tab postingan blog

c. Button dengan link new tab(Button apabila diklik membuka tab baru)



Kode HTML nya :

<a href="https://vuirale.blogspot.com//" target="_blank"><button>INI BUTTON</button></a>

Jika button diatas diklik makanya mau terbukalink http://jagoankode.blogspot.com di tab baru

4. Cara membikin tombol button link warna di postingan blog

d. Button dengan link warna MERAH

Kode HTML nya :

<form method="get" action="http://_URL_ANDA_"> <input style="background-color: #ff0b2b; color: #fff;" type="submit" value="BUTTONMERAH" /></form>

e. Button dengan link warna HIJAU

Kode HTML nya :

<form method="get" action="http://_URL_ANDA_"> <input style="background-color: #08f755; color: #fff;" type="submit" value="BUTTONHIJAU" /></form>

f. Button dengan single link warna BIRU

Kode HTML nya :

<form method="get" action="http://_URL_ANDA_"> <input style="background-color: #032bfb; color: #fff;" type="submit" value="BUTTONHIJAU" /></form>

Anda sanggup mengganti warna background-color: #032bfb dengan warna kesukaan kalian juga janganlah lupa mengisi url sasaran anda.

5. Cara membikin tombol button dengan gaya flat css

pertama buatlah sebuah link sepertiitu :

<a href="#" class='tombols'>INIBUTTON</a>

kemudian tambahkan sentuhan cssnya sepertiitu :

.tombols{ background:#2C97DF; color:white; border-top:0; border-left:0; border-right:0; border-bottom:5px solid #2A80B9; padding:10px 20px; text-decoration:none; font-family:sans-serif; font-size:11pt; }

Oke demikianlah tutorial admin mengenai Cara membikin tombol button link di postingan blog semoga meringankan kalian :D