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 :
1. Dark Brown Wallpaper
html, body {
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwYmAglhKQ0gm9VBSZ1O6Hb6ajCmhJ3Mv4EussI2P-DdByi9n9wmsq0zAN6NCd4C3vquLaw1F8gvxl8FB_1TJ0dTAcijIcLb8k2ZfdA2N9P37XHGLTs-oxNi2KF9j-UFv6I7TgjAnjiNRg/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/AVvXsEhjxM6_HI-K-_s6KyzxA8xPaIgMnfgVPVveoavdD_dc0MALs1SE-5BavL_sQzqLbJWbPkMJ7aDI4ZWm6-69HBqz6OZx4d5LNGw0LqvvmoKdfYRvLqRDdEQxKE9w3gPk1Rge4lidui2DtGG1/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/AVvXsEgsb2hsg90B1Us91_0f9g3WqXI1Qg4mlLFI1c9qKsCY5U_GTkge2KebHOHSjfPW4nm6zfOSE2MNWqsBSz_emM9OJPlGU1VjhG3lBixOzAi-ykctB8J1SqAXiyC8SMRKj_dMmeox4uDuYnAb/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/AVvXsEhyxfTC7b9Etwp_pWHu0jZebpD0CtN9tHr0EuNY7U9_rQN_7hv85F1CZ21gwz6zt2WnP3LQcYFQntmYp5BlDorFx-Gqfu6Rm08lMqpotthRJJ8Mm2K6AV2HRYd4TqC0z8i9XUfbpkMNn-AL/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.
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/AVvXsEhwYmAglhKQ0gm9VBSZ1O6Hb6ajCmhJ3Mv4EussI2P-DdByi9n9wmsq0zAN6NCd4C3vquLaw1F8gvxl8FB_1TJ0dTAcijIcLb8k2ZfdA2N9P37XHGLTs-oxNi2KF9j-UFv6I7TgjAnjiNRg/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/AVvXsEhjxM6_HI-K-_s6KyzxA8xPaIgMnfgVPVveoavdD_dc0MALs1SE-5BavL_sQzqLbJWbPkMJ7aDI4ZWm6-69HBqz6OZx4d5LNGw0LqvvmoKdfYRvLqRDdEQxKE9w3gPk1Rge4lidui2DtGG1/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/AVvXsEgsb2hsg90B1Us91_0f9g3WqXI1Qg4mlLFI1c9qKsCY5U_GTkge2KebHOHSjfPW4nm6zfOSE2MNWqsBSz_emM9OJPlGU1VjhG3lBixOzAi-ykctB8J1SqAXiyC8SMRKj_dMmeox4uDuYnAb/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/AVvXsEhyxfTC7b9Etwp_pWHu0jZebpD0CtN9tHr0EuNY7U9_rQN_7hv85F1CZ21gwz6zt2WnP3LQcYFQntmYp5BlDorFx-Gqfu6Rm08lMqpotthRJJ8Mm2K6AV2HRYd4TqC0z8i9XUfbpkMNn-AL/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.
