Skip to main content

How To Customize Your Scrollbar

This tutorial was requested hinted by Sophia. ;)



1. Go to your blogger dashboard and select the blog you'd like to customize.
2. Go to Template >>> Customize >>> Add CSS and paste this code in the box:

::-webkit-scrollbar {
background: #ffffff;
width: 10px;
}
::-webkit-scrollbar-thumb {
background: #000000;
}
3. To customize this code, you can make the following changes:

+ Change the color code in red to customize the color that the scroll bar "slides" on.
+ Change the width code in blue to customize the width of the scroll bar as a whole (the larger the number the thicker the scroll bar).
+ Change the color code in green to customize the color of the scroll bar itself.

4. Save and view your changes.

Comment below if you have any questions. :)

xx Nicole Rose

Comments

  1. Thanks so much for this! I've been wondering for so long:)

    ReplyDelete
    Replies
    1. Anytime dear - I'm glad I could be helpful. :)

      Delete
  2. Super easy & helpful. Thanks for this. <3
    ~Adi

    ReplyDelete
  3. Thank you!!! I am so glad to know this. Also, I would *love* to know how you made the subscribe to mailing list box over to the left - for the next time you do a tutorial. (: By the way, your new name and design are awesome!! Love it!

    ReplyDelete
    Replies
    1. Alright, I'll prepare a tutorial for that right away. :)

      Thank you, dear. <3

      Delete
  4. Oh thank you so much for this! Your tips are SO awesome, love them all!

    P.S. I filled out your lovely survey :)

    ReplyDelete
    Replies
    1. I'm so glad I can be helpful. :)

      P.S. THANK YOU. I very much appreciate that. :)

      Delete
  5. Great tips! They seem easy to implement!
    I wish you very happy holidays!
    ♥♥♥
    Jeanne
    http://fashionmusingsdiary.com

    ReplyDelete
    Replies
    1. Thank you.
      Happy holidays to you as well. <3

      xx Nicole Rose

      Delete
  6. Anonymous30.12.14

    Rosie, your new design is absolutely stunning! I never fail to be impressed by your work. By the way, how did you create the feature at the very bottom, with the boxes around the posts? ;)

    ReplyDelete
    Replies
    1. Thank you, m'dear. I worked very hard on it. :}

      I customized my popular posts widget - shall I conduct a tutorial on how to do it? :)

      Delete
  7. Wow, I love your new design! It's so organized an beautiful. Also, I think that the name Self Known really fits this blog.

    ReplyDelete

Post a Comment

All comments I receive are cherished for many hours after reading them. Thank you for taking the time to type something to me.

xx Nicole Rose

Popular posts from this blog

So this is where I'm at.

Hi friend. How are you? I hope this post meets you well. Today I wanted to write about this little space. My corner of the Internet.

After many attempts to give it a major face lift / rebrand / vibe / mission I figured out that the girl I was in 2012 when I originally started this blog is no longer who I am.

So let's start fresh.
Hi, I'm Rosie. I am a college student and a creator of many crafts. I enjoy writing Young Adult fiction, playing piano, singing at the top of my lungs, and, above all, making other people laugh. Right now I am pursuing a degree in art therapy, which means my future job will be helping people express themselves in a safe environment with someone who loves them. I have tried to be many things on the Internet, from an American Girl doll hoarder to a make-up artist, but nothing has really clicked with me.
Not until now.
I have always been a Christian. My entire life I have identified as being a follower of Jesus Christ. But the thing about growing up in t…

A to Z CSS Cheat Sheet

Alright. Maybe you're just starting out with redesigning your blog. Maybe you want to get into CSS, but don't know where to start. Or perhaps you like figuring things out on your own, but you're stuck and need a resource.
That's why I crafted this super awesome (and easy to use) A to Z CSS cheat sheet. Even if you're not a "designer", and your "just a blogger", you will greatly benefit from knowing basic CSS like what's been included below.
Please have fun with this and share with me what you create with the help of these cheat sheets! :)



Click here to check out and download the A to Z CSS Cheat Sheet!
Keep buzzin'. <3 xx Nicole Rose

Good-bye.

Have you ever had that one thing you've tried to make work but never could? This could be anything in your personal life, from piano notes to paragraphs in a blog post.

Well, I've been trying and trying and trying and trying for years now to get blogging to work for me. At one point in my life, this was my passion. I lived for your comments, your friendship, and the purity of sharing whatever was in my heart with the world. But I don't feel warmth or connection anymore. In fact, I feel rather lost. Like I'm shouting into an abyss, vying for attention and something to fill my inner void. This feeling comes more often than I care to admit, and I've pushed through all this time with the thought that it will get better. That all I have to do is keep trying and it will work out.

But it hasn't. And I'm out of ideas.

This isn't to say I won't be back. That I won't hit a creative stride in the next week and decide to share something epic with you. But f…