dalam sudut pandangku...

Friday, September 27, 2019

Cara Membuat Custom Cool Button dengan CSS


Tampilan button(tombol) pada blog mempunyari peranan penting dalam tampilan sebuah blog itu sendiri. Menurut saya, tampilan bawaan/default button sangat standar dan bagi saya terlalu umum.

Kali ini saya berbagi beberapa tampilan button yang sangat menarik jika dipasang pada blog kalian. Source code dari button dibawah ini saya dapatkan ketika melakukan blogwalking untuk memperindah tampilan blog saya sendiri.

Untuk memasangnya kalian tinggal mengikuti cara dibawah ini;
  1. Pasang kode HTML pada tempat yang ingin kalian tampilkan button/tombol tersebut.
  2. Pasang kode CSS dan Hover pada file css kalian(biasa berupa style.css)
  3. Jika kalian pengguna blogger juga,
    Theme/Tampilan > Edit Html > Pasang CSS dan Hover tersebut sebelum ]]></b:skin> atau sebelum ]]></b:template-skin> (tergantung template yang kalian gunakan)

Untuk urutan pemasangan kode, dapat disesuaikan dengan selera masing-masing. Kalian dapat memasang CSS dan Hover-nya terlebih dahulu kemudian HTML-nya. Semoga bermanfaat.

Cool Button Style #1



Cool Button Style #2





Cool Button Style #3





Cool Button Style #4





Cool Button Style #5





Cool Button Style #6




4.9 5
Comments
0 Comments

No comments:

Post a Comment