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:
Benar, kan? Sangat sederhana. Enak dipandang.
Kode yang diperlukan sebagai berikut:
Hasilnya akan seperti ini:
Kode yang diperlukan sebagai berikut:
Hasilnya akan seperti ini:
Kode yang diperlukan sebagai berikut:
Hasilnya akan seperti ini:
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> 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.
Pada tombol Button yang akan dibahas kali ini, tampilannya sangat sederhana. Coba lihat:
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.
Posting Komentar untuk "4 Cara Membuat Tombol Button Sederhana (Simple) di Postingan Blog"
Silakan berkomentar menggunakan akun Google, Anonim atau Nama (URL). No Spam, Please... Komentar spam tidak akan dipublikasikan 😊