ID Wi-Fi

============

Copy

Cara Membuat Tombol Download Demo dan Buy Now di Blogger :

• Silahkan Akun Gmail.
• Login ke akun blogger Anda Masing-Masing.
• Masuk ke menu atau Dashboard Klik Tema blogger anda semua lalu anda klik Edit HTML kalian masing-masing.

/* Tombol Download Demo Dan Buy Now */ #btn-keren {margin: 10px auto; text-align: center;} #btn-keren br {display: none;} .btn-keren1 {position: relative;display: inline-block;height: 50px;width: 200px;line-height: 50px;padding: 0;border-radius: 7px;background:linear-gradient(225deg,#4285f4 0,#1a73e8 75%);margin: 10px;transition: .5s} .btn-keren2 {position: relative;display: inline-block;height: 50px;width: 200px;line-height: 50px;padding: 0;border-radius: 7px;background:linear-gradient(225deg,#4285f4 0,#1a73e8 75%);margin: 10px;transition: .5s} .btn-keren3 {position: relative;display: inline-block;height: 50px;width: 200px;line-height: 50px;padding: 0;border-radius: 7px;background:linear-gradient(225deg,#4285f4 0,#1a73e8 75%);margin: 10px;transition: .5s} .btn-keren1:hover {background-color:linear-gradient(225deg,#4285f4 0,#1a73e8 75%);} .btn-keren2:hover {background-color:linear-gradient(225deg,#4285f4 0,#1a73e8 75%);} .btn-keren3:hover {background-color:linear-gradient(225deg,#4285f4 0,#1a73e8 75%);} .btn-keren1:hover span.circle, .btn-keren2:hover span.circle2, .btn-keren3:hover span.circle3 {left: 100%;border-radius: 100%;margin-left: -45px;background-color: transparent;} .btn-keren1:hover span.circle{color: #fff;} .btn-keren2:hover span.circle2 {color: #fff;} .btn-keren3:hover span.circle3 {color: #fff;} .btn-keren1:hover span.title, .btn-keren2:hover span.title2, .btn-keren3:hover span.title3 {left: 40px;opacity: 0;} .btn-keren1:hover span.title-hover, .btn-keren2:hover span.title-hover2, .btn-keren3:hover span.title-hover3 {opacity: 1;left: 40px;} .btn-keren1 span.circle {display: block;background-color: #fff;color: #1a73e8;position: absolute;float: left;margin: 5px;line-height: 55px;height: 40px;width: 40px;top: 0;left: 5px;transition: .5s;border-radius: 100%;} .btn-keren2 span.circle2 {display: block;background-color: #fff;color: #1a73e8;position: absolute;float: left;margin: 5px;line-height: 55px;height: 40px;width: 40px;top: 0;left: 5px;transition: .5s;border-radius: 100%;} .btn-keren3 span.circle3 {display: block;background-color: #fff;color: #1a73e8;position: absolute;float: left;margin: 5px;line-height: 55px;height: 40px;width: 40px;top: 0;left: 5px;transition: .5s;border-radius: 100%;} .btn-keren1 span.title,.btn-keren1 span.title-hover, .btn-keren2 span.title2,.btn-keren2 span.title-hover2,.btn-keren3 span.title3, .btn-keren3 span.title-hover3 {position: absolute;left: 90px;text-align: center;margin: 0 auto;font-size: 16px;font-weight: bold;color: #fff;transition: .5s;} .btn-keren2 span.title2,.btn-keren2 span.title-hover2 {color: #fff;left: 70px;} .btn-keren3 span.title3,.btn-keren3 span.title-hover3 {color: #fff;left: 60px;} .btn-keren1 span.title-hover, .btn-keren2 span.title-hover2, .btn-keren3 span.title-hover3 {left: 80px;opacity: 0;} .btn-keren1 span.title-hover, .btn-keren2 span.title-hover2, .btn-keren3 span.title-hover3 { color: #fff; }

klik untuk menghasilkan kutipan acak baru artinya🚀