Cara Membuat Button Keren dan Responsive di Blogmu

Cara Membuat Button Keren dan Responsive di Blogmu
Tutorial

Hai teman teman, balik lagi bareng gw. Kali ini gw bakal share tentang cara membuat button keren di blog. Untuk demonya bisa kalian lihat dibawah. Oke langsung aja ke tutorialnya.

1. Buka blog kamu kemudian masuk ke menu Tema - Edit HTML
2. Pastekan kode ini diatas tag </head>
<style type='text/css'>
button{
    border: none;
    padding: 13px 17px;
    border-radius: 10px;
   font-family:&#39;Muli&#39;, sans-serif;
    color: white;
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
}
.warna{background-color: #498CFB;}
.warna1{background-color: #FF2867;}
.warna2{background-color: #28BF7B;}
.warna3{background-color: #FF2047;}
.warna4{background-color: #E58F16;}  

button:hover{
    background-color: #333;
}
h1{color: aqua;}  
 </style>
3. Kemudian untuk menggunakannya kamu bisa membuat entri baru di blog kamu dan pindah ke Mode HTML mode lalu pastekan kode ini di bawah
<a href="#" target="_blank"><button class="warna">Tombol 1</button></a>
<a href="#" target="_blank"><button class="warna1">Tombol 2</button></a>
<a href="#" target="_blank"><button class="warna2">Tombol 3</button></a>
<a href="#" target="_blank"><button class="warna3">Tombol 4</button></a>
<a href="#" target="_blank"><button class="warna4">Tombol 5</button></a>
Silahkan ganti # dengan link dari tombol kalian dan juga Tombol dengan nama tombol kalian.

Preview Tombolnya :


Oke sekian tutorial yang bisa gw sampaikan mengenai menonaktifkan windows update otomatis. Jangan lupa share ke teman kamu jika kamu merasa artikel ini bermanfaat. Share ke timeline, story dan tweet kamu untuk membantu blog ini terus berkembang dan menyajikan info juga sharing hal-hal yang berkualitas. Dan jika ada pertanyaan yang ingin ditanyakan silahkan tanyakan di komentar di bawah. Thanks :)
DMCA.com Protection Status