Pasang Tombol Button Demo Hanya Dengan CSS
Pasang Tombol Button Demo Hanya Dengan CSS - Terkadang kita perlu membuat button seperti ini apalagi jika blog kamu bertema Tutorial Blogger pastinya button ini akan sangat berguna sekali.
Sebenarnya untuk membuat button tidak harus memakai CSS sebab kita dapat langsung menginput kode seperti ini dalam mode postingan HTML <button>Contoh Button</button> maka hasilnya menjadi begini
Tentunya tampilan button di atas terlihat sederhana dan kurang menarik, makanya kita perlu sedikit sentuhan CSS agar button terlihat bagus. Di sini saya akan berbagi bagaimana Cara Membuat Button Demo Dengan CSS.
Pertama kamu tentunya harus masuk ke dalam editor template dan letakan kode css ini:
#wrap {margin:20px auto;text-align:center;} #wrap br {display:none;} .button.left {display:inline-block;position:relative;font-family:'Source Sans Pro', Helvetica, sans-serif;background:#5b86e5;padding:10px 30px;font-size:14px;margin:0 3px;color:#fff!important;border-radius:1px;border:none;text-transform:uppercase;text-decoration:none;}Lalu save template.
Untuk menampilkan button dalam postingan kita hanya perlu meletakan kode pemanggil ini
<div id="wrap"><a class="button left" href="https://blog.jejakunik.com" rel="nofollow" target="_blank">DEMO</a></div>Ganti url yang saya blok kuning dan lihat hasilnya selesai. Mudah sekali bukan? selamat mencoba!
Jejak Unik
Kumpulan Informasi Unik Menarik Dari Berbagai Belahan Dunia. www.jejakunik.com