Latest Updates: Increase Adsense income | PageRank is Important for Blogs

Sunday 12 May 2013

Customize Change Scrollbar Colour in Blogger With CSS3

Posted By Ravi Patel on Sunday 12 May 2013

Today i am Define this tutorial change colour scrollbar every one now can zoom blogger scrollbar what the hell? change the scrollbar and come  to the blogger features. change the colour auto change up and down and left to right change it. now change the colour in design in CSS webkit. thats be should up check your scrollbar and attract visitors and new technology make us a professional bloggers. change your webpage or or scrollbars colours and its design it CSS3 Done

it webkit. here today provide basically Html Css code its will change old scrollbar gray colour is   my opinion of this best of newbies bogger.



How to Add Blogger

1. Go to blogger login
2. Check Dashboard
3. Edit HTML
4. Control + f search

]]></b:skin>

5. Find this code and paste above it


/* ######## Webkit override ######################### */
::-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(139,233,38,0.8);
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
background: rgba(139,233,38,0.4);
}

6. Save Template and done!

7. Customization!
8. Change the RGB Color by using photoshop!

(0,0,0,0.3) Shadow Replace
(139,233,38,0.8) Scrollbar Thumb Background Replace
(0,0,0,0.5) Shadow Inset
(139,233,38,0.4) Thumb Windo Background

Please /subcribe and join us the new features comming Soon!
Touch the Follow it!

Don't Miss a Single Post ! Join Us Now !

Join Our Blogging Community To Get Daily Updates Straight In Your Inbox.


Note: Don't forget to click the confirmation link (in your email) to verify Your Entry!


Blogger Help

5 comments:

  1. It's really cool that increase our blog design and make it more stylish.

    ReplyDelete
  2. @ Thanks Ankit visit my blog

    ReplyDelete
  3. This is not working on Firefox :) its only working on Google Chrome ;) Kindly mention it...

    ReplyDelete
  4. @ zeeshan bro soory not mention in post just work in chrome i am soon publish the post and mention work in mozilla firefox are other browser.

    ReplyDelete
  5. SWEEEEEEEEET!!!!!!!!!!!!!!

    ReplyDelete

Copyright @ 2013 My Blogger Tricks.