Hi Blogger, Aj ham janenge ki kaise blog scroll bar ko customize karte hai.Kya apne Kavi socha tha ki apne blog Ka Defult Scrollbar ko Apne manpasand Color Ya fer Template ki hisab se customize karsakte hain? Ap Example ki dor par hamare Blog ko dekh sakte hain. G- Bilkul ap aise karsakte hain Bas apko Aha par Kuch Step Follow karna padega.Is Tutorial ki jariye Ap apne blog Scrollbar ka Width, Color etc. Change Change karsakte hain. Is-se apke Blog or Jayada Colourful, Professional, Eye catchy Lagega. (Aur padiye: Blog me Sliding related post widgets kaise add kare)
CSS sheet me kuch CSS code add karna padega. So without wasting time Chaliye Sikhte hain 😃
Scrollbar ko Customize kaise kare:
Blog Scrollbar ka Defult Color hota hain GRAY or Style to ap dekhi sakte hain.But ham Blog ke scrollbar ko customize karsakte hain Uski Width, Height,Scrollbar trac kcolor, Track hover, Thumb color and thumb Hover color ko change karke.A sab karneke liye apko Apne blog Template keCSS sheet me kuch CSS code add karna padega. So without wasting time Chaliye Sikhte hain 😃
Follow These Step to Customize Your Blog Scrollbar:
1. Blogger me Login kare>> Go to Template >> Edit HTML
2. Ctrl+F press karke Niche digaye code ko find kare
]]></b:skin>
3.Or is Code se pehele ap Niche digaye Code ko paste karde
Code To Customize Blog Scrollbar
/*--------Scrollbar Customization by HindBlogger.in ---------*/
::-webkit-scrollbar {
width:8px;
height:8px;
}
::-webkit-scrollbar-track {
background:#FFF; /*------A Scrollbar ke Background color ka code hain ------*/
-webkit-box-shadow:inset 1px 1px 2px #E0E0E0;
border:1px solid #D8D8D8;
}
::-webkit-scrollbar-thumb {
background:#009933; /*------Thumb color ------*/
-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); /*------Shadow on hover------*/
}
::-webkit-scrollbar-thumb:active {
background:#333; /*------Thumb color when it is active------*/
-webkit-box-shadow:inset 1px 1px 2px rgba(0,0,0,0.4);
}
4.Click the Save Button. Upar ke Css code me mene CSS comment tag apko batya ki ap is Code ke andar kaha change karsakte hain. or apne Hisab se Coloring karsakte hain. Ap Highlighted Code jaga apne Blog ka Color code add karsakte hain ya isko Aisehi chod sakte hain.
Last Word
So Friends a tha Blog Scrollbar ko Customize karneka Tutorial. Umeed hain Is Tutorial ke jariye apke blog ko Sundar bananeme Kamiyab honge. Agar apko Is css code ko Add karneme koie vi Problem aye to ap bas Niche Comment kare main Uska Jaldi Answer dene ki Qousis karunga. Thank you. Do Visiting Do Learning.
