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('http://2.bp.blogspot.com/-zIqZqmjj9EI/UsKI57aD-ZI/AAAAAAAAD3I/vqmIAuF9_XA/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('http://4.bp.blogspot.com/-l_mugoz6ww4/UsKI7AvYghI/AAAAAAAAD3c/3-IAlL80NX0/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('http://1.bp.blogspot.com/-5-nU1FU9ODU/UsKI5YutdMI/AAAAAAAAD3E/sHNLRdQDWGA/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('http://4.bp.blogspot.com/-iuwndTCYAeU/UsKI6Ht5blI/AAAAAAAAD3Q/2wbCY7WWbhI/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
