Cara Membuat Effect Goyang Pada Hover di Blogger

Jagoandzgn.com - Pada kesempatan kali ini saya akan membagikan sebuah tutorial bagaimana Cara Membuat Effect Goyang pada Hover di Blogger, Hal ini dilakukan untuk mempertahankan dan menambah jumlah pengunjung, semakin bagus blog yang dikelola semakin betah pengujung di blog kita.

Jika kamu tidak mengetahui apa itu hover nah pada kesempatan kali ini saya akan memberikan info apa itu hover, Hover adalah salah satu element CSS yaitu sebuah efek element yang akan terjadi jika kamu sentuh dengan menggunakan mouse.

Cara Membuat Effect Goyang Pada Hover di Blogger

1. Silahkan kamu login ke blogger.com dengan menggunakan akun Gmail kamu.
2. Masuk ke menu TEMA > klik Edit HTML
3. Selanjutnya silahkan cari kode berikut ini ]]></b:skin> dan pastekan tepat DIATAS kode tersebut.

/* Button Hover by Jagoandzgn */
.Jagoandzgnbtn{
  text-align: center;
}
.jagobtn{
  border: none;
  margin: 20px;
  padding: 24px;
  width: 220px;
  font-family: "montserrat",sans-serif;
  text-transform: uppercase;
  border-radius: 6px;
  cursor: pointer;
  color: #fff;
  background-size: 200%;
  transition: 0.6s;
}
.jagobtn1{
  background-image: linear-gradient(to left,#FFC312,#EE5A24,#FFC312);
}
.jagobtn:hover{
  background-position: right;
}

4. Kalau sudah silahkan klik SIMPAN dan Selesai.
5 .Untuk menggunakan effect tersebut silahkan copy kode dibawah ini tepat di mode HTML [Bukan Compose]

<div class="jagoandzgnbtn">
<button class="jagobtn jagobtn1">Jagoandzgn</button>
</div>

Demo

Bagaimana mudah bukan untuk tutorial Cara Membuat Effect Goyang Pada Hover di Blogger, apabila kamu memiliki pertanyaan seputar blogger silahkan komen di kolom komentar dibawah artikel ini.