Copy and paste the code below the dashed line into a custon header in your xanga, unde Look & Feel. Note: Copying the code below will not put the counter located at the bottom of the page onto your xanga. That is there to show how many people have looked at, and potentially taken, this layout.
-----------------------------------------------------------------------------------
<center>
<img src="http://tinypic.com/4u80wo">
<style type="text/css">
/* <span class='searchlite'>candy shop</span> Stylesheet */
/* by Tastypoo (http://www.xanga.com/Super_Sweet_Layouts/) */
/* <a href='http://BlogRing.Net' target='_blank'>http://BlogRing.Net</a> */
body {
background-color: #000000;
background-image: url();
background-repeat: no-repeat;
background-attachment: fixed;
background-position: bottom right;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #000000;
scrollbar-shadow-color: #BF00BF;
scrollbar-face-color: #000000;
scrollbar-highlight-color:#BF00BF;
scrollbar-darkshadow-color:#BF00BF;
scrollbar-3dlight-color: #FFFFFF;
}
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font:normal 11px arial;
line-height:16px;
color:#BF00BF;
letter-spacing:0px;
text-align:justify;
}
.left B, { font: bold 11px arial; color: "#BF00BF"; line-height: 16px;}
.blogbody b, .standard b, p b, strong {
/* edits bolded text in your entry */
font-weight: bold;
color: #BF00BF;
}
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:22px;
line-height:30px;
font-weight:regular;
height: 1px;
color: #BF00BF;
letter-spacing:-2px;
text-align: center;
background-color: #DF9FDF;
border: 1px solid #BF00BF;
}
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
color:#DF9FDF;
text-decoration: none;
font:normal 11px arial;
line-height:16px;
}
a:visited, a.footernav:visited, {
/* edits the links that the user has visited */
color: #DF9FDF;
text-decoration: none;
font:normal 11px arial;
line-height:16px;
}
a:hover {
/* edits when user mouseovers the links */
color:#DF9FDF;
text-decoration: none;
font:bold 11px arial;
line-height:16px;
background-color: #000000;
border: 1px solid #BF00BF;
}
input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 1px solid #80FF00;
font:normal 11px arial;
background-color: #000000;
letter-spacing:0px;
color: #BF00BF;
}
table.left {
/* this edits the menu module */
border: 1px solid #BF00BF;
width:160px;
font:normal 11px arial;
line-height:16px;
}
table.blogbody {
/* this edits the other the place where the blog is */
border: 1px solid #BF00BF;
background-color: #000000;
width:400px;
font:normal 11px arial;
line-height:16px;
color: #BF00BF;
}
table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
background-image: none;
font: bold 11px arial;
color: #BF00BF;
border: none;
background-color: #000000;
BORDER-BOTTOM: #BF00BF 1px solid;
}
table.left TD {
/* on your menu module, this edits the body part of it */
background-image: none;
background-color: #000000;
border: none;
font:normal 11px arial;
line-height:16px;
color: #BF00BF;
}
table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
background-color: #000000;
border: 1px solid #BF00BF;
}
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
border: 1px solid #BF00BF;
}
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
width: 500px;
}
hr {
/* horizontal divider */
border: 1px solid #000000;
}
}
/*Automatic entry scrollbar by Blogring.net*/
.custom{
width:300px;
height:300px;
z-index:100;
overflow: auto;
border: 0px none;
background:;
}
</style>
<script language=JavaScript>
<!--
//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("#DF9FDF","#000000");
// the border color
var blinkBorderColor = "#BF00BF"
// the border width, in pixels
var blinkBorderWidth = 4;
// the # of rows
var blinkRows = 1;
// the # of columns
var blinkCols = 5;
// the width of the entire box, in pixels or %
var blinkWidth = 500;
// 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();
//-->
</script>
<!-- End Script by Blogring.net -->
<a href="http://xanga.com/Super_Sweet_Layouts" target="_blank">Super_Sweet_Layouts</a><br />
<!-- End Script by Blogring.net -->
<BODY style="border-bottom: #000000
20t solid; border-top: #000000
20t solid; border-left: #000000
20t solid; border-right: black
20t solid"></TBODY> | 