CSS Codes + Freebies

Here below are some codes you can use to improve your blog! Just go to 'Template' then 'Customize', and then select Advanced and enter the CSS codes. To change the colors, just replace the blue text with a color hex code you can find here. I hope you find the codes helpful!

Center Blog Header:
#header-inner img {margin: 0 auto !important;} #header-inner {text-align:center !important;}

Center Page Tabs:

.PageList {text-align:center !important;}




.PageList li {display:inline !important; float:none !important;}

Solid Line Between Widgets:
.sidebar .widget {
border-bottom: 2px solid #F2F2F2;
margin:0 0 1.5em;
padding:0 0 1.5em;
}

Custom Text Highlight Color:
::-moz-selection { 
background-color: #F7C8DE;
color: #ffffff;
} 
::selection {
background-color: #F7C8DE;
color: #ffffff;
}  

To view my demo blogs, click here.

Hope these codes worked! Please comment to let me know what to fix or what else to add! If you loved these codes, then make sure to check out Blogger's Patchwork, which is filled with many more Blogger tutorials! Have fun designing your blog! :)

If you would like a polka dot background like mine, here are a few backgrounds free for downloading.

Download this Wallpaper!

Download this Wallpaper!