Let Your Blog Snows..
Posted on Dec 06 in Bloggingby ApplePrint
Christmas is around the corner. Buildings and streets are full of Christmas decoration. How about….make it snow in your very own blog? Yup, like the one you see here… Interested?
All you need is to paste a javascript code into your blog HTML/XML editor and edit the snowflake image link. Meaning, you will have to get your own snowflake image and host it yourself in site such as Photobucket or any other similar services.
Download the snow effect script here. (right click save as)
Steps:
- Get ready your snowflake image link if you have your own snowflake image. (snow.gif)
- Download the script (image link provided). Replace the image link (var snowsrc) with “YOUR SNOW IMAGE LINK” (eg. http://yourblog.com/snow.gif) if you want to put up your own snowflake image.
- Copy and paste the above code into your blog HTML Editor, place it anywhere between the <body> </body> tag.
- Save and you’re done.
Note: Your image recommended to be in transparent background and 24 x 24 in pixel and name your image as snow.gif.
For Wordpress blog, you may want to paste the code into your header.php, right after the <body> tag.
For Blogger (blogspot), you have to be using the classic template in order to use this code. Place the code anywhere between the <body> </body> tag.
if you don’t like to trouble of looking of snowflake images, you can use mine instead. My snowflake image link is
http://i205.photobucket.com/albums/bb237/xiaoyenzi2/snow.gif
Have fun~ If you have any questions, please ask in the comment.
Last Update: 05 December 2008.
22 Comments
Trackbacks / Pingbacks
-
[...] you are using Blogger (blogspot) classic template, perhaps you would like to read this for adding Javascript snowflake to your [...]
Leave a Reply
-
Apple: Thanks, but its fading..haha...
-
rya: i watched this movie a couple weeks ago. it's a se...
-
remblue: I like the color it suits you nice ^_^...
-
-
-
-
-
-
-
About
Hi there! I'm Apple, author of xiaoyenzi.com. Welcome to my blog. This is where I share any thing that I found interesting and worth sharing. If you like my blog, you may like to subscribe via the column below. Thanks and do enjoy your stay. ... [Know more about this blog] 
Daily Mugshot
Get Connected
Advertisement
Partners
im using a modified wordpress theme for blogger in my blog,and im not sure where to paste the code..
anyway i tried it in my dummy blog with classic blogger template also cannot.it comes with the error—>
“Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: Open quote is expected for attribute “{1}” associated with an element type “type”.
@flux,
tag. Please let me know if you still have problems. ^^Thanks for testing out. I think I should have missed out something when I pasted the code here. So, I’ve uploaded a tested working script for download. Use that one instead. Make sure your blogger template is showing “Template” (Classic template)in the dashboard instead of “Layout”. Just need to paste the code right after the
nice tutorial.
but too sad I cant use it since I wan to keep d XML format. T_T
Thx for this apple! Thanks….
@Renge,
you can temporarily revert to classic template and after you X’mas you can change back to XML. But remember to backup your current template.
@curryegg,
My pleasure. ^^
hey.. there’ll be a bloggers’ meet this coming sunday fully sponsored by tao!
pls do come!! 
more info on my blog. 
apple, i know how to do.. but hor..
lazy do.. wakakkaaa
@jimmychin,
you pro of course know how to do, no need see this tutorial. blek
Saw your complaints about your hosting firm. Maybe you wanna consider bluehost.com (low cost) , or and westhost.com (for VPS).
I am using VPS. Google ‘Virtual private server’ to understand the technology.
I see you are with a Malaysian company now. I am not sure about the quality of Malaysian hosting firms. I have been with U.S firm since the first day. Hope these help.
Cheers,
Gav
Hey girl, thx a lot 4 sharing ^_^
Wow! It is great! My blog is snowing now! ^^
Thanks for your tutorial! And I love it so much!!!
@Gav,
Thanks for the information. Yes, I have my blog hosted in a Malaysia server. I would love to use a US server however it will be less convenient when come to payment issue.
@cHrIstInA_YY,
You’re welcome.
@♥GLADYS公主♥,
You’re welcome. I’ve seen the snow in your blog ^^
The snow script is nice but not suitable for XML blogger/blogspot. If you which to stick to the XML blogger and still want an X’mas theme, you can visit here.
Apple, your blog template really nice!! How you do it until fantastic? Can teach me some or not? This snow i really like it!! Thanks!!
@GenYong,
Thanks. I’m glad you like my blog theme. Actually I just pick a layout that I think is nice and start modifying it. for eg, the header, footer, sidebars etc.. I use Photoshop for any image modification, the rest are codes (such as link colors).
wow, this is so cool! thanks for the tutorial =D
@MandarinOrange,
You’re welcome ^^
THANK YOU VERY MUCH. NOW MY BLOG HAS LOVELY SNOW FLAKES
You’re welcome. I see snowflakes in your blog now =)
Thank you sweetie XXX
Hi! OK well i don’t know what a “classic template” is, and where to find it. and every time i put your code in between the tags, it says that it cannot do it….i was wondering if maybe you can make yours into a “code plug-in?” much like this one:
http://snow-effect.googlecode.com/files/snow.js
You’re all welcome.
@Max,
To know weather you are using a classic template, look at your Blogger dashboard and see if it’s “Layout” or “Template”.
Layout = new Blogger (formerly known as Beta Blogger)
Template = classic template, doesn’t support the drag and drop layout arrangement feature.
You can actually find other code that ends with “.js” (which is actually javascript) and embedded to your site using the “script” tag.