how to create a custom scrollbar in blogger

Share:

Sacrilege – a Custom SWT Scrollbar, how to create a custom scrollbar in blogger, Webkit-scrollbar-button

how to create a custom scrollbar in blogger

Create a custom scrollbar in blogger, Webkit-scrollbar-button

You can add different modules to your blog to give straightforwardness to your perusers. Adding different modules to your blog will help you in building a solid peruser network. It can likewise help in advancing your substance. On the off chance that you are sharing significant substance on your blog which stays aware of the enthusiasm of your peruser network, they will impart your substance to their loved ones. It helps in the advancement of your blog for nothing. Blogger permits you to modify the appearance of your blog utilizing formats.




You can redo blogger scrollbar to give your blog an appealing look, you can do it effectively with CSS. Indeed, you can likewise get some blogger scrollbar styles to use in your sites inside only a couple of snaps. You can really make your blog look a little changed when you have added a modified scrollbar to your blog. 




Utilizing custom scrollbars for your blog will help in improving the client experience of your blog. Execution of these appealing scrollbar plans will give an additional incentive to your blog's engaging quality. You can include any of the accompanying blogger scrollbar structures. Additionally toward the finish of this post, there is an astounding device which will tell the best way to create custom scrollbar. It is extremely simple to tweak the program scrollbar. All things considered, the outsider blogger layout engineer doesn't have a custom scrollbar in their formats. So it should be done all alone. The following is the bit by bit manual for assist you with doing likewise:



Step by step Create Costume scroll bar in blogger. 


1. login to your blogger account.


2. Go to the theme section and Edit HTML.


 3.Find the ending “]]>” code.

Use the blogger scrollbar code from the below and paste above the “]]></b: skin>” code.

Click on the save button & visit scrollbar in action.

::-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: #000;
}

Now save your theme

No comments