Jumat, 06 Agustus 2010

Macam macam button

| Jumat, 06 Agustus 2010 | 10 komentar
Selamat membaca artikel diblog ini semoga bermanfaat :)

Setelah menulis Macam macam border1 dan Macam macam border 2 saya akan menulis Macam macam button.
Button adalah tombol.Mw jelasin apa ya??? :)
Kegunaan button ada banyak seperti tombol download,follow,submit,spoiler dll.
Berikut Macam macam button:


-Button biasa
Hasilnya:


Cara menggunakan:
<button type="button">Tombol atau button</button>
-Button seperti google
Hasilnya:


Cara menggunakan:
<span class="lsbb"><input onclick="this.checked=1" class="lsb" value="Google Search" name="btnG" type="submit"></span>
<style>.lsbb{background:#eee;border:solid 1px;border-color:#ccc #999 #999 #ccc;height:30px;display:block}.lsb{background:url(/images/srpr/nav_logo14.png) bottom;font:15px arial,sans-serif;border:none;color:#000;cursor:pointer;height:30px;margin:0;outline:0;vertical-align:top}.lsb:active{background:#ccc}.lst:focus{outline:none}.ds{display:-moz-inline-box}.ds{border-bottom:solid 1px #e7e7e7;border-right:solid 1px #e7e7e7;display:inline-block;margin:3px 0 4px;margin-left:4px}</style>
-Button Download
Hasilnya:
Download here Pictures, Images and Photos


Cara menggunakan:
<a href="alamat download" target="_blank"><img alt="Download here Pictures, Images and Photos" border="0" src="http://i233.photobucket.com/albums/ee5/jun23flrs/btndwn01.gif" /></a>
-Cara membuat Button:
Pada dasarnya button seperti
-->Button biasa

Tapi anda juga bisa mempercantiknya seperti ini:

Code:
<button type="button" style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-size: auto auto; background-attachment: scroll; background-color: black; background-image: none; background-position: 0% 0%; background-repeat: repeat; color: white; font: bold 20px Verdana,Geneva,sans-serif; margin: 5px 0pt; padding: 0pt 10px;">Klik Disini !</button>
background-color adalah warna latar button.
color adalah warna tulisan/text.
font adalah huruf teks.
Klik Disini ! Tulisan yang akan ditampilkan
Semoga sukses tunggu macam-macam button selanjutnya!

10 komentar :

Islamic.Net mengatakan...

bagus ya, makasih ya

Googlid | Googlenya Blogger Indonesia mengatakan...

kalau saya lebih suka yang Google search buttonnya.. :)

vos©ot mengatakan...

wah, yang google search button emang keren~

GudangBlog mengatakan...

Wah iya yg google mantap sob... bagus tuh

Ka Damar mengatakan...

Save dulu y Aku mau kreasikan lagi :D

coretan blogger mengatakan...

wah menarik nih bwat dicoba,mungkin insyaallah beberapa hari lagi saya akan menggunakan salah satu dari tombol" ini,untuk postingan saya mengenai free software

Gieterror mengatakan...

ini dia yang patut di coba kawan,, mksi infonya...
langsung praktek ahhh

AZ COMSOFT mengatakan...

kalau saya biasanya pakai button yg paling atas sob ^_^

Rival Aditya mengatakan...

langsung mencoba sob thx's atas share nya

Revans Blog mengatakan...

Terima kasih sudah berbagi kode-kode button nya Sob., :)

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Posting Komentar

 

Blogroll

Flagcounter

free counters
© Copyright 2010. K-blogger . All rights reserved | K-blogger is proudly powered by Blogger.com | Template by o-om.com - zoomtemplate.com
Pasang Iklan Gratis Sebagai Awal Mulai Bisnis Online