[2] [Tech] [recent] [Latest Posts]

Pages On TechnoPcArea

Powered by Blogger.
if(getTitles) document.write('

Movies of The Week

Join This Site On Google Friend


Collection Of Posts

[5] [Gadgets] [slider-top-big] [Slider Top]
You are here: Home / How To Add A Custom Scroll Bar To Blogger

How To Add A Custom Scroll Bar To Blogger

| No comment
How To Add A Custom Scroll Bar To Blogger

About The Widget

For all my readers,the image above is not of the scroll bar for which I will be providing you the tutorial,I added this to make my article more catchy but the original demo of scroll bar can be found at the right side of this page in orange color. Isn't it far more attractive as compared to the boring simple scroll bars that spoil the beauty of the blog.Want to add this widget,below I have provided a tutorial to do it easily.

Steps To Add It:-

  • Go to Template Tab of your blog
  • Click on Edit HTML button
  • Search For ]]></b:skin> and add the following code above it:-
::-webkit-scrollbar{width:15px;background:rgba(0,0,0,.07);} ::-webkit-scrollbar-thumb{background:#f90;-webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;border-radius:10px;} 

  • Replace highlighted code with your own color code

Final Words

Using custom scroll bars neither affects time nor SEO.And even they increase the beauty of blog that's why I am using its,see it on the right side of the page.