Scrollbar Effect

If you want the scrollbar of your page more personalized than the plain one then insert this code in the Css  just above the < / s t y l e > tag:
  ::-webkit-scrollbar { height: 12px; width: 17px; background: #FFC4D5; } ::-webkit-scrollbar-thumb { background-image:url(http://static.tumblr.com/xjqjg7j/8RDlk039m/scrollbarbg.png); border:0px solid #879114; -webkit-border-radius: 0ex; -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.75); } ::-webkit-scrollbar-corner { background: #transparent; }
To customize the srollbar background find this and replace the bolded part with the image that you want:

•  background-image:url(http://static.tumblr.com/xjqjg7j/8RDlk039m/scrollbarbg.png);

To change the scrollbar main background find this part and put the color hex code that you want:

• background: #FFC4D5;

Thats it.

NOTE: Works in Google Chrome ONLY.