Skip to content Skip to sidebar Skip to footer

Widget Atas Posting

Membuat Button Keren Dengan CSS3

Membuat Button Keren Dengan CSS3 - Assalamualaikum sobat, :D Seharian blog walking ke blog teman, saya mendapat suatu hidayah lagi nih. Membuat Button Keren Dengan CSS3 yapss, yups :D memodifikasi button atau tombol dengan kode CSS3. Sebenarnya sih bukan memodifikasi, lebih tepatnya memasang tombol atau button bergaya CSS3. Untuk DEMO nya, silahkan sobat lihat di akhir tutorial ^^

Tanpa basah basih :D

1. Login ke Blogger.com
2. Klik bagian Template > Edit HTML > centang Expand Widget Templates
3. Tambahkan kode script diberikut diatas kode ]]></b:skin>
.bt{
background:white;
border:1px solid #FF8C00;
border-radius:9px;
padding: 6px 8px 4px 8px;
color:black;
font-family:Arial;
font-size: 10px;
font-weight:bold;
letter-spacing: -1px;
font-style: italic;
text-transform: uppercase;
text-align: left;
}
.bt:hover{background:#FF8C00;}
Simpan.
Nah untuk penggunaan /  membuat tombolnya pada postingan atau dimanapun, gunakan kode berikut dan letakkan di mana sobat ingin menampilkan button ini.
<button class="bt"> Contoh Button CSS3 </button>
Catatan :
   Contoh Button CSS3 ganti dengan Teks yang akan ditampilkan pada button

Lihat DEMO penggunaan di bawah ini

  

Bagaimana Keren Bukan sobat ? ^^ Silahkan mencoba dan Selamat Mengutak atik sob ^^

Keyword - Membuat Button Keren Dengan CSS3

4 comments for "Membuat Button Keren Dengan CSS3"

  1. ini dia yang ane cari² akhirnya ketemu juga :D
    thank's ya
    Comment back http://riev-bapo.blogspot.com/2013/02/info-pc-dan-komunitas-tkj-blog-bermacam.html

    ReplyDelete
    Replies
    1. Silahkan disimak ya sobat ^^

      Oke, menuju TKP ^^

      Delete
  2. Wew..keren..
    Ijin nyimak aja dulu ya sob..

    ReplyDelete
    Replies
    1. hehe, silahkan silahkan, tidak dipungut biaya kok sob ^^
      hehe

      Delete