Minggu, 02 Desember 2012

Cara Membuat Tombol Buton Link Demo DiBlog

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 memanfaatkan untuk mempermudahkan pengunjung melihat contoh dari hasil Tips 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>
  
Contoh di atas tidak terdapat linknya Sementara itu agar tombol button terdapat link maka kodenya adalah sebagai berikut :

 <a href="http://blogzafar.blogspot.com/"><button>Sebagai Contoh</button></a>

Hasilnya akan seperti tombol button dibawah ini :



Jika menginginkan tombol button link teks terbuka secara otomatis pada tab baru gunakan Kode di bawah ini :
 

<a href="http://blogzafar.blogspot.com/" target="_blank"><button>Demo</button></a>

 
Coba klik contohnya sebagai berikut:


Catatan: Ganti alamat url link dengan link anda dan teks  sesuai dengan teks yang di inginkan


Selamat mencoba dan semoga bermanfaat.