Giving Your Blog That Christmas Feel

I would like to thank Rose for her post Christmas Holiday Themes For WordPress, as it motivated me into giving WassupBlog a Christmas theme. This would be my third theme modification, as I’ve already made one for Easter and Halloween. Naturally, the FlexSqueeze theme makes it all so easy that I actually look forward to playing around with it to blend it in with the holiday seasons.

The first thing I had to do was to find a suitable header. I finally decided to borrow one from another theme as I felt it set the right mood. Then I reduced the width of the blog so that it would display the Santa image that I chose for the background.

Adding An Image To Comment Box

I thought it would be pretty cool if I could jazz up the comment box a little by adding some snowflakes so I had a little look at the CSS file to see what I could do. For those of you who were wise enough to purchase the FlexSqueeze theme I thought you might like to know how I did it.

You will need to edit the ‘style.css’ file and I strongly urge you to make a backup before playing around with it.

First find the following lines;

#commentform input, #commentform textarea {
padding:5px;

Below that add the following;

background: url(images/bg-snowflakes5.gif);

Substitute ‘bg-snowflakes5.gif’ for whatever file you want to use as your background, remembering that the file has to be uploaded first in order for it to work. This is a cinch using the upload feature that comes with FlexSqueeze!  I suggest you use a very light colored file otherwise people will not be able to see what they are typing.

Adding An Image To Your Post Background

To add to the Christmas look of the blog I decided to change the background of the post area, and for this I chose a lovely snow scene. If you would like to do something similar to your blog then once again you will need to add a little bit of code to your ‘style.css’ file.

Find the following lines;

#content {
width:935px;
position:relative;
float:left;

Just below that enter the following line.

background: url(images/bg-snow-scene.jpg);

Once again substitute ‘bg-snow-scene.jpg’ by the image you’ve selected.

It is important to remember that these modifications to the ‘style.css’ file of this  theme will most likely not work on your theme. These modifications can still be done on most themes but you will have to find the right areas that need to be changed.

Apart from these style.css changes all other changes were done via FlexSqueeze‘s option page.  The images were all obtained from Free Web Images And Clipart , except for the header which I got from leadcamp.com.

Oh, one last thing. In case you are wondering how I got it to snow, it was by using the Let It Snow plugin.

EDIT: I’ve deactivated the plugin as I noticed it caused a bit of drain on the CPU, and possible made the blog somewhat slower. Even so, I reckon the blog may still remind people of Christmas.

Digiprove sealCopyright secured by Digiprove © 2015-2017
Previous Post

Why Marketing Your Ad Space Should Precede Marketing Your Blog

This post is written with the assumption that the majority of bloggers are blogging away ... Read more

Next Post

Moneybackco Has Potential Cashback Deals

There was a time many moons ago, when I belonged to an organization who's main ... Read more

Please follow and like:
3
2
Follow Me
Tweet
LINKEDIN

Peter Pelliccia

I'm an Aussie blogger who loves to blog and share everything that I've learned on my blogging journey, including blogging tips and ways to blog for money. I am also trying to make my way on YouTube. You can follow my progress by subscribing to My Bonzer Channel.

This Post Has 39 Comments


  1. Twitter:
    Hi Sire,

    Oh, I had to hit refresh before the changes showed up. But now that I can see what you’ve done … I dig it!

    To my eye anyway I think the lighter color scheme actually works better than your “normal” design … maybe something to consider after the holidays.

    Very nice tutorial on how you did it too. :-)
    .-= Todd@Todds Tips´s last blog ..Don’t Be An INVISIBLE Reader =-.

    1. Thanks Todd, and seeing as how I’m liking the light colors myself, I may have to change the original look once Xmas is over.

  2. It really does make a difference and looks good. Lets see what others have to say about it, curious to know.
    .-= George Serradinho´s last blog ..Serious Monday Roundup #19 =-.

    1. I’m a little curious myself George.

  3. Hey Sire, You just give me a festival feel. Your blog just look good and match the month. I want to say Happy Christmas but I have to wait some more day.
    .-= Arafat Hossain Piyada´s last blog ..Manage Your Twitter Account Right From Microsoft Outlook With Free TwInbox Addon =-.

    1. Thanks Arafat, I’m glad it got you in the festive mood.

  4. The animated snow flakes do indeed give the blog that Christmas feel, but I’m not sure if I would add them to my blog, but the background in the comment box is certainly a nice touch ;)
    .-= Karen @ Blazing Minds´s last blog ..Who’s the Band – Lethality Scale =-.

    1. It’s probably not for everyone Karen. I just thought it would add a nice Christmas feel to everything.

  5. So far, wassupblog is the first blog among my favorites that has taken up the Christmas spirit not just in content but in the theme as well.

    I have a feeling that I may soon likewise tinker with mine as well to see if I can inject some Christmas atmosphere in it.

    And hey, I agree with Todd that the lighter color scheme seems better than the previous one. It feels more Wassup! than ever. :)
    .-= James Moralde´s last blog ..DoFollow: CommentLuved Finally =-.

    1. Wow, I’m actually first at something. :cheese1_ee:

      Like I said to Todd, I may make a few alterations once Xmas is over.

  6. Holy snap! I love it, Sire! I’m a bonafide Christmas maniac, and I’m just digging your background and the beautiful trees and the snowflakes in your comment box!

    Thanks for taking the time to share the code with us. I Tweeted this post so the rest of the nuts like me can find you. I’m not going to mess with my own blog though, because it took me 26.4 years to get my Thesis to its current state.
    .-= Heather Kephart´s last blog ..My Cyber Cabin in the Woods =-.

    1. No worries Heather. I’m sure you could make the same changes to Thesis to get a similar effect, but I’m not game enough to attempt it, at least not this year.

      Thanks for the Tweet Karen. :clap_tb:

  7. You’re welcome! The only thing I don’t like is the Santa background. Thanks for the linky love.
    .-= Rose´s last blog ..Top 10 Christmas gifts =-.

    1. No probs Rose, and what’s wrong with Santa?

      1. There is nothing wrong with Santa. I still believe. ;-)
        .-= Rose´s last blog ..How to add a retweet button to your blogger blog-Tweetmeme =-.

  8. Hey Sire,
    Looks like Christmas has just landed your blog! Oh wait, the snow is falling. :)
    Good job on the background although I’m not really that comfortable with the snow fall effect.
    One thing I’ve notice though, your site loads way too slow as it was before.
    .-= Mathdelane @Software Critics´s last blog ..Spice Up Your Holiday with Free Recipe Software =-.

    1. Thanks Mathdelane, and I notice it was loading slower but didn’t have time to speed things up. I figured it had something to do with all the extra graphics so I optimized them all and is seems a lot quicker now.

      1. It’s a lot better now. :)
        .-= Mathdelane @Software Critics´s last blog ..Cleaning Up the Twitter Clutter =-.

        1. Cool, I feel a whole lot better knowing I did something right :grin1_ee:

  9. Not sure what if I like it or not. The site does seem to be a bit more heavy in my Firefox now and the falling snow doesn’t show too easy because of the light background/theme. Could maybe become a bit annoying as well, depends on your readers I guess.

    I don’t think I’m going to do any Christmas changes on my blog though – way too busy just to keep up with adding content :)
    .-= Klaus @ TechPatio´s last blog ..10 Reasons Not To Use An iPhone =-.

    1. Yeah, the speed is probably because of all the extra images. I’ve just optimized them all so it should be a fair bit quicker now.

      Changing the look of the blog to match the season may not be for everyone, but I don’t mind because Flexsqueeze makes it so easy.

  10. Niiiiice! Certainly love the Christmas feel ya got around here Sire. First thing I noticed. I should follow suit.
    .-= Colleen´s last blog ..Kennewick Real Estate =-.

    1. Thanks Colleen. It was fun doing it up. Sort of like putting up all the Christmas decorations around the home.

  11. Wow.. now you don’t have to write for me to find out it’s almost Christmas now. You really did heaps of work here! I like the snowmen in your header but my favorite would have to be the snowflakes. I always have a thing for snow, maybe because I don’t get any here. =P It feels good even for virtual ones.

    @wchingya
    Social/Blogging Tracker
    .-= Ching Ya´s last blog ..Tweetsgiving: Spend Thanksgiving Differently On Social Media =-.

    1. Yeah, somehow I don’t think we’re going to get any snowflakes. We have just had our hottest spring weather since the early 1900s. We’ve had a heat wave where several days topped 43C.

      Can’t wait till summer. :D

    1. Cool. Let me know when you’re done so that I can come over and admire it.

    1. No worries at all Ted. I aim to inform, entertain and please my readers.

  12. Dang, this made me all cheery. I hate when that happens.

    Now, take down those cute snowmen off the banner. They look entirely to happy.

    Oh no, I think my Grinchness is fading. I’m starting to feel Christmasie. I don’t know what is happening, I feel funny inside, Is my heart that was 2 sizes to small now swelling to normal size?

    I feel filled with happ…..*Farts*. Never mind, it was just gas making me feel full. Now, back to the drab theme like everyone else.
    .-= Sheryl´s last blog ..Packs of Free Christmas Icons =-.

    1. :surrender_tb: Honestly Sheryl, you could have waited until I left the room. :lol_tb:

  13. Like a retailer, restaurant, using themed decor can help set the mood. Let me add that this is one of the nicest holiday looking blogs ever seen. Seriously… kudos!

    1. Why thanks Michael. Now don’t forget to spread the word so that others can enjoy it as much as you did. :wink_ee:

  14. Figures if I would have came to this post in my reader before the other two I commented on I could have just saved my “Nice Christmas Design” for the proper post.

    Hopefully mine will be done this week, I have had Dawn over loaded with work.
    .-= Extreme John´s last blog ..Sunday Smash =-.

    1. Hey, it’s all good John, I don’t mind people repeating themselves when telling me how I’m so bloody good and all. :laugh_tb:

  15. I’ve been doing CSS designs for about five years, and honestly, it’s not that hard. If you tackle the process from the angle of doing it right the first time, know a few of the biggest browser bugs, and tweak for minor quirks, you will most definitely have a much easier time than with table layout.

Comments are closed.