Cara Membuat Tombol Button Link Teks Di Blog

Apabila sobat pernah berkunjung ke blog lain dan pernah melihat teks maupun link dengan fungsi tombol button yang ditempatkan pada halaman posting, sidebar, header maupun footer maka pada kesempatan ini saya akan memberikan tutorial cara Cara Membuat Tombol Button Link Teks Di Blog dan dapat dilakukan dengan mudah karna hanya memerlukan penambahan kode HTML pada teks maupun link agar dapat dilihat lebih menarik.

Sementara itu tujuan lain membuat tombol link tersebut biasanya para blogger memanfaatkan untuk membuat tombol demo dari artikel yang berisi tentang tutorial sehingga dapat mempermudahkan pengunjung melihat contoh dari hasil tutorial itu sendiri agar lebih jelas, karena jika tidak diberikan contoh maka pengunjung akan merasa bingung ketika mau mencoba atau mempraktekkan, dan apabila jika sobat penasaran melihat contoh yang sudah jadi perhatikan tombol button dibawah ini.

Kodenya adalah sebagai berikut :

<button>Sebagai Contoh</button>

Sementara itu agar tombol button terdapat link teks maka kodenya adalah sebagai berikut :

<a href="http://kraeng-francisco-tutorial.blogspot.com/"><button>Sebagai Contoh</button></a>

hasilnya akan seperti tombol button dibawah ini :

dan jika sobat menginginkan tombol button link teks terbuka secara otomatis pada tab baru gunakan kedua dari salah satu kode yang ada di bawah ini :

Kode yang pertama link akan selalu terbuka pada tab baru jika sobat mengklik link tombol tersebut sebanyak mungkin maka tab baru akan muncul sesuai dengan jumlah klik. Sedangkan

<a href="http://kraeng-francisco-tutorial.blogspot.com/" target="_blank"><button>Tombol Button Terbuka Otomatis Pada Tab Baru</button></a>

Kode yang kedua apabila sobat mengklik tombol link maka link akan terbuka pada tab baru, namun jika terdapat banyak link yang diklik hanya akan muncul pada satu tab saja.

<a href="http://kraeng-francisco-tutorial.blogspot.com/" target="output"><button>Tombol Button Terbuka Otomatis Pada Tab Baru</button></a>

cacatan :

1. Perlu diketahui dan saya tekankan sekali lagi bahwa tombol button link teks diatas sudah saya jelaskan sebelumnya dapat diletakkan pada halaman posting, sidebar, header maupun footer hal ini dimaksudkan agar sobat tidak keliru dalam penempatan kode tersebut, dan pada halaman header khususnya yang sudah di bagi menjadi 2 kolom.

2. Tombol button yang saya uraikan diatas adalah tombol button biasa, dan jika sobat ingin melakukan perubahan dengan penambahan warna pada tombol button atau merubah jenis huruf, ukuran huruf dan lain-lain mungkin sobat bisa bereksperimen sendiri sesuai selera.

3. Ganti alamat url link dengan link sobat dan teks yang ditandai dengan warna merah.

Selamat mencoba dan semoga bermanfaat. Sekian dan Trima Kasih.