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- Haikyū!! Blogger template
- cara menambahakah background gambar pada judul footer dan sidebar
- cara menambahkan media sosial dengan icon/gambar pada blog
- Cara membuat blog pager tidak begerak atau melayang
- Cara merapikan tepi foto yang menggunakan background transparan
- Kode Anti Copas untuk Blog: Cara Mematikan Fungsi Klik Kanan
- 13 Fenomena Langit Wajib Tonton di 2013
- menambah background gambar populer post yang berbeda-beda
- Cara menambah gambar/image pada gambar/image dipopuler post
Langganan:
Posting Komentar (Atom)
0 komentar:
Posting Komentar