Cara membuat Tombol Link Button Postingan tanpa harus Edit Tema Html - Rohim Ar

 

Pada postingan kali ini saya akan memberi tau cara membuat menu tombol link button di sebuah postingan blogger atau blogspot, Tanpa harus edit html.

Biasa sering kita lihat pada blog-blog yang berkaitan tentang Aplikasi, Musik atau Template . 

Seperti contoh membuat menu link DOWLOAD, DEMO, VIEW atau PLAY.

Sebenarnya tanpa mengunakan menu button, dengan cara memasang begitu saja bisa, namun kelihatanya kurang menarik dan rapi.

perhatikan perbedaan dibawah ini, ada dua contoh link secara original dan link mengunakan tombol button

Link Original 

DOWNLOAD

Link Button  

Dari sini kita sudah bisa membedakan dari cara kita melihat saja sudah jelas bahwa link mengunakan menu button lebih rapi dan enak di lihat.

Membuat tombol button seperti yang diatas ini tidak lah susah, tidak harus kamu edit melalui tema html kamu.

Bisa langsung digunakan melalui postingan kamu secara langsung.

Tutorial  Membuat Tombol Button 

Cara membuat tombol link button ini cukup mudah,  kamu tinggal copy kode html dibawah ini, ganti link URL blog saya dalam kode html.

Dengan link download yang mau kamu pergunakan, dan kamu juga bisa merubah tulisan Download pada html sesuka kamu..

Link Button polosan atau original Html

<a href="http://www.murtisari.eu.org/"><button>DOWNLOAD</button></a>

Dibawah ini hasil dari html polosan seperti ini.

 

Link Button mengunakan warna Html dan Css

Kode di bawah ini sebenarnya sama saja namu yang membedakan adalah pada kode html dibawah ini kamu bisa merubah warna yang kamu mau.

Seperti cara yang di atas copy kode html, ganti URL blog saya dengan link download kamu, kemudia kalau kamu mau merubah warna.

Ganti kode yang saya bold "background-color: #032bfb" dengan kode warna kamu mau.

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

Di bawah ini bisa dilihat hasil dari kode diatas. 

Cara Merubah Warna pada Tombol Button

saya akan memberi contoh membuat tombol button warna dasar, disini saya mengunakan warna merah.

perhatikan kode html diatas perhatikan di kode "background-color: #032bfb" ubah kode  #032bfb dengan kode html warna merah  #ffob2b.

Seperti ini  "background-color: #ff0b2b" maka hasilnya bisa dilihat di bawah ini.

Kalau kamu ingin warna yang lain, kamu bisa mengunakan generator warna.

dimana dalam generator warna kamu bisa memilih sesuka hati kamu warna mana yang cocok dengan kamu, semua warna dan kode html ada diwebsite ini .

W3schools Html Color dihalaman website ini kamu bisa mendapatkan kode warna dasar ataupun warna RGB dan lengkap. 

Selain itu website ini banyak terdapat kode-kode html, java, css dan sebagainya dimana kamu bisa berkerasi sesuka kamu Disini. 

Selain W3school, 5 website ini menyediakan Kode Html Color

• Coolors.co
• Html-color-codes.info
• Htmlcolorcodes.com
• Computerhope.com
• Rapidtables.com

Bagaimana mudah bukan cara membuat tombol link button pada blogger, kalau ada kendala dalam pemasangan bisa ditanyakan dikolom komentar.

Sekian yang bisa saya bagikan semoga bermanfaat .


 

Related Posts