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/AVvXsEhWL37mL8OHdlwe_ewLlwto7d8Xa_Cbg6xalmQdy-4PF227C2AhiaPfqFZNRp9btFuw77Y3rOTAT3ysvDgTxkWakOhsKIUoL_EX2xrPKZSme1-qI_N0bel-_WJM9FPM5uP6omOYa-mE6vtt/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/AVvXsEhlDJ_zl2V_qeDVBHsgdNdTRixHnwkaO6xqbh-2lqEKZDoRxpqh_5CihxGTxZErO2YTQ0TDr96xRjSuGs3E4mOwpPy6mFQd-BlteIfg7iT4S55wuX8PIJFlRWieqIwRouobaokp8zvjDx1b/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/AVvXsEhJ5zez6R1uOhL4hY-dgUxuwRpiF5TGwFyc47xUIoSCnd8-00XTom_DZVGSTnMz4fGE-o_NpLCZ06x6xzqcjgwQx8grldZHCzwh6N4DDhZC-ZsT5klPrMr3l-gtybcEnIb5GY640mPWuYqM/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/AVvXsEh4MyVucX9UQlDjnK8cD3CI_rp4GLrXZtRHHG2NxOje8pUWVx9kJBOZq2jEnoG3Zfdd4zS3ox2eDhbsyz2-tqVZBEZelQg7G_t9ps6jPWohcBdBYPE3tKodDPIUR4uHcQkvemK75apgVKl_/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
