Les nouveautés et Tutoriels de Votre Codeur | SEO | Création de site web | Création de logiciel





seo How To Change Scrollbar Color In Browser Using CSS Code - Blogger 2013

Seo Master present to you:

Friends, Now i share a trick for blog users. This is a fantastic trick to change your browser scrollbar color, when we open our blog. We are using CSS code to make this colorful scrollbar. This is very simple to add to your template. You can change the value of color with color code or RGB value. Apply this trick to your blogger and enjoy… Keep in touch with master hacks….

Change scrollbar color in browser with CSS code-Blogger (www.www.matrixar.com)

 

Log in to your Blogger account.

  • Go to your blog dashboard.

 

  • Hit on Template option.

 

  • Find  ]]></b:skin> tag.

 

  • Copy and paste below code before ]]></b:skin> tag.

 

 

/* Webkit override Scrollbar with CSS3 */
::-webkit-scrollbar {
width: 13px; height:8px;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
background:#9b9999;
}
::-webkit-scrollbar-thumb {
background: rgba(29,122,231,0.8);
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
background: rgba(117,186,101,0.4);


You can change scrollbar color. For that change highlighted RED color and rgba color values with your color value.

 

  • Save your Templates.

 

LIVE DEMO

As you can see, once there's enough text in this box, the box will grow scroll bars... that's why we call it a scroll box! You could also place an image into the scroll box.Friends, Now i share a trick for blog users. This is a fantastic trick to change your browser scrollbar color, when we open our blog. We are using CSS code to make this colorful scrollbar. This is very simple to add to your template. You can change the value of color with color code or RGB value. Apply this trick to your blogger and enjoy… Keep in touch with master hacks….

 


Note: This trick works only in Mozilla Firefox, Google Chrome, IE9+ browsers




Leave a comment………………. below…….Thank you for your visit…..

 

2013, By: Seo Master

Labels:



Leave A Comment:

Powered by Blogger.