Cara Membuat Tombol Button Link Pada Postingan Blog

Dalam sebuah postingan / artikel yang kita tulis lalu publish di blog, terkadang kita mengambil referensi dari blog atau situs lain, misalnya saja dari wikipedia, ini bertujuan untuk memperkuat argumen atau memperjelas maksud dan tujuan dari artikel yang kita tulis.

Link tersebut biasanya ditautkan ke dalam sebuah gambar ataupun sebuah kalimat / kata tertentu, ketika di klik oleh pengunjung maka pengunjung akan di alihkan ke alamat URL tersebut.

Nah agar pengunjung tidak bingung ketika akan mengklik tautan yang seharusnya diklik, kita bisa memanfaatkan button (tombol) yang ditautkan dengan alamat URL yang dimaksud (link).

Button link ini bisa juga digunakan sebagai tombol download pada blog apabila kamu memiliki blog dengan nice atau tema download film, download mp3, download template dan lain-lain.

Tutorial cara membuat button link pada blog

Button Link yang akan saya bagikan ini cukup sederhana karena kamu hanya perlu mengetikan HTML dan sedikit CSS ketika menulis artikel di blogspot, jadi kode HTML dan CSS ini tidak perlu dimasukan ke dalam template blog.

Untuk membuat button link caranya kamu harus login ke Dashboar Blogger > lalu klik menu Postingan > kemudian klik Entri Baru untuk membuat postingan baru, untuk membuat button link pada postingan blog, kamu harus beralih dari mode Compose (menulis) ke mode HTML.

Baca juga : 

Download Template Median UI 1.6

Download Template Median UI 2.6.2

Widget Button Subcribe To Unlock

1. Button tanpa link

Untuk membuat tombol (button) tanpa link caranya sangat simple, berikut kode HTML yang digunakan

<button>Button Tanpa Link</button>

Hasil akan terlihat seperti ini, silakan klik untuk demonya

2. Button dengan link

Kode HTML yang digunakan untuk membuat button dengan link, berikut kode HTML yang digunakan

<a href="https://copypasteide.blogspot.com"><button>Button Dengan Link</button></a>

Berikut hasil akan terlihat seperti ini, silakan klik untuk demonya

3. Button dengan link dan new tab

Maksudnya adalah ketika pengunjung mengklik tombol ini, maka secara otomatis link yang dituju akan terbuka di tab baru, berikut kode HTML yang digunakan

<a href="https://copypasteide.blogspot.com" target="_blank"><button>Button Dengan Link & New Tab</button></a>

Hasil akan terlihat seperti ini, silakan klik untuk demonya

4. Button link dengan backgroud berwarna

Untuk membuat button link dengan backgroud yang berwarna, berikut kode HTML yang digunakan

<button onclick="window.location=
'https://copypasteide.blogspot.com' "style="background-color: #7ae6c9; color: white; height: 35px; width: 150px;">
<b>
Button Link Berwarna</b>
</button>

Hasil akan terlihat seperti ini, silakan klik untuk demonya

Mudah bukan? Begitulah langkah-langkah cara membuat button / tombol postingan pada blogspot.

Selamat mencoba dan share jika bermanfaat