Blogger me scrollbar kaise customize kare ?

Posted on
Hello friends how are you ? Aaj hum aapke liye ek naya topic laye hai or aapko batayenge ki kaise aap apne blogspot blog ke scrollbar ko customise kar sakte ho. Agar aapka blog bahut hi fancy look wala hai or aapka scroolbar wahi purane jamane ka hai to iska effect aapke pure blog ke design par pad sakta hai.
Blogger me scrollbar kaise customize kare ?


Scrollbar ki help se up or down navigation ki jati hai, agar aapka scrollbar bhi fancy hoga to aap ke blog ka look or bhi impressive lagega. 

Aaj hum aapko batayenge ki kaise aap apne blog ke scrollbar ko khud se customize kar sakte hai. To aaiye jante hai..

Blogger me scrollbar kaise customise kare ?

STEP – 1

Blogger me scrollbar kaise customize kare ?


1. Apne blogger dashboard me Theme par click kare.
2. Customize par click kare.

STEP – 2

Blogger me scrollbar kaise customize kare ?


1. Advanced par click kare.
2. Add CSS par click kare.
3. Yaha par niche diye gaye kisi bhi style code ko paste kare.
4. Apply to Blog par click kare.

STYLE – 1

Blogger me scrollbar kaise customize kare ?

CODE :

/* smart2blogging.com scrollbar effect */ ::-webkit-scrollbar { width:10px; height:20px; } ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3); background:#eee; } ::-webkit-scrollbar-thumb { background: rgba(28,119,229,0.7); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); } ::-webkit-scrollbar-thumb:window-inactive { background: rgba(116,188,99,0.5);}

STYLE – 2

Blogger me scrollbar kaise customize kare ?

CODE:

/* smart2blogging.com scrollbar effect */ ::-webkit-scrollbar{height:14px;width:14px;background:#eee;border-left:1px solid #ddd}::-webkit-scrollbar-thumb{background:#ddd;border:1px solid #ccc}::-webkit-scrollbar-thumb:hover{border:1px solid #bbb}::-webkit-scrollbar-thumb:active{background:#ccc;border:1px solid #aaa}

STYLE – 3

Blogger me scrollbar kaise customize kare ?

CODE :

/* smart2blogging.com scrollbar effect */ ::-webkit-scrollbar {width:9px;height:9px;}::-webkit-scrollbar-track {background:#FFF;-webkit-box-shadow:inset 1px 1px 2px #E0E0E0;border:1px solid #D8D8D8;}::-webkit-scrollbar-thumb {background:#c0392b;-webkit-box-shadow:inset 1px 1px 2px rgba(155,155,155,0.4);}::-webkit-scrollbar-thumb:hover {-webkit-box-shadow:inset 1px 1px 10px rgba(0,0,0,0.4);}::-webkit-scrollbar-thumb:active {background:#333;-webkit-box-shadow:inset 1px 1px 2px rgba(0,0,0,0.4);}

STYLE – 4

Blogger me scrollbar kaise customize kare ?

CODE :

/* smart2blogging.com scrollbar effect */::-webkit-scrollbar{width:12px;height:8px}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 4px rgba(0,0,0,0.3);background:gray}::-webkit-scrollbar-thumb{background: white;-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)}

STYLE – 5

Blogger me scrollbar kaise customize kare ?

CODE :

/* smart2blogging.com scrollbar effect */::-webkit-scrollbar{width:12px;height:8px}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 4px rgba(0,0,0,0.3);background-image: url(“https://4.bp.blogspot.com/-F1TjHfM859Y/V3AdhkmcKMI/AAAAAAAACME/E3mGPDKVvGoFueVXRvzMelQ32zDVvEu_gCLcB/s1600/bgdot.png”);}::-webkit-scrollbar-thumb{background: gray;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5)}::-webkit-scrollbar-thumb:window-inactive{background:blue}


To friends aap bhi apne blog ke scrollbar ko coustomize karke apne blog ke design ko improve kare. HAPPY BLOGGING

🚣‍♀️ Agar aapko ye article acchi lagi to isay apne social network par jarur share kare 🤓 THANKS

2 thoughts on “Blogger me scrollbar kaise customize kare ?

Leave a Reply

Your email address will not be published. Required fields are marked *