To wrap text around an image, use the following code:

CODE <img src="URL OF IMAGE" align="left">

That will make the image to the left of the text. To make the image to the right of the text, replace "left" with "right". If you want text to pop up when you run your mouse over the image, you have to use the "alt" attribute. This text also shows up where your image would be if it doesn't load correctly.

 CODE <img src="URL OF IMAGE" alt="YOUR TEXT HERE">

The size of the image can also be adjusted:

CODE <img src="URL OF IMAGE" width="#" height="#">

You have to change the # to a number in pixels. Remember, you can always combine these tags.

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

if you ever wanted to have multiple songs on your site that changed everytime you refreshed or linked to another part of the site. well here is the code. YOU HAVE TO PUT IN THE SONG TITLES AND URL'S. DONT FORGET!! put it in your custom header. enjoy <!-- begin code provided by createblog.com --> <!-- begin code provided by createblog.com --> <script language="JavaScript"><!-- // modified to eliminate 'undefined' error by micron // for more xanga scripts and help go to createblog.com ctips = new Array(); ctips[0]="Title of Song1"; ctips[1]="Title of Song2"; ctips[2]="Title of Song3"; ctips[3]="Title of Song4"; tips = new Array(); tips[0]="http://url.to/song1.asf"; tips[1]="http://url.to/song2.asf"; tips[2]="http://url.to/song3.asf"; tips[3]="http://url.to/song4.asf"; index=Math.floor(Math.random() * tips.length); document.write("<center><embed src="+tips[index]+" width=0 height=0 align=top autostart=true loop=true controls=hidden type=audio/x-pn-realaudio-plugin exts=ra,ram Init fn=load-types mime-types=mime.types></embed></center>") document.write("<center><font color=#000000>"+ctips[index]+"</center>") //--> </script> <!-- end code provided by createblog.com --> <!-- end code provided by createblog.com --> ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

HERE ARE SOME CODES FOR PAGE TRANSITIONING YOU HAVE TO PUT THIS IN THE WEB STATS.

PIXELATE
<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Pixelate(Duration=1)"> <meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Pixelate(Duration=1)">

BLINDS
<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Blinds(Duration=1)"> <meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Blinds(Duration=1)">

 BARN

<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Barn(Duration=1)"> <meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Barn(Duration=1)">

CHECKERBOARD

<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.CheckerBoard(Duration=1)"> <meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.CheckerBoard(Duration=1)">

FADE

 <meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Fade(Duration=1)"> <meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Fade(Duration=1)">

gradient wipe

<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.GradientWipe(Duration=1)"> <meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.GradientWipe(Duration=1)">

INSET

  <meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Inset(Duration=1)"> <meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Inset(Duration=1)">

IRIS

<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Iris(Duration=1)"> <meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Iris(Duration=1)"> </TEXT AREA> RADIAL WIPE <TEXTAREA style="WIDTH: 214px; HEIGHT: 55px" rows=3 cols=19> <meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.RadialWipe(Duration=1)"> <meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.RadialWipe(Duration=1)"> </TEXT AREA> RANDOM BARS <TEXTAREA style="WIDTH: 214px; HEIGHT: 55px" rows=3 cols=19> <meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.RandomBars(Duration=1)"> <meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.RandomBars(Duration=1)"> </TEXT AREA> RANDOM DISSOLVE <TEXTAREA style="WIDTH: 214px; HEIGHT: 55px" rows=3 cols=19> <meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.RandomDissolve(Duration=1)"> <meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.RandomDissolve(Duration=1)"> </TEXT AREA>

COLOR HERE
IMG SOURCE HERE
TITLE HERE
WINDOW STATUS

<script>document.title="TITLE GOES HERE. ";</script> <script>window.status="WINDOW STATUS GOES HERE. MESSAGE TO EVERYONE.";</script> <font face="Arial"> <center><style type="text/css"> /*star converse by ameriacankupkake @ xanga*/ /* <a href='http://BlogRing.net' target='_blank'>http://BlogRing.net</a> */ body { background-color: #COLOR HERE; SCROLLBAR-ARROW-COLOR:#COLOR HERE; SCROLLBAR-BASE-COLOR:#COLOR HERE; SCROLLBAR-DARKSHADOW-COLOR:#COLOR HERE; SCROLLBAR-FACE-COLOR:#COLOR HERE; SCROLLBAR-HIGHLIGHT-COLOR:#COLOR HERE; SCROLLBAR-SHADOW-COLOR:#COLOR HERE; SCROLLBAR-TRACK-COLOR:#COLOR HERE;} .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p { /* edits main text */ font-size:8pt; font-face:arial; line-height:10px; color:#COLOR HERE; letter-spacing:0px; text-align:justify; } b, strong { /* edits bolded text in your entry */ font-weight: bolder; color: #COLOR HERE; table.footer TD { /* this makes the footer at the bottom centered */ /* leave it alone unless you know what to do*/ text-align: center; } div.blogheader, .caption { /* edits the dates */ font-family:arial; text-transform:lowercase; font-size:20px; line-height:20px; font-weight:bolder; color:#COLOR HERE; letter-spacing:-3px; background-color: #COLOR HERE; text-align: center; } a:link, .footernav.link, a.footernav:link, a.footernav:active { /* edits all links */ color:#COLOR HERE; font:arial; font-size:8pt; line-height:10px; text-decoration: none; } a:visited, a.footernav:visited, { /* edits the links that the user has visited */ color:#COLOR HERE; font:arial; font-size:8pt; line-height:10px; text-decoration: strikeout; } a:hover { /* edits when user mouseovers the links */ color:#COLOR HERE; background-color:COLOR HERE; font:arial; font-size:8pt; line-height:11px; text-decoration: strikeout; } input, select, textarea, .textfield, .button { /* this edits the buttons, dropdowns, etc. */ border: 1px solid #COLOR HERE; font:normal 11px arial; background-color: #COLOR HERE; letter-spacing:0px; color: #COLOR HERE; } table.left { /* this edits the menu module */ border: 1px solid #COLOR HERE; width:160px; background-color: #COLOR HERE; } table.blogbody { /* this edits the other the place where the blog is */ border: 3px solid COLOR HERE; background-color: #COLOR HERE; width:550px; } table.left th { /* on your menu module, this edits the title part of it */ /* like BLOGRINGS, POSTING CALENDAR, etc */ background-color: #COLOR HERE; font: arial; font-size:8pt; text-transform: lowercase; color: #COLOR HERE; border: COLOR HERE; } table.left TD { /* on your menu module, this edits the body part of it */ background-color: #COLOR HERE; border: 1px solid COLOR HERE; color:#COLOR HERE; } table.search TD, table.search, table.announcements { /* border of search bar (if you have it) */ background-color: #COLOR HERE; border: 3px solid COLOR HERE; } table.search TD, table.announcements TH { /* this should be left alone */ /* unless you know what to do */ border: 0px solid #COLOR HERE; } table.navigation, table.main, table.footer { /* the width of your blog with modules */ width: 500px; } hr { /* horizontal divider */ border: 1px solid #COLOR HERE; } </style><img border="0" src="IMG SOURCE HERE.. THIS WILL BE YOUR BANNER. " galleryimg="no"></center>

Basic stuff.

MAKE SOMETHING BOLD

 <STRONG>TEXT</STRONG>

MAKE SOMETHING UNDERLINED

MAKE SOMETHING STRIKED OUT

 <S>TEXT HERE</S>

I WILL ADD MORE LATER. THIS IS JUST BASIC STUFF. ALL HTML POSTED HERE IS JUST FOR XANGA. IF YOU HAVE A REQUEST SEND IT MY WAY!