Didinelzie.my.id - Mendesain blog itu tentu penting agar blog terlihat menarik dan akan banyak pengunjung yang tertarik untuk mengunjungi blog kita. Salah satu cara untuk membuat blog kita menarik adalah dengan cara menambahkan TOMBOL/BUTTOM pada postingan kita. Membuat Design Tombol Bergaya Flat Dengan CSS dan HTML ataupun Membuat tampilan button / submit supaya lebih kelihatan menarik dapat dilakukan dengan meletakan kode tertentu untuk menghasilkan tombol Button itu sendiri. Beberapa fungsi Tombol Button pada postngan blog yakni srbagai tombol download, bisa juga dijadikan sebagai tombol button perujuk kepada link halaman lain, dan masih sangat banyak fungsi dari tombol button ini.
Pada kali ini saya akan membagikan bagaimana caranya membut tombol Button download atau demo responsive serta keren di blog sobat, apalagi jika blog kalian merupakan blog yang niche berbagi link seperti link film, link download template pastinya tombol-tombol button ini sangat dibutuhkan bukan?
Pertama yang harus sobat lakukan adalah masuk ke dashboard blogger sobat, lalu klik menu postingan, kemudian klik entri baru jika ingin membuat Buttom pada poatingan baru, jika ingin menambahkan ke postingan lama, maka cukup klik postingan kalian yang ingin ditambahkan BUTTOM. Setelah itu sobat harus beralih ke mode HTML. baru sobat masukkan kode HTML yang admin sajikan dibawah ini.
1. Membuat buttom polos, cukup tambahkan kode berikut:
<a href="https://didinelzie.my.id"><button>Download</button></a>
2. Membuat buttom dengan link yang otomatis akan mendirect ke tab baru, kodenya adalah.
<a href="https://didinelzie.my.id" target="_blank"><button>Download</button></a>
3. Membuat buttom link dengan background warna, cukup tambahkan kode berikut:
<button onclick="window.location='https://didinelzie.my.id' "style="background-color: #fc4f08; color: white; height: 30px; width: 130px;"><b>Download</b></button>
maka hasilnya seperti ini:
Mudah kan? jika post ini bermanfaat silahkan di share ke yang lain.
Posting Komentar