Lompat ke konten Lompat ke sidebar Lompat ke footer

4 Cara Membuat Tombol Button Sederhana (Simple) di Postingan Blog

Kali ini, izinkan saya berbagi tutorial bagaimana caranya membuat dan memasang tombol Button sederhana (simple) di postingan blog. Tutorial ini hampir mirip dengan tombol demo dan download di template blogger LinkMagz yang pernah saya publikasikan sebelumnya. Cukup disesuaikan saja.

Pada tombol Button yang akan dibahas kali ini, tampilannya sangat sederhana. Coba lihat:

4 Cara Membuat Tombol Button Sederhana (Simple) di Postingan Blog

Benar, kan? Sangat sederhana. Enak dipandang.

4 Cara Membuat Tombol Button Sederhana (Simple) di Postingan Blog


Tombol Button tanpa Tautan (LINK)


Kode yang diperlukan sebagai berikut:

<button>Tombol Button tanpa Tautan (LINK)</button>

Hasilnya akan seperti ini:



Tombol Button dengan Tautan (LINK)


Kode yang diperlukan sebagai berikut:

<a href="https://www.ariefghozaly.web.id/"><button>Tombol Button dengan Tautan (LINK)</button></a>

Hasilnya akan seperti ini:



Tombol Button dengan Tautan (LINK) disertai Membuka Tab Baru Browser


Kode yang diperlukan sebagai berikut:

<a href='https://www.ariefghozaly.web.id/' target='_blank'><button>Tombol Button dengan Tautan (LINK)</button></a>

Hasilnya akan seperti ini:



Tombol Button dengan Tautan (LINK), Tab Baru Browser, dan Berwarna


Cara pembuatan tombol Button dengan tautan (LINK), ketika diklik maka akan terbuka tab baru di browser, dengan didukung pewarnaan pada tombol Button, silakan gunakan kode modifikasi berikut:

<center><button onclick="window.location='https://www.ariefghozaly.web.id>' "style="background-color: #ff9933; color: #000; height: 50px; width: 250px;">Button Tautan (LINK) Berwarna</button></center>


<center> dan </center> merupakan kode perintah agar teksnya berada di tengah, ganti LINK blog ini dengan yang sobat punya, ganti warna yang ditandai apabila perlu dan ubah ukuran tombol Button sesuai panjang kata atau kalimat. Sobat juga bisa menebalkan (bold) teksnya dengan menambahkan tag: <b>Button Tautan (LINK) Berwarna</b>. Cukup disesuaikan.

Demikian tutorial bagaimana caranya membuat dan memasang tombol Button sederhana (simple) di postingan blog. Semoga berguna.
Arief Ghozaly
Arief Ghozaly Blogger, Komputer, SEO, Xiaomi POCO, ThinkPad & Pecco #63. https://www.ariefghozaly.web.id/.

Posting Komentar untuk "4 Cara Membuat Tombol Button Sederhana (Simple) di Postingan Blog"

Slot Iklan
Slot Iklan
4 Cara Membuat Tombol Button Sederhana (Simple) di Postingan Blog