Cara membuat button link di blog
Sunday, April 1, 2018
Add Comment
Haii sobat kembali lagi di BLOG INFORMASI....
Oke pada postingan kali ini, saya akan membahas mengenai bagaimana cara membuat button link.
Sebelumnya kenapa saya membuat postingan ini, karena saya ter inspirasi dari banyaknya para blogger yang belum tau cara membuat style button ataupun link button( link yang mengarah ke sebuah url lain tetapi berbentuk button )dan menurut saya styling button ini sangat perlu untuk blog download
Oke. Tanpa basa basi lagi langsung saja simak bagaimana cara pembuatan styling button nya.
Di sini saya akan membuat suatu contoh "Colored button border"/"Perbatasan tombol berwarna"
Silahkan copy script di bawah ini
DOWNLOAD
Untuk membuat link buton paste script di bawah ini
*Hasilnya button/tombol tersebut bisa di klik pengunjung ke url tujuan
Note: ganti tulisan berwarna merah menggunakan link tujuan sobat gunakan tag "/" di awal dan di akhir link
●Cara membuat button seperti melayang
Copy script di bawah ini
*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 saya mengenai postingan "Cara membuat styling button dan link button"
Semoga dengan adanya artikel di atas bisa membantu para sobat.....
Oke pada postingan kali ini, saya akan membahas mengenai bagaimana cara membuat button link.
Sebelumnya kenapa saya membuat postingan ini, karena saya ter inspirasi dari banyaknya para blogger yang belum tau cara membuat style button ataupun link button( link yang mengarah ke sebuah url lain tetapi berbentuk button )dan menurut saya styling button ini sangat perlu untuk blog download
Oke. Tanpa basa basi lagi langsung saja simak bagaimana cara pembuatan styling button nya.
Di sini saya akan membuat suatu contoh "Colored button border"/"Perbatasan tombol berwarna"
Silahkan copy script di bawah ini
Paste codenya di HTML bukan di Compose
*Hasilnya akan seperti ini
<btn style="background-color: #00FFCC; color: #0052FF; border: 2px solid #4CAF50">DOWNLOAD</p>
Untuk membuat 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 bisa di klik pengunjung ke url tujuan
Note: ganti tulisan berwarna merah menggunakan link tujuan sobat gunakan tag "/" di awal dan di akhir link
●Cara membuat button seperti 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 saya mengenai postingan "Cara membuat styling button dan link button"
Semoga dengan adanya artikel di atas bisa membantu para sobat.....
0 Response to "Cara membuat button link di blog"
Post a Comment