New year is just hours away and everyone is getting prepared wish new year to their friends and family. If you run a blog it would be a good idea to celebrate new year with your readers by changing its look a bit.
This new year eve, add a bit of code in your blog to wish your blog readers a happy new year. We just add a view lines of code to set a new background image with a happy new year message on your blog.
It's almost 2014, so without much blah blahs, following are the wallpaper's preview and the code you need to add :
Now go to your Blogger Dashboard -> Template -> Customize -> Advanced -> Add CSS -> Now paste the CSS code in the text area in the "Add CSS" tab and save it by clicking the "Apply to Blog" button.
That's it! And a very very big happy new year! :D
This new year eve, add a bit of code in your blog to wish your blog readers a happy new year. We just add a view lines of code to set a new background image with a happy new year message on your blog.
It's almost 2014, so without much blah blahs, following are the wallpaper's preview and the code you need to add :
1. Dark Brown Wallpaper
html, body {
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxgiWtDpSnVIlnbxRj5tBGwR3x_GBk4t2HmYmX3bSPVyEwlnFHZCxPmt1NRd4r25zWnh12QrDfLSd6WhSsYLITT3k1PvH1egfCBYorYmU0j5ZUy4n3n0j1kW0w63laGXd0O0GpdKZzRcSL/s1600/1059-happy-new-year-1280x800-holiday-wallpaper.jpg') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
2. Background with Fireworks
html, body {
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyyMxzi8Xig951jpgAjTxOxZY2_PN3MIPDABScAxBq1GJo3RhyYmhS04Pb_l6C7kO8lSjoVhsrktXO6PKBnKXmkaQztzZ2Y6gKw3YkeothvoJYQOiGSIuOiBZMCvquVlVk7wwOzEJOkT6I/s1600/1961-happy-new-year-1280x800-holiday-wallpaper.jpg') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
3. Purple Background
html, body {
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja2oMNbpkMNm5vbUbthfuEumadpvhj4I7ujuN_v7vppSaanIZNs5RmSvRignryq0o2dN4ALjb84oMes-s_TolIgnYUChgN0sU5tbMmlJfqapQyelMOyXrrt8g8BP4N3ZU8f5q_bg9kEcWU/s1600/2084-happy-new-year-1280x800-holiday-wallpaper.jpg') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
4. Classic Gold Shine
html, body {
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0Ozjx2Bo55_eaKkr5dz_95i8rZFqpcUPfquVDLTHNrOPbDnHcijHTkrB7Xe6cuL88IorcfFsvUZf8wN6BmuM9dhtHZI39BLxIsL8mzioLulGMzoSXeGcBUj0TMT0fcSmTTj9rJz3Z5dT3/s1600/2085-happy-new-year-1280x800-holiday-wallpaper.jpg') no-repeat center center fixed !important;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
}
Add the code
Once you've chosen a background image that suits with your blog you are ready to apply its code on your blog. To do it, copy the code.Now go to your Blogger Dashboard -> Template -> Customize -> Advanced -> Add CSS -> Now paste the CSS code in the text area in the "Add CSS" tab and save it by clicking the "Apply to Blog" button.
That's it! And a very very big happy new year! :D
