;Hi guys, Today i'm bringing the best tutorial. In this tutorial, we will be discussing on how to change our blogger scroll bar. As we know that the default scroll bar of blogger looks ugly and unattractive. So, we will change the unattractive scrollbar to attractive and advanced scrollbar. You can see the live demo in our blog. We have used the same scrollbar. So, let's add it in our blog.
Follow My Steps:
- Go To Blogger Dashboard
- Click On Template
- Click On Edit HTML
- Search The Code ]]></b:skin> using CTRL + F
- Paste The Following Codes Just Above It
<!-- bloggercruzer.blogspot.com !-->
::-webkit-scrollbar {
width: 8px; height:8px;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
background:#fff;
}
::-webkit-scrollbar-thumb {
background: rgba(186,35,35,0.8);
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
background: rgba(186,35,35,0.4);
- Save Your Template
- View Your Blog
.PNG)
0 comments:
Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.
Note:
1. Make sure to click the "Subscribe By Email" link below the comment to be notified of follow up comments and replies.
2. Please "Do Not Spam" - Spam comments will be deleted immediately upon our review.
3. Please "Do Not Add Links" to the body of your comment as they will not be published.
4. Only "English" comments shall be approved.
5. If you have a problem check first the comments, maybe you will find the solution there.
Post a Comment