Oke pada postingan kali ini, aku akan membahas mengenai bagaimana cara menciptakan button link.
Sebelumnya kenapa aku menciptakan postingan ini, alasannya yakni aku ter wangsit dari banyaknya para blogger yang belum tau cara menciptakan style button ataupun link button( link yang mengarah ke sebuah url lain tetapi berbentuk button )dan berdasarkan aku styling button ini sangat perlu untuk blog download
Oke. Tanpa basa bau lagi eksklusif saja simak bagaimana cara pembuatan styling button nya.
Di sini aku akan menciptakan suatu pola "Colored button border"/"Perbatasan tombol berwarna"
Silahkan copy script di bawah ini
Paste codenya di HTML bukan di Compose
*Hasilnya akan ibarat ini
<btn style="background-color: #00FFCC; color: #0052FF; border: 2px solid #4CAF50">DOWNLOAD</p>
Untuk menciptakan link buton paste script di bawah ini
<btn style="background-color: #00FFCC; color: #0052FF; border: 2px solid #4CAF50"><a href="https://kerasaktiandroid.blogspot.com">Download</p>
*Hasilnya button/tombol tersebut dapat di klik pengunjung ke url tujuan
Note: ganti goresan pena berwarna merah memakai link tujuan teman gunakan tag "/" di awal dan di selesai link
●Cara menciptakan button ibarat melayang
Copy script di bawah ini
<btn style="box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); background-color: yellow; color: red; border: 2px solid #4CAF50"><a href="https://kerasaktiandroid.blogspot.com">Download</p>
*Penjelasan dan keterangan
● Background-color : warna latar belakang kolom
● Color : warna text
● Border : Ketebalan garis pinggir button
● a href : Di isi link tujuan
Oke. Sekian dari aku mengenai postingan "Cara menciptakan styling button dan link button"
Semoga dengan adanya artikel di atas dapat membantu para sobat.....
No comments:
Post a Comment