Monday, 10 June 2013

Add Professional Custom Scroll Bar To Blogger

Hi All after 1 day Sir Pedia created A Professional Custom Scroll Bar For Blogger and Shiraz Shakeel published it for you. Today in my 11th post i will teach you how to Add Professional Custom Scroll Bar To Blogger . First I think I should introduce it. It is made by the use of HTML 5 and i am also using it. It is the modern scroll-er which is very prominent and it makes your blog/site colorful attractive easy to scroll.

















How To Do This ??


  1. Go to Blogger >> Template >> Edit HTML
  2. Click On Code To Activate It
  3. Find the code given below (tip: Press CTRL+F to find)
  4. ]]></b:skin>
  5. Copy and Paste Below Code Just above ]]></b:skin>
/* A Pro Custom scrollbar from www.Cloudspedia.Blogspot.com */ ::-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;} /* A ProCustom scrollbar from www.Cloudspedia.Blogspot.com */


Change f90 with your favourite color code.

Change 10 with your own radius

Regards


Sir Pedia

Shiraz Shakeel

Cloudspedia 





← Blogger OR Google+ →

1 comment:

  • Home
  • About Us
  • Contact Us
  • Sitemap
  • Back To Top ^

    About us

    Shiraz Shakeel is a young boy who is founder and the owner of Cloudspedia. He is 13 years old and living in Pakistan, K.P.K, Peshawar. Now a days, He is studying in 7th grade and running his site..... Continue Reading

    Global Ranking