HTML Tricks for Xanga

A List of HTML Tricks for Xanga

Here is a list of the easy, relatively short HTML codes you can use to add graphics to your Xanga page.

Style Tricks

• Scrolling banner: You will need the HTML color codes in order to choose a background color for your banner. Here is the code for this trick

Your Text Here.

• Tiled background: You will need to change your body tag to change your current background to a tiled one.
• A fade-in slide show: If you want to create a slide show on your Xanga page and you want those slides to fade during the transition to the next slide, be warned, the code is long. Instead of putting it all on this page, here is link to HTML tricks that will allow you to create your own fade in slide show
• A floating image: This will allow you to insert an image that floats around on you webpage. Again, the code is long so here is the floating image link.

Linking Tricks

• Mouse over hyperlink: When a user puts the mouse over a hyperlink, a pop-up text box will appear.
• Name of your link here
• Same page linking: Two codes you have to insert to link to other areas of the same webpage:
  • Name of link
  • Go back to name of link
• Linking an image: If you have images you want to link to your Xanga page, use the following code:
  • First put a link in your page name of the pic you want to link
  • Link it to your Xanga page < img src="full name of the link">

Text Tricks

• The Matrix effect: With this text effect, the letters of your text fall toward the bottom of the screen. This code is a little complicated, so copy and paste this code to get the Matrix effect you’re your text on your Xanga page.
• Bouncing text: By using this bouncing text HTML trick for Xanga, you chosen text will bounce around the screen.

• Justify text: If you want your text justified, here is the code:

< p align="justify">Insert your text here

• Align text: Align your text right use this code < p align=right>Insert your text here

• Align Pics using this code < img src=Insert image URL here align=right>
  • To align to the left, simply change align=right to align=left.

• Wave text: This trick will make your text look like a psychedelic wave. Follow this wave text link and copy/paste the code into the body of your Xanga page.

• Text color: If you're bored with the plain old text colors of black or white, here is trick to change the color of your text:

< font color= name of your chosen color>Your text

• Important Note:

When using the above codes for aligning pictures, text and changing font color, make sure there is no space between the < and the text, so it should look like this