Friday, August 18, 2017

Top 5 Perfect scorllbar for blog website-Full guide in hindi

Hello friend ajj me apke 5 stylish Perfect scorllbar for blog website ke bare me batunga. Agar aap apne blog website ko beautiful design dena chate hai. ya apne coustom scorll bar ko change karna chate hai. Perfect scorllbar for blog website me kaise install karna hai. step by step batunga. hamre pichli article Top 5 screen recorder software for pc ke bare me batya tha to chaliye jante hai. aj ke is article me apne blog website me Perfect scorllbar for blog website ke liye.


Perfect scorllbar for blog website

Actually hamre Blog webstite per jo reader athe hai. Wo sabse phale Blog desgin ko sabse phale dekte hai. Taki unhe blog article ko read karne me assni ho. yeah bat sayad apko bi pta hi hogi. To jitna blog ko design smoth aur attrctive hoga. reader Utna hi hamra blog per ana passand karenge. To topic per athe hai. Blog me coustom scroll bar ko perfect scorllbar kaise install kare.


Blog website me perfect scorllbar kaise lagye.

Blog website me scorll bar ko install karna bahut assan hai. Aap sift step by step article ko follow kare.

1. Sabse phale Apne Blogger account me login kare.

2. Go to theme >>edit html per click kariye.

4. Now press Ctrl+f Are search box me ]]></b:skin> type kare.

5. ]]></b:skin> ke Uper code Niche diye gaye css code ko paste kar de.




Top 5 Perfect scorllbar for blogger.

Scorllbar design 1.



::-webkit-scrollbar{ width: 11px; } ::-webkit-scrollbar-track{ background: #c4c6c8; } ::-webkit-scrollbar-thumb{ background: #46c1ea; border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.4); } ::-webkit-scrollbar-thumb:vertical:hover, ::-webkit-scrollbar-thumb:horizontal:hover{ background: #007757; }
customization
  • Touch background color#c4c6c8
  • horizontal background color #007757
  • Ap apne choice se color ko change kar sakte hai.
  • Scorllbar Design 2.


    scorll bar design 2


    ::-webkit-scrollbar { width: 11px; height: auto; } ::-webkit-scrollbar-track { border-radius: 10px; box-shadow: inset 0 0 8px #00B141; } ::-webkit-scrollbar-thumb { background: yellowgreen; border-radius: 10px; box-shadow: inset 0 0 6px rgba(0,0,0,0.5); } ::-webkit-scrollbar-thumb:hover { background: green; } ::-webkit-scrollbar-thumb:active { background: #000000; }

    customization

    agar aap scorllbar ka color change karna chate hai to apko color ke code ko badlna hoga. Are ap apni passand ke color ko chosse kar sakte hai. color code is parkar ka hai for example #000000 something


    Scorllbar design 3.
    scorll bar design 3

    ::-webkit-scrollbar { width: 11px; height: auto; } ::-webkit-scrollbar-thumb { background: #0080ff; border: 0px none #ffffff; border-radius: 50px; background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #52d352), color-stop(0.73, #4a944b), color-stop(0.53, #2e7c2f), color-stop(0.28, #2c7a2d), color-stop(0.00, #7cff7f)); background: -webkit-linear-gradient(top, #7cff7f 0%, #2c7a2d 28%, #2e7c2f 53%, #4a944b 73%, #52d352 100%); background: -moz-linear-gradient(top, #7cff7f 0%, #2c7a2d 28%, #2e7c2f 53%, #4a944b 73%, #52d352 100%); background: -o-linear-gradient(top, #7cff7f 0%, #2c7a2d 28%, #2e7c2f 53%, #4a944b 73%, #52d352 100%); background: -ms-linear-gradient(top, #7cff7f 0%, #2c7a2d 28%, #2e7c2f 53%, #4a944b 73%, #52d352 100%); background: linear-gradient(to bottom, #7cff7f 0%, #2c7a2d 28%, #2e7c2f 53%, #4a944b 73%, #52d352 100%); } ::-webkit-scrollbar-thumb:hover { background: #008542; } ::-webkit-scrollbar-thumb:active { background: #004522; } ::-webkit-scrollbar-track { background: #e2e2e2; } ::-webkit-scrollbar-corner { background: transparent; }

    customization

    agar aap scorllbar ka color change karna chate hai to apko color ke code ko badlna hoga. Are ap apni passand ke color ko chosse kar sakte hai. color code is parkar ka hai for example #000000 something


    Scorllbar Design 4.


    scorllbar design 4.

    /*-----Custom ScrollBar By Hackintricks4u.blogspot.com---*/ ::-webkit-scrollbar{width:12px;height:8px} ::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 4px rgba(0,0,0,0.3);background:#ffffff} ::-webkit-scrollbar-thumb{background: rgba(43,22,22,0.8);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5)} ::-webkit-scrollbar-thumb:window-inactive{background:rgba(43,22,22,0.4)}

    customization

    agar aap scorllbar ka color change karna chate hai to apko color ke code ko badlna hoga. Are ap apni passand ke color ko chosse kar sakte hai. color code is parkar ka hai for example #000000 something


    Scorllbar Design 5.


    scorll bar design 5.

    ::-webkit-scrollbar { width: 10px; } ::-webkit-scrollbar-track { border-radius: 10px; } ::-webkit-scrollbar-thumb { background-color: #ecf400; background: #BA8B02; background: -webkit-linear-gradient(to right, #181818, #BA8B02); background: linear-gradient(to right, #181818, #BA8B02); } ::-webkit-scrollbar-thumb:hover { background: #333; } ::-webkit-scrollbar-thumb:active { background: #000000; }

    customization

    agar aap scorllbar ka color change karna chate hai to apko color ke code ko badlna hoga. Are ap apni passand ke color ko chosse kar sakte hai. color code is parkar ka hai for example #000000 something


    I hope apke Top 5 Perfect scorllbar for blog website article acha laga hoga to socail media per jarur sahre kare. Agar apko Perfect scorllbar for blog website me add karne me khoi problem ho to hame comment karke bataye. Are agar aap Hamre article ke notification apne Email per chate hai to hame subscribe Kare. Taki apko notification milte rhe.


    Read also
  • Stylish code box blog me kaise lagye
  • Top 5 Stylish level wedget blog ke liye.
  • Blog next page ke liye number navigation wedget kase add kare

  • Share This Post On Soical Media:-
    About Author :- My name is Sultan From dehradun india. Iam a passinate and full Time blogger. If you like his articles then share with your friend and Social media sites facebook twitter more Etc and Keep Visting on Blog net Book.

    Let's Get Connected:- Facebook | Twitter | Google Plus

    Related Posts

    0 comments: