how to fix wide horizontal scroll bar in blogger

well for me i had that problem !
when you go to your blog suddenly you see a huge wide horizontal scroll bar in your browser! and a huge blank space at the right of your blog!



i checked the widgets , the html of my blog , i changed the templates , i re imported the blog and nothing seemed to work!
i thought about deleting the whole blog because it was so awefull!
untill i searched about a way to hide it with CSS
so i used this code
first go to your blog --i am talking on blogger-- click on
Design >>  Template Designer >>
on the left chose Advanced tab >> then scroll down and chose Add CSS from the list
then copy and past this code

html {overflow-x:hidden}

the "html" mean we want to change the html -or whole page- style.
the "overflow" used to style when the selected element has elements inside of it witch has greater size than it.
thats mean when the "html" -whole page- has elements with bigger size to display needs to scroll up or down , left or right to complete view!
the "overflow-x" mean when the size is greater horizontally .
the "overflow-y" mean when the size is greater vertically .
- hidden means the scrollbar is hidden -or no scroll bar-
- scroll means display a scroll bar.
- auto means auto display by the browser.

now after you copied the last code past it in the Add CSS field and click on APPLY TO BLOG .
be care full don't use this code of your blog is wide and it need a horizontal scroll bar to display ! .

memo