Skip to main content

Pasang Tombol Button Demo Hanya Dengan CSS

Jumat, 26 Maret 2021

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!

Bagikan:

Hallo sobat! blog.jejakunik.com membuka kesempatan untuk anda mempromosikan Produk atau Jasa secara GRATIS pada blog ini. Detailnya bisa kamu lihat di CLICK HERE
Judul: Pasang Tombol Button Demo Hanya Dengan CSS Silahkan berikan komentar Anda.
Buka Komentar
Tutup Komentar