Cara Membuat Butang / Button Link Di Blog
Tutorial cara membuat button link di blog
Button link ini cukup mudah kerana anda hanya perlu mengambil kod HTML dan sedikit CSS ketika menulis artikel di blogspot, jadi kod HTML dan CSS ini tidak perlu dimasukkan ke dalam template.
Untuk membuat button link caranya anda perlu login ke dashboard Blogger ~> kemudian klik menu Post ~> kemudian klik Entri Baru untuk membuat artikel baru, untuk membuat button link pada artikel blog, anda perlu menukar dari mode Compose ke mode HTML.
1. Button tanpa link
Untuk membuat butang (button) tanpa link caranya sangat mudah, berikut kode HTML yang digunakan.
<button>Button Tanpa Link</button>
Hasilnya akan terlihat seperti ini.
2. Button dengan link
Kod HTML yang digunakan untuk membuat button dengan link seperti berikut :
Berikut hasilnya, sila klik untuk demo.
Kod HTML yang digunakan untuk membuat button dengan link seperti berikut :
<a href="https://abdulsyaafi.blogspot.com/"><button>Button Dengan Link</button></a>
Berikut hasilnya, sila klik untuk demo.
3. Button dengan link dan new tab
Maksudnya adalah ketika pengunjung mengklik butang atau button ini, maka secara automatik ke link tersebut di tab yang baru.
Kode HTML yang digunakan adalah seperti berikut :
<a href="https://abdulsyaafi.blogspot.com/" target="_blank"><button>Button Dengan Link & New Tab</button></a>
Hasilnya masih sama seperti pada nombor 2, namun bezanya ialah pautan / link yang di klik akan secara automatk pergi ke tab yang baru.
4. Button link dengan background berwarna
Untuk membuat button link dengan background yang berwarna, berikut kod HTML yang digunakan.
<button onclick="window.location=
'https://abdulsyaafi.blogspot.com/' "style="background-color: #7ae6c9; color: white; height: 35px; width: 150px;">
<b>
Button Link Berwarna</b>
</button>
Ini adalah hasilnya.
Mudah bukan? Begitulah langkah-langkah cara membuat button / butang pada Post di blog.
Selamat mencuba dan semoga bermanfaat.
