RULES:  no modifying other then where stated.no redistributing, in other words not to be used on free layout sites, or you'll be added to a jockers wall of shame. leave my link on the layout. thats it.

DIRECTIONS: copy and paste entire code into your custom header.

 Make sure you change the "YOUR USERNAME" , (theres only 2 places you'll have to do this) to your username.

highlight, and "ctrl c" to copy, and "ctrl v" to paste into your custom header.

<script>document.title="B.U.T.T.E.R.F.L.Y";</script><img src= http://img14.imgspot.com/u/05/143/21/layout7.gif><a href="http://www.xanga.com/Josettia">© Josettia</a> <script language=JavaScript><!-- //blink boxes - xanga.com/add_ons //by sean f <a href='http://www.xanga.com/seanmeister' target='_blank'>http://www.xanga.com/seanmeister</a> //fixed to work with new security measures by //hotaru_01 <a href='http://www.xanga.com/hotaru_01' target='_blank'>http://www.xanga.com/hotaru_01</a> // customize by changing the values below // these are the various colors, in quotes, seperated by commas var blinkColors = new Array("#666666","#858585","#d6d6d6"); // the border color var blinkBorderColor = "#d6d6d6" // the border width, in pixels var blinkBorderWidth = 1; // the # of rows var blinkRows = 3; // the # of columns var blinkCols = 100; // the width of the entire box, in pixels or % var blinkWidth = 535; // the height of each row, in pixels var blinkRowHeight = 3; // 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(); //--> </SCRIPT> <a href="http://www.xanga.com">XANGA</a> ~<a href="http://www.xanga.com/signin.aspx">SIGN IN</a> ~ <a href="http://www.xanga.com/private">HOME</a> ~ <a href="http://www.xanga.com/profile.aspx?user=YOUR USERNAME">PROFILE</a> ~ <a href="http://www.xanga.com/private/Subscribeto.aspx?user=YOUR USERNAME">ADD ME</a> ~ <a href="http://www.xanga.com/private/home.aspx">PRIVATE</a> ~ <a href="http://www.xanga.com/logout.aspx">FLY</a> <style type="text/css"> /* butterfly*/ /* by josettia (www.xanga.com/josettia) */ /* <a href='http://BlogRing.Net' target='_blank'>http://BlogRing.Net</a> */ body { background-color: #d6d6d6; background-image: url("http://img14.imgspot.com/u/05/144/00/ground7.gif"); background-attachment: fixed; background-repeat: yes-repeat; background-position: bottom right; scrollbar-arrow-color: #666666; scrollbar-track-color: #d6d6d6; scrollbar-shadow-color: #666666; scrollbar-face-color: #d6d6d6; scrollbar-highlight-color: #666666; scrollbar-darkshadow-color: #666666; scrollbar-3dlight-color: #666666; } .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p { /* edits main text */ font:normal 11px tahoma; line-height:10px; color:#858585; letter-spacing:0px; text-align:justify; } .blogbody b, .standard b, p b, strong { /* edits bolded text in your entry */ font-weight: bold; color: #666666; } 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:tahoma; text-transform:uppercase; font-size:13px; line-height:16px; font-weight:Bold; color:#666666; letter-spacing:1px; background-color: #d6d6d6; background-image: url("http://img14.imgspot.com/u/05/144/00/wes.gif");background-repeat: no-repeat;background-position: center; text-align: center; border-top: 4px double #666666; border-left: 4px double #666666; border-right: 4px double #666666; border-bottom: 4px double #666666; } a:link, .footernav.link, a.footernav:link, a.footernav:active { /* edits all links */ font:normal 11px tahoma; line-height:10px; color:#666666; text-decoration: none; } a:visited, a.footernav:visited, { /* edits the links that the user has visited */ font:normal 11px tahoma; line-height:10px; color:#666666; text-decoration: none; } a:hover { /* edits when user mouseovers the links */ font:uppercase 11px tahoma; line-height:11px; color:#858585; cursor: nw-resize; text-decoration: none; } input, select, textarea, .textfield, .button { /* this edits the buttons, dropdowns, etc. */ border: 3px double #666666; font:normal 10px tahoma; background-color: #d6d6d6; letter-spacing:0px; color: #858585; } table.left { /* this edits the menu module */ border: 1px double #666666; width:160px; background-color: #d6d6d6; } table.blogbody { /* this edits the other the place where the blog is */ border-top: 4px double #666666; border-left: 4px double #666666; border-right: 4px double #666666; border-bottom: 4px double #666666; background-color: #d6d6d6; background-image: url(""); width:380px; } table.left th { /* on your menu module, this edits the title part of it */ /* like BLOGRINGS, POSTING CALENDAR, etc */ background-image: url("http://img14.imgspot.com/u/05/144/00/wes.gif");background-repeat: no-repeat; background-position: center; background-color: #d6d6d6; font: bold 11px tahoma; text-transform: uppercase; color: #666666; border-top: 4px double #666666; border-left: 4px double #666666; border-right: 4px double #666666; border-bottom: 4px double #666666; } table.left TD { /* on your menu module, this edits the body part of it */ font:normal 11px tahoma; line-height:10px; color:#858585; background-image: url(""); background-color: #d6d6d6; border-top: 4px double #666666; border-left: 4px double #666666; border-right: 4px double #666666; border-bottom: 4px double #666666; } table.search TD, table.search, table.announcements { /* border of search bar (if you have it) */ background-color: #d6d6d6; background-image: url(""); border: 4px double #666666; } table.search TD, table.announcements TH { /* this should be left alone */ /* unless you know what to do */ border: 1px double #666666; } table.navigation, table.main, table.footer { /* the width of your blog with modules */ width: 380px; } hr { /* horizontal divider */ border: 1px solid #000000; } table.navigation, table.footer {display:none} </style><!-- Dual Protection by Blogring.net --> <body bgcolor="#FFFFFF" ondragstart="return false" onselectstart="return false" oncontextmenu="return false"> <!-- End script by Blogring.net -->

STEP2: copy and paste this code into your custom header.