Randomise Header Graphic or Tag Line with .js

From Bloggerhacks

Revision as of 09:35, 26 June 2006 (view source) Webmoi (Talk | contribs) ← Previous diff		Revision as of 16:15, 26 June 2006 (view source) Jcmeloni (Talk | contribs) Next diff →
Line 1:		Line 1:
	==Platform==		==Platform==
-	All	+	This feature is available for use with any blog platform, although the instructions in this hack are written for use with [[Blogger]] blogs.
	==Author==		==Author==
	[http://nofancyname.blogspot.com/ Julie Meloni]		[http://nofancyname.blogspot.com/ Julie Meloni]
-	==HomePage==	+	==Home Page==
-	[http://nofancyname.blogspot.com/2005/11/using-javascript-to-randomize-things.html No Fancy Name]	+	[http://nofancyname.blogspot.com/2005/11/using-javascript-to-randomize-things.html using javascript to randomize things in your blog template]
		+
		+	==License==
		+	[http://creativecommons.org/licenses/by-nc-sa/2.5/ Creative Commons Attribution-NonCommercial-ShareAlike 2.5]
	==Skill Level==		==Skill Level==
-	Advanced	+	You must be comfortable with editing [[JavaScript]] and your [[Blogger template]].
	==Description==		==Description==
-	Randomise header graphic or tag lines with javascript	+	This how-to describes a method of randomizing header images or taglines (or both) using [[JavaScript]].
	==Method==		==Method==
-	Customise and add javascript code to template header. Place code within template where header or text will be shown.	+	(See detailed instructions at the [http://nofancyname.blogspot.com/2005/11/using-javascript-to-randomize-things.html homepage].)
		+
		+	# Obtain code from the [http://nofancyname.blogspot.com/2005/11/using-javascript-to-randomize-things.html instructions].
		+	# Edit the code as appropriate to your set of header images and/or taglines.
		+	# Insert [[JavaScript]] snippet into the head element of your [[Blogger template]], per the instructions.
		+	# Insert [[JavaScript]] into the body element of your [[Blogger template]], per the instructions.
		+	# Re-publish your blog.
	==Sites Using This Hack==		==Sites Using This Hack==
-	[http://www.kinesthesis.blogspot.com/ Kinesthesis Breakthrough]	+	* [http://www.kinesthesis.blogspot.com/ Kinesthesis Breakthrough]
		+
		+	Edit this area and add your own link if you are using this hack.
-	==Screenshot Of Hack In Use==	+	==Screenshot of Hack in Use==
	[[Image:Nofancyname300.jpg|Randomised Header Image]]		[[Image:Nofancyname300.jpg|Randomised Header Image]]
-	[[Category:JavaScript]] [[Category:Layout]]	+	[[Category:Hacks]]
		+	[[Category:Layout]]

---

Revision as of 16:15, 26 June 2006

Contents 1 Platform 2 Author 3 Home Page 4 License 5 Skill Level 6 Description 7 Method 8 Sites Using This Hack 9 Screenshot of Hack in Use

Platform

This feature is available for use with any blog platform, although the instructions in this hack are written for use with Blogger blogs.

Author

Julie Meloni

Home Page

using javascript to randomize things in your blog template

License

Creative Commons Attribution-NonCommercial-ShareAlike 2.5

Skill Level

You must be comfortable with editing JavaScript and your Blogger template.

Description

This how-to describes a method of randomizing header images or taglines (or both) using JavaScript.

Method

(See detailed instructions at the homepage.)

1. Obtain code from the instructions.
2. Edit the code as appropriate to your set of header images and/or taglines.
3. Insert JavaScript snippet into the head element of your Blogger template, per the instructions.
4. Insert JavaScript into the body element of your Blogger template, per the instructions.
5. Re-publish your blog.

Sites Using This Hack

• Kinesthesis Breakthrough

Edit this area and add your own link if you are using this hack.

Screenshot of Hack in Use