Nowadays Blogger blog (or blogspot) is the most popular blog designing platform provided by Blogger. Most of the blogger begins with the blogger blog for sharing and for many purpose by posting into their blog.
And all of us blogger wants to decorate our blog very beautifully, so visitors and people can be attracted. Many bloggers have seen many customized scroll bar in popular blog and wants to customize their blog with beautiful scrollbar,but dont know how to do?
So, Today i am here to share Customizable Scrollbar script for the blogger. Hope this tip or customizable scrollbar you will like, And it is very quick and easy to customize the colors, size (width and height). This can be done by adding script (Which is given at the middle of the post) into the CSS code.
Lets customize the Scroll bar.
- First Go to Blogger Dashboard.
- Now click on template >> Edit HTML.
- Now search for this code ]]></b:skin> using ctrl+f button.
- Now Copy the Below code and just paste above ]]></b:skin> .
/* startingphaseofc.blogspot.com
scrollbar effect */ ::-webkit-scrollbar { width:8px; height:6px; }
::-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);
|
- Now click on save template and its done.
OR you also can do this with following method.
- First go to Blogger dashboard.
- And click on Template >> Customize button.
- Now click on Advance >> Add CSS and you will see 'Add custom CSS' and box now just paste above code.
- Now click on Apply to Blog Button and its done.
NOTE:
You can change the color by changing #eee and width and height by changing width:8px; height:6px; with your desired size.
Hi, Great.. Tutorial is just awesome..It is really helpful for a newbie like me.. I am a regular follower of your blog. Really very informative post you shared here. Kindly keep blogging. If anyone wants to become a Front end developer learn from Javascript Training in Chennai . or learn thru JavaScript Online Training India. Nowadays JavaScript has tons of job opportunities on various vertical industry.
ReplyDeleteHi, Great.. Tutorial is just awesome..It is really helpful for a newbie like me.. I am a regular follower of your blog. Really very informative post you shared here. Kindly keep blogging. If anyone wants to become a Front end developer learn from JQuery Training
Those guidelines additionally worked to become a good way to recognize that other people online have the identical fervor like mine to grasp great deal more around this condition.
ReplyDeletefull stack developer training in chennai
It has been simply incredibly generous with you to provide openly what exactly many individuals would’ve marketed for an eBook to end up making some cash for their end, primarily given that you could have tried it in the event you wanted.
ReplyDeletedigital marketing training in annanagar
This is an awesome post.Really very informative and creative contents. These concept is a good way to enhance the knowledge.I like it and help me to development very well.Thank you for this brief explanation and very nice information.Well, got a good knowledge.
ReplyDeleteClick here:
python training in Bangalore
Click here:
python training in Bangalore
Thanks for the informative article. This is one of the best resources I have found in quite some time. Nicely written and great info. I really cannot thank you enough for sharing.
ReplyDeleteBlueprism training in Chennai
Blueprism training in Bangalore
Blueprism training in Pune
Great post! I am actually getting ready to across this information, It’s very helpful for this blog.Also great with all of the valuable information you have Keep up the good work you are doing well.
ReplyDeleteData Science Training in Chennai
Data science training in bangalore
Data science online training
Data science training in pune
Resources like the one you mentioned here will be very useful to me ! I will post a link to this page on my blog. I am sure my visitors will find that very useful
ReplyDeletejava training in jayanagar | java training in electronic city
java training in chennai | java training in USA
I likable the posts and offbeat format you've got here! I’d wish many thanks for sharing your expertise and also the time it took to post!!
ReplyDeleteangularjs Training in chennai
angularjs Training in chennai
angularjs-Training in tambaram
angularjs-Training in sholinganallur
angularjs-Training in velachery
Inspiring writings and I greatly admired what you have to say , I hope you continue to provide new ideas for us all and greetings success always for you..Keep update more information..
ReplyDeletepython training in pune | python training institute in chennai | python training in Bangalore
Hello! This is my first visit to your blog! We are a team of volunteers and starting a new initiative in a community in the same niche. Your blog provided us useful information to work on. You have done an outstanding job.
ReplyDeleteAWS Training in Bangalore | Amazon Web Services Training in Bangalore
AWS Training in Bangalore |Best AWS Training Institute in BTM ,Marathahalli
AWS Training in Rajaji Nagar | Amazon Web Services Training in Rajaji Nagar
Best AWS Training Institute in BTM Layout Bangalore ,AWS Coursesin BTM
Best AWS Training in Marathahalli | AWS Training in Marathahalli
Your story is truly inspirational and I have learned a lot from your blog. Much appreciated.
ReplyDeleteMicrosoft Azure online training
Selenium online training
Java online training
Java Script online training
Share Point online training
It seems you are so busy in last month. The detail you shared about your work and it is really impressive that's why i am waiting for your post because i get the new ideas over here and you really write so well.
ReplyDeletedevops online training
aws online training
data science with python online training
data science online training
rpa online training
GBWhatsapp is one of the best modded version of official Whatsapp with latest features.
ReplyDeleteGbwhatsapp
Thank you for sharing this Information.
ReplyDeleteCheck out the best
home office desks nz
coffee table nz
This comment has been removed by the author.
ReplyDeleteExcellent stuff, I really happy to read your great post. Keep it up to the good work...
ReplyDeletePega Training in Chennai
Pega Training Institutes in Chennai
Tableau Training in Chennai
Oracle Training in Chennai
Power BI Training in Chennai
Job Openings in Chennai
Social Media Marketing Courses in Chennai
Spark Training in Chennai
Pega Training in Vadapalani
Pega Training in Thiruvanmiyur
ReplyDeleteGreat experience for me by reading this blog. Nice Article.
Ethical Hacking course in Chennai
Ethical Hacking Training in Chennai
Hacking course
ccna course in Chennai
Salesforce Training in Chennai
Angular 7 Training in Chennai
Web Designing course in Chennai
Ethical Hacking course in Thiruvanmiyur
Ethical Hacking course in Porur
Ethical Hacking course in Adyar
Thanks for sharing this valuable information to our vision. You have posted a worthy blog keep sharing.
ReplyDeleteAzure Training in Chennai
Microsoft Azure Training
Machine Learning Training in Chennai
Blue Prism Training in Chennai
AWS Training in Chennai
Automation Anywhere Training in Chennai
Azure course in Velachery
Azure course in Tambaram
Azure Training in Porur
Good Post! Thank you so much for sharing this pretty post, it was so good to read and useful to improve my knowledge as updated one, keep blogging.
ReplyDeleteAngular Js training in Electronic City
Thanks for sharing such a great blog Keep posting..
ReplyDeleteAWS Training in Delhi
AWS Training Course in Delhi
I Got Job in my dream company with decent 12 Lacks Per Annum salary, I have learned this world most demanding course out there in the current IT Market from the python training in pune experts who helped me a lot to achieve my dreams comes true. Really worth trying.
ReplyDelete