if you like this layout, paste the following code into the custom header!

<!-- begin code provided by createblog.com --> <script> <!-- begin code provided by createblog.com --> <!-- //blink boxes - xanga.com/add_ons //by sean f http://www.xanga.com/seanmeister //fixed to work with new security measures by //hotaru_01 http://www.xanga.com/hotaru_01 // customize by changing the values below // these are the various colors, in quotes, seperated by commas var blinkColors = new Array("#000000","#ffffff","#ff3399", "#33ffff"); // the border color var blinkBorderColor = "#000000" // the border width, in pixels var blinkBorderWidth = 1; // the # of rows var blinkRows = 1; // the # of columns var blinkCols = 50; // the width of the entire box, in pixels or % var blinkWidth = 650; // the height of each row, in pixels var blinkRowHeight = 10; // speed of blinking, in milliseconds var blinkRate = 8; // do not edit below this line st=setTimeout; document.write("<table id='blinkbox' width='" + blinkWidth +"' border = 0 cellspacing='" + blinkBorderWidth + "' cellpadding=0 bgcolor='" + blinkBorderColor +"'>"); for (r = 0; r < blinkRows; r++){ document.write("<TR>"); for (c = 0; c < blinkCols; c++){ document.write("<TD height='" + blinkRowHeight + "'></TD>"); } document.write("</TR>"); } document.write("</table>"); // ... and this makes it blink function blinkIt() { changecell = Math.floor(Math.random() * (blinkCols * blinkRows)); changecolor = Math.floor(Math.random() * blinkColors.length); bb = document.getElementById("blinkbox"); bbtd = bb.getElementsByTagName("td"); bbtd[changecell].style.backgroundColor = blinkColors[changecolor]; st('blinkIt()', blinkRate); } blinkIt(); //--> <!-- end code provided by createblog.com --> </script> <!-- end code provided by createblog.com --> <!-- begin code provided by createblog.com --> <style type="text/css"> /* Did You Know? Remover - xanga.com/add_ons */ Table.Announcements TD {display: none;}; </style> <!-- end code provided by createblog.com --> <!-- begin code provided by blogring.net --> <style type="text/css"> /* Mary Kate and Ashley layout */ /* by kitz03 */ body { background-color: #000000; scrollbar-arrow-color: #ffffff; scrollbar-track-color: #000000; scrollbar-shadow-color: #000000; scrollbar-face-color: #000000; scrollbar-highlight-color: #000000; scrollbar-darkshadow-color: #000000; scrollbar-3dlight-color: #000000; } .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p { /* edits main text */ font:normal 11px century gothic; line-height:11px; color:#ff3399; letter-spacing:0px; text-align:justify; } .blogbody b, .standard b, p b, strong { font-weight: bold; color: #ffffff; } 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 */ border-right: 1px solid #ffffff; border-left: 1px solid #ffffff; border-top: 1px solid #ffffff; font-family:century gothic; text-transform:lowercase; font-size:18px; line-height:14px; font-weight:bold; color:#33ffff; letter-spacing:0px; background-color: #000000; text-align: left; } a:link, .footernav.link, a.footernav:link, a.footernav:active { /* edits all links */ color:#33ffff; font: normal 12px century gothic; line-height: 11px; text-decoration: none; } a:visited, a.footernav:visited, { /* edits the links that the user has visited */ color:#33ffff; font:normal 12px century gothic; line-height:11px; text-decoration: none; } a:hover { /* edits when user mouseovers the links */ color:#ff3399; font:normal 20px century gothic; line-height:21px; cursor: crosshair; text-decoration: none; filter: blur; height:5; } input, select, textarea, .textfield, .button { /* this edits the buttons, dropdowns, etc. */ border: 1px solid #ffffff; font:normal 12px century gothic; background-color: #000000; letter-spacing:0px; color: #33ffff; } table.left { /* this edits the menu module */ border: 1px solid #ffffff; width:200px; background-color: #000000; } table.blogbody { /* this edits the other the place where the blog is */ border-right: 1px solid #ffffff; border-left: 1px solid #ffffff; border-bottom: 1px solid #ffffff; background-color: #000000; width:470px; } table.left th { /* on your menu module, this edits the title part of it */ /* like BLOGRINGS, POSTING CALENDAR, etc */ background-color: #000000; font: bold 14px century gothic; text-transform: lowercase; color: #33ffff; border-bottom: none; } table.left TD { /* on your menu module, this edits the body part of it */ background-image: url(); background-color: #000000; border: none; } table.search TD, table.search, table.announcements { /* border of search bar (if you have it) */ background-color: #000000; border: 1 px solid #ff3399; } table.search TD, table.announcements TH { /* this should be left alone */ /* unless you know what to do */ border: 0px solid #000000; } table.navigation, table.main, table.footer { /* the width of your blog with modules */ width: 380px; } hr { /* horizontal divider */ border: 1px solid #000000; } BODY{cursor:transparent} table.footer {display: none;} </style> <!-- end code provided by blogring.net -->

background image url--- http://www.marcjfisher.com/samples/111zebra.jpg
the background image part of your site should look like this.
Background Image:

Fixed Background (no scrolling)

Repeat Background:
all directions
horizontal only
vertical only
no repeat

Position Background:

Vertical: top center bottom

Horizontal: left center right