Beberapa tujuan pembuatan tombol atau button ini hanya agar tampilan tulisan maupun link yang kita sediakan terlihat lebih menarik. Selain itu dengan tampilan tombol akan terlihat lebih unik daripada hanya sekedar tulisan saja.
Sebagai contoh, berikut adalah tulisan yang dibentuk dengan gaya tombol/button namun tidak mengandung link.
Untuk membuat tombol di atas, anda hanya membutuhkan kode berikut :
<button>Membuat Tombol di Blog</button>
Lalu, jika anda ingin membuat tombol yang terdapat teks dan link di dalamnya seperti di bawah ini :
Maka kode yang anda perlukan untuk membuat tampilan tombol dengan teks plus link-nya yaitu sebagai berikut :
<button><a href="http://amapara.blogspot.com/">Membuat Tombol ber-Link di Blog</a></button>
Jika anda ingin membuat Button/Tombol agar linknya terbuka di tab baru, maka anda harus menggunakan kode berikut :
<button><a href="http://amapara.blogspot.com" target="blank">Membuat Tombol ber-Link di Blog</a></button>
Maka hasilnya seperti dibawah ini:Catatan:
Untuk mengetahui perbedaannya, langsung saja klik pada ketiga tombol diatas.
Oh yah, tombol ini bisa menggunakan di dalam postingan maupun di halaman depan blog (sidebar, header, footer, dll)
0 komentar:
Posting Komentar