Membuat Kotak Tulisan ber-Link di Postingan Blog | Button

Selamat datang di blog JOXZIN sahabat blogger. Postingan kali ini kami akan mengupas tentang bagaimana cara membuat kotak berisi tulisan dengan link atau lebih dikenal dengan tombol BUTTON menggunakan kode html <button>.


Kode <button> ini memiliki banyak fungsi seperti digunakan sebagai tombol share, sebagai tombol untuk masuk ke URL link postingan lain atau pun ke blog lain serta masih banyak kegunaan lainnya. Langsung saja kita berikan contoh cara membuat kotak tulisan yang dapat di-klik tersebut.

Silakan buka blogger (blogspot), lalu buat postingan baru dan pilih menu HTML. Setelah itu silakan pilih kode html di bawah ini untuk membuatnya:

1. Button tanpa link, contoh:
kode html yang digunakan adalah sebagai berikut:
<button>contoh</button>

2. Button dengan link, contoh:
kode html yang digunakan:
<a href= "https://www.joxzin.com"> <button>contoh</button></a>

3. Button dengan link "new tab":
kode yang digunakan:
<a href= "https://www.joxzin.com" target="_blank"> <button>contoh</button></a>

4. Button link dengan warna dan ukuran:
kode yang digunakan:
<button onclick="window.location='https://www.joxzin.com'" style="background-color: #444444; color: white; height: 35px; width: 150px;"><b>contoh</b></button>

Kami rasa empat contoh kode di atas sudah cukup membuat gambaran kepada sahabat blogger dalam membuat kotak link atau tombol (button). Setelah memilih tombol dan selesai dengan penulisan artikel, silakan tinggal publikasikan. Cukup mudah dan sederhana bukan?

Silakan dicoba dan berkreasi sendiri untuk membuat kotak link tombol button di blog masing-masing. Terimakasih atas kunjungannya.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel