Tips Trik Blog: Cara Membuat Tombol Di Blog (Web Button)

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://www.fadlypuccino.co.cc/"><button>Link ini akan menuju halaman Blogku</button></a>

Maka hasilnya seperti dibawah ini:


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

<a href="http://www.fadlypuccino.co.cc/" target="blank"><button>Link ini akan menuju halaman Blogku</button></a>

Hasilnya:
Coba Sobat Klik dan Lihat perbedaannya. .



Selamat Berkreasi, Lihat juga artikel bermacam-macam Tutorial NgeBlog di Tips Trik Blog.

Pembaca yang baik akan selalu meninggalkan komentar yang baik pula disetiap artikel yang dibacanya..

terima kasih sudah membaca artikel ini..
Salam Blogger.