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>
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.
4 Komentar:
MeneladaniKisah Abu Bakar As-Siddiq
Sejarah Hidup Abdurrahman bin Auf
Umar bin Khattab Khalifah Pengganti Nabi Muhammad
Terima kasih sudah mampir di blog kecil ini Hehehe
Semangat gan nge blog nya..
salam dari www.coldeja.com
Alhamdulillah siap om, terima kasih sudah berkunjung di blog saya š
Posting Komentar
Berlangganan Posting Komentar [Atom]
<< Beranda