Cara Membuat Pesan Notifikasi Bergradasi Melayang Dibawah pada Blog

KURAZONE ~ Halo sahabat Kurazer, pada kesempatan kali ini saya bagikan tutorial Blogger yang membahas tentang Cara Membuat Pesan Notifikasi Bergradasi Melayang Dibawah pada Blog, hasil jadi dari tutorial ini bisa kalian lihat langsung pada pesan melayang yang ada pada halaman ini. Itu lho, pesan melayang dibawah yang tulisannya "OWOWKOWKOWKWOKW BLOGGERAZONE INDONESIA". Penasaran bagaimana cara membuatnya? Cekibrott..

1. Buka akun Blogger
2. Pilih Tata Letak
3. Buat Gadget Baru > Pilih HTML/Javascript
4. Copy kode dibawah ini, lalu paste ke Gadget Baru tersebut
<style>
#kurakirizone{position:fixed;z-index:9999;bottom:20px;left:0;background:linear-gradient(-50deg,#ee5952,#ea3a7e,#20aadb,#23e0b3);animation:kurakirizone 15s ease infinite;background-size:320% 200%;border-radius:0 25px 5px 0}
#kurakirizone a{display:block;color:#fff;padding:10px 20px;font-weight:bold;text-decoration:none}
#kurakirizone a:before{display:block;content:"OWOWKOWKOWKWOKW"}
#kurakirizone a:after{display:block;content:"BLOGGERAZONE INDONESIA"}
@keyframes kurakirizone{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}
@media(max-width:500px){
#kurakirizone{bottom:0;left:0;right:0;border-radius:0}
#kurakirizone a{text-align:center;padding:5px 3px;font-size:12px;text-align:center}
}
</style>

<div id='kurakirizone'>
<a href='https://www.kurazone.net' target='_blank'></a>
</div>
5. Simpan
Udah gitu aja... gampang kan?!
Sisanya tinggal ubah tulisan : "OWOWKOWKOWKWOKW BLOGGERAZONE INDONESIA" dan ganti URL nya menjadi URL blog kamu.

Note : Model tulisan yang ditampilkan akan menyesuaikan bentuk font yang kalian gunakan.

DEMO lainnya bisa dilihat disini >> Tokurazone

Itulah informasi mengenai "Cara Membuat Pesan Notifikasi Bergradasi Melayang Dibawah pada Blog", selamat mencoba dan semoga bermanfaat!







أحدث أقدم