Cara Menciptakan Tombol Button Link Pada Postingan Blog
Cara Membuat Tombol / Button Link Pada Postingan Blog - Dalam sebuah postingan / artikel yang kita tulis kemudian publish di blog, terkadang kita mengambil tumpuan dari blog atau situs lain, contohnya saja dari Wikipedia, ini bertujuan untuk memperkuat argumen atau memperjelas maksud dan tujuan dari artikel yang kita tulis.
Link tersebut biasanya ditautkan kedalam sebuah gambar ataupun kalimat / kata tertentu, saat diklik oleh pengunjung maka pengunjung akan dialihkan ke alamat URL tersebut. Nah biar pengunjung tidak galau saat akan mengklik tautan yang seharusnya diklik, kita dapat memanfaatkan button (tombol) yang ditautkan dengan alamat URL yang dimaksud (link).
Button link ini dapat juga dipakai sebagai tombol download pada blog apabila kau mempunyai blog dengan niche atau tema download film, download mp3, download template dan lain-lain.
Tutorial cara menciptakan button link pada blog
Button link yang akan aku share ini cukup sederhana alasannya yaitu kau hanya perlu mengetikkan instruksi HTML dan sedikit CSS saat menulis artikel di blogspot, jadi instruksi HTML dan CSS ini tidak perlu dimasukkan kedalam template.
Untuk menciptakan button link caranya kau harus login ke dasbor Blogger > kemudian klik sajian Postingan > kemudian klik Entri Baru untuk menciptakan postingan baru, untuk menciptakan button link pada postingan blog, kau harus beralih dari mode Compose ke mode HTML.
1. Button tanpa link
Untuk menciptakan tombol (button) tanpa link caranya sangat simple, berikut instruksi HTML yang digunakan.
<button>Button Tanpa Link</button>
Hasilnya akan terlihat menyerupai ini.
2. Button dengan link
Kode HTML yang dipakai untuk menciptakan button dengan link.
Berikut hasilnya, silahkan klik untuk demo.
Kode HTML yang dipakai untuk menciptakan button dengan link.
<a href="https://www.kucingganteng.com"><button>Button Dengan Link</button></a>
Berikut hasilnya, silahkan klik untuk demo.
3. Button dengan link dan new tab
Maksudnya yaitu saat pengunjung mengklik tombol ini, maka secara otomatis link yang dituju akan terbuka di tab baru.
Kode HTML yang digunakan.
<a href="https://www.kucingganteng.com" target="_blank"><button>Button Dengan Link & New Tab</button></a>
Hasilnya masih sama menyerupai pada nomor 2, namun bedanya tautan / link yang dituju akan otomatis terbuka di tab baru.
4. Button link dengan background berwarna
Untuk menciptakan button link dengan background yang berwarna, berikut instruksi HTML yang digunakan.
<button onclick="window.location=
'https://www.kucingganteng.com' "style="background-color: #7ae6c9; color: white; height: 35px; width: 150px;">
<b>
Button Link Berwarna</b>
</button>
Berikut hasilnya.
Praktis bukan? Begitulah langkah-langkah cara menciptakan button / tombol pada postingan blogspot, berdasarkan aku penggunaan button link ini sangat penting sekali biar artikel yang kita tulis lebih user friendly.
Selamat mencoba dan semoga bermanfaat.
Sumber referensi :
https://carabagimu.blogspot.com/search?q=membuat-tombol-button-link-pada
Sumber https://kucingganteng2.blogspot.com/
