Yo sob,
mumpung ada kuota, kali ini saya akan membagikan cara membuat blog pager
melayang
Contohnya seperti
gambar di bawah
Atau kunjungi
link di bawah ini
Demo
Copy kode di
bawah
left: 0;
width: 100%;
background: rgba(0, 0, 0, 0.2 );
border-radius: 5px;
position: fixed;
bottom: 0;
z-index: 9999999999999999999999;
taruh kode di
atas di dalam #blog-pager contohnya seperti di bawah
#blog-pager {
color: #DDD;
font-family: 'Baumans', cursive;
text-shadow: 0px 0px 1px transparent;
text-align: center;text-transform:
capitalize;margin: auto;
font-size: 16px;
left: 0;
width: 100%;
background: rgba(0, 0, 0, 0.2 );
border-radius: 5px;
position: fixed;
bottom: 0;
z-index: 9999999999999999999999;}
Background rubah sesuai keinginan
Fungsi fixed: agar posisinya tidak mengikuti saat cursor bergerak
Dan hasilnya seperti di bawah ini
Terima kasih telah berkunjung
Related Posts :
Post : blogger, CSS, Info
Langganan:
Posting Komentar (Atom)
0 komentar:
Posting Komentar