• Cara membuat blog pager tidak begerak atau melayang



    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

    0 komentar:

    Posting Komentar

  • Next Prev