Salsa's Page Codes

<html>
<head>
<link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>
<!--------------------------------------
Blogger Classic Template
Name: Bluelicious Affie
Skin by: anugerahsalsa.co.vu
Basecode by : kawaiilady.blogspot.com
*Don't remove this*
*Don't use this skin as basecode*
--------------------------------------!>
<script type="text/javascript">
document.ondragstart = function () { return false; }; </script>
<title>Bluelicious Affie</title><link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lkl6tz9w4G1qfamg6.gif">
<style>
#navbar-iframe {
display: none !important;
}
body {
background:url(http://i368.photobucket.com/albums/oo122/kellikamille1/Backgrounds/tumblr_lrb4sadtu41qapbyt.gif);
background-attachment:fixed;
cursor: url(http://media.tumblr.com/tumblr_lqs4owrr9t1qfoi4t.png), auto;
}
::-moz-selection {
background:#daf6ff;
color:#ffffff;
}
::selection {
background:#daf6ff;
color:#ffffff;
}

a:link, a:visited {
color:#c0ecff;
text-decoration:none;
cursor: url(http://static.tumblr.com/z7e2cpq/PtZlllqc9/ponteiro_azul.png), auto;
}
a:hover{
text-decoration:none;
}
::-webkit-scrollbar {
width: 11px;
height: auto;
}
::-webkit-scrollbar-track-piece {
background:#ffffff;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background:#f0f8ff;
}
.main {
background:white;
border-radius:20px;
box-shadow:0px 0px 14px #dcf3ff;
border:5px solid #f2faff;
padding:10px;align:center;
width:700px;
text-align:justify;
}
.domain {
background:white;
border-radius:20px;
box-shadow:0px 0px 14px #dcf3ff;
border:5px solid #f2faff;
padding:10px;align:center;
width:700px;margin-bottom:25px;
text-align:justify;
}
a.credit {
color:#000000;
padding:6px;
background:#f2faff;
font-size:11px;
letter-spacing:3px;
font-family:Short Stack;color:#ffffff;
border-bottom-right-radius: 5px
}
a.linky {
width:140px; padding:4px;
margin:3px;
background:#f2faff; display:inline-block;
text-align:center; font:13px Short Stack;
letter-spacing:1px;
color:black;border:1px solid #d7edff;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
a.linky:hover {
background:#d7f3ff;color:#ffffff;
border:1px solid #d7edff;
border-radius:10px;
}
</style>
<style>
#music{
position:fixed; bottom:20px; left:30px;
padding-top:12px;padding-bottom:12px;
text-align:center;
height:10px; width:34px;
overflow:hidden;
border:3px solid #f2faff;
color:#888;
border-radius:40px;
-webkit-transition: opacity 0.7s linear;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
background-color:#FFFFFF;
z-index:999;
}
#musicplayer{ padding-top:15px; } #music:hover {border:3px solid #f2faff; padding:5px; height:45px; width:200px;
}
</style>
<div id="music">
<center>
<img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/minigif01.gif" /></center>
<div id="musicplayer">
<embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=http://a.tumblr.com/tumblr_m7e60kYRuX1qavno0o1.mp3&t0=&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
</div>
</div>
<center>
<div style="width:510px;height:40px;background:transparent;color:#d7f3ff;text-shadow:0px 1px 4px #aaaaaa;font:30px Short Stack;border-right:20px solid #f2faff;border-left:20px solid #f2faff; padding-top:10px;padding-bottom:10px;">My Friends List</div>
</center>
<td valign="top" width:850px;">
<center>
<div class="main">
<blogger>
<center>
<div style="padding:5px;height:162px; overflow-x:hidden; overflow-y:scroll;">
<a class="linky" href="http://link.blogspot.com">Friend</a>
<a class="linky" href="http://link.blogspot.com">Friend</a>
<a class="linky" href="http://link.blogspot.com">Friend</a>
<a class="linky" href="http://link.blogspot.com">Friend</a>
<a class="linky" href="http://link.blogspot.com">Friend</a>
<a class="linky" href="http://link.blogspot.com">Friend</a>
<a class="linky" href="http://link.blogspot.com">Friend</a>
<a class="linky" href="http://link.blogspot.com">Friend</a>
<a class="linky" href="http://link.blogspot.com">Friend</a>
<a class="linky" href="http://link.blogspot.com">Friend</a>
<a class="linky" href="http://link.blogspot.com">Friend</a>
<a class="linky" href="http://link.blogspot.com">Friend</a>
<a class="linky" href="http://link.blogspot.com">Friend</a>
<a class="linky" href="http://link.blogspot.com">Friend</a>
<a class="linky" href="http://link.blogspot.com">Friend</a>
<a class="linky" href="http://link.blogspot.com">Friend</a>
<a class="linky" href="http://link.blogspot.com">Friend</a>
<a class="linky" href="http://link.blogspot.com">Friend</a>
<a class="linky" href="http://link.blogspot.com">Friend</a>
<a class="linky" href="http://link.blogspot.com">Friend</a>
<a class="linky" href="http://link.blogspot.com">Friend</a>
<a class="linky" href="http://link.blogspot.com">Friend</a>
<a class="linky" href="http://link.blogspot.com">Friend</a>
<a class="linky" href="http://link.blogspot.com">Friend</a>
<a class="linky" href="http://link.blogspot.com">Friend</a>
<a class="linky" href="http://link.blogspot.com">Friend</a>
<a class="linky" href="http://link.blogspot.com">Friend</a>
<a class="linky" href="http://link.blogspot.com">Friend</a>
<a class="linky" href="http://link.blogspot.com">Friend</a>
<a class="linky" href="http://link.blogspot.com">Friend</a>
<a class="linky" href="http://link.blogspot.com">Friend</a>
<a class="linky" href="http://link.blogspot.com">Friend</a>
<a class="linky" href="http://link.blogspot.com">Friend</a>
<a class="linky" href="http://link.blogspot.com">Friend</a>
<a class="linky" href="http://link.blogspot.com">Friend</a>
<a class="linky" href="http://link.blogspot.com">Friend</a>
<a class="linky" href="http://link.blogspot.com">Friend</a>
<a class="linky" href="http://link.blogspot.com">Friend</a>
<a class="linky" href="http://link.blogspot.com">Friend</a>
<a class="linky" href="http://link.blogspot.com">Friend</a>
<br />

</div></div>
</td>
</table>
<center>
<div style="width:510px;height:40px;background:transparent;color:#d7f3ff;text-shadow:0px 1px 4px #aaaaaa;font:30px Short Stack;border-right:20px solid #f2faff;border-left:20px solid #f2faff; padding-top:10px;padding-bottom:10px;">My Friends Banner</div>
</center>
<td valign="top" width:850px;">
<center>
<div class="domain">
<blogger>
<center>
<div style="padding:5px;height:250px; overflow-x:hidden; overflow-y:scroll;">
<a href="http://link.blogspot.com/"><img src="http://i.imgur.com/SwRejee.png" style="height: 125px;" /></a>
<a href="http://link.blogspot.com/"><img src="http://i.imgur.com/SwRejee.png" style="height: 125px;" /></a>
<a href="http://link.blogspot.com/"><img src="http://i.imgur.com/SwRejee.png" style="height: 125px;" /></a>
<a href="http://link.blogspot.com/"><img src="http://i.imgur.com/SwRejee.png" style="height: 125px;" /></a>
<a href="http://link.blogspot.com/"><img src="http://i.imgur.com/SwRejee.png" style="height: 125px;" /></a>
<a href="http://link.blogspot.com/"><img src="http://i.imgur.com/SwRejee.png" style="height: 125px;" /></a>
<a href="http://link.blogspot.com/"><img src="http://i.imgur.com/SwRejee.png" style="height: 125px;" /></a>
<a href="http://link.blogspot.com/"><img src="http://i.imgur.com/SwRejee.png" style="height: 125px;" /></a>
<a href="http://link.blogspot.com/"><img src="http://i.imgur.com/SwRejee.png" style="height: 125px;" /></a>
<a href="http://link.blogspot.com/"><img src="http://i.imgur.com/SwRejee.png" style="height: 125px;" /></a>
<a href="http://link.blogspot.com/"><img src="http://i.imgur.com/SwRejee.png" style="height: 125px;" /></a>
<a href="http://link.blogspot.com/"><img src="http://i.imgur.com/SwRejee.png" style="height: 125px;" /></a>
<a href="http://link.blogspot.com/"><img src="http://i.imgur.com/SwRejee.png" style="height: 125px;" /></a>
<a href="http://link.blogspot.com/"><img src="http://i.imgur.com/SwRejee.png" style="height: 125px;" /></a><a href="http://link.blogspot.com/"><img src="http://i.imgur.com/SwRejee.png" style="height: 125px;" /></a>
<a href="http://link.blogspot.com/"><img src="http://i.imgur.com/SwRejee.png" style="height: 125px;" /></a>
<a href="http://link.blogspot.com/"><img src="http://i.imgur.com/SwRejee.png" style="height: 125px;" /></a>
<a href="http://link.blogspot.com/"><img src="http://i.imgur.com/SwRejee.png" style="height: 125px;" /></a>
<a href="http://link.blogspot.com/"><img src="http://i.imgur.com/SwRejee.png" style="height: 125px;" /></a>
<a href="http://link.blogspot.com/"><img src="http://i.imgur.com/SwRejee.png" style="height: 125px;" /></a>
</body></head>
</html>
</div></div>

<div style="position: fixed; top:0px; left: 0px;padding:6px; background:#f2faff; font-family:Short Stack;font-size:11px;letter-spacing:3px;color:#ffffff;-webkit-border-bottom-right-radius: 5px;-moz-border-radius-bottomright: 5px;color:#ffffff;
border-bottom-right-radius: 5px;"><a href="http://www.anugerahsalsa.co.vu/"> Credit </a></div>

<div style="position: absolute; top:0px; right: 20px;padding:3px; background:#f2faff; font:16px Short Stack;letter-spacing:3px;color:#ffffff;width:19px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px; "><a href="http://kawaiilady.blogspot.com">B</a></div>

<div style="position: absolute; top:0px; right: 60px;padding:3px; background:#f2faff; font:16px Short Stack;color:#ffffff;width:50px;border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;"><a href="http://yourblogURL.blogspot.com">Blog</a></div>

<style>
.info {
border-radius: 0px 15px 15px 0px;
width:10px;
padding:9px;font:16px Short Stack;
margin-top:35px;
margin-left:207px;
background: #f2faff;
color:#c5e6ff;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
}
#bb {
position:fixed;
border:2px solid #c5e6ff;
width:200px;
left:-215px;
top:40px;
height:320px;
padding:6px;
text-align:left;
font:11px short stack;
background-color:white;
color:#333333;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
}
#bb:hover {
left:1px;
}
</style>
<center><div id="bb"><div class="info">
I<br />N<br />F<br />O</div>
<div style="margin-top: -125px;">
<center>
<div style="background:#fafeff;border:1px dotted #c5e6ff;padding:5px;margin-bottom:15px;">Hi~! Want to exchange link or banner with me? Tell Me at My chatbox!<br />
Put mine as Salsa<br />My URL<br />www.anugerahsalsa.co.vu</div>
<img style="width: 140px;" src="http://i1294.photobucket.com/albums/b607/anugerahsalsa/Banner_zpscff1b3f3.gif" /><br /><br />
<textarea cols="25" onclick="this.focus();this.select()" readonly="" rows="3" style="border: 1px solid #c5e6ff; color: black; font: 9px Short Stack; padding: 5px; text-align: left;"><a href="YOUR BLOG URL"><img style="width: 200px;" src="YOUR BANNER URL" /></a></textarea>
</center>

</div></div></center>

Arrien