How to Remove Scrollbar in Your Blog/site Pages

4 comments

Okay, Now I will give you a tutorial how to remove scrollbar in your blog. As you see, there are no scrollbar in this blog. Indeed, This is not effect  to your blog performance. But, If you also like to remove that too, Just Follow the steps below :

1. Log in to your Dashboard.
2. Go to "template" menu.
3. Click "EDIT HTML".
4. Proceed. *tips : backup your template before you editing HTML of template.
5. Find This code : ]]></b:skin>
6. Then Put The following codes above ]]></b:skin> ( or between <b:skin><![CDATA[ and </b:skin> ) :

::-webkit-scrollbar {display:none;}
::-moz-scrollbar {display:none;}
::-o-scrollbar {display:none;}
::-google-ms-scrollbar {display:none;}
::-khtml-scrollbar {display:none;}

7. Then, Save template and Finish.

Your scroll in your blog pages have been removed.
Okay, That's it. If that is not working. Don't hesitate to ask me. Happy Blogging :)

4 comments:

  1. Hi! This was really helpful. I am actually making a Survey from Google Doc. I got its code and embed it on my blog. Now there were two scroll bars there. One from the survey and one from the main page. With your code I have removed both. Can you help me removing the inner one only. I mean I need one on the blog but not on the survey.
    TabdeeliRazakar1.blogspot.com
    Kindly help.

    ReplyDelete
    Replies
    1. The answer is here : http://syakirurahman.blogspot.com/2013/06/css-trick-to-hide-selected-scrollbarr-in-web-pages.html :)

      Delete
  2. hi how do i make something like this coinreaper.com a thing that stays on the top and the sites keep changing do you know how?

    ReplyDelete
  3. Hi I have been trying to get rid of my scroll bars from my blog (http://manteriors.blogspot.com/) but I've tried the code and doesnt work, I am trying to place my blog into my wix site. and when I place it the scroll bars come out.

    any idea?

    ReplyDelete