Sabtu, 08 Desember 2012

Cara Membuat Tombol Di Blog (Web Button)

Posted by redeants putra On 00.33 No comments

Penulis








Photobucket

Mungkin sebelumnya sobat sudah ada yang pernah melihat bentuk tombol di Blog yang seperti ini:



Yups, itu adalah contoh dari Web Button yang akan kita buat kali ini,
untuk lebih lengkapnya sobat baca artikel ini Cara Membuat Tombol Di Blog (Web Button) ini sampai dengan selesai.. :)

Web Button biasa digunakan untuk menaruh dan juga sebagai sebagai pemercantik alamat Link yang kita tulis..

langsung aja deh ke Tutorial Cara Membuat Tombol Di Blog (Web Button),
Liat tombol web dibawah ini:



Nah, itu adalah contoh dari web Button yang sederhana, dibawah ini adalah script web buttonnya:


<button>Ini Contoh Web Button</button>

Untuk mengganti kata-kata yang terdapat di Web Button tersebut, sobat tinggal mengganti kata "Ini Contoh Web Button" diatas.

Jika ingin memasukkan Link kedalam Web Button tersebut, maka bentuk script html nya adalah sebagai berikut:

<a href="http://redeants.blogspot.com/"></a><button><a href="http://redeants.blogspot.com/">contoh web button</a></button>

Maka hasilnya seperti dibawah ini:



Selanjutnya, Jika sobat ingin Linknya terbuka di Tab Baru, maka script htmlnya adalah seperti ini:

<a href="http://redeants.blogspot.com/" target="blank"><button>Link ini akan menuju halaman Blogku</button></a>

Hasilnya:
Coba Sobat Klik dan Lihat perbedaannya. .

0 komentar:

Posting Komentar

    Pribadi

    Pribadi
    Ya, beginilah tampang saya jarak dekat.

    Pengikut