Cara Membuat Pesan Notifikasi Bergradasi Melayang Dibawah pada Blog

Pilihan Editor :

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!


BACA JUGA ARTIKEL MENARIK LAINNYA:

Tidak ada komentar :

1. Berkomentarlah dengan tata bahasa yang baik agar orang lain tahu sebijak apa karakter anda melalui kata kata.
2. Silahkan tulis komentar anda untuk hal apapun yang masih berhubungan dengan post pada halaman ini.
3. Mohon untuk tidak menyertakan Link Aktif pada kolom komentar.
4. Mohon maaf apabila tidak sempat membalas komentar 1 per 1.
5. Komentar selalu di moderasi.