//test blog

<html>
<head>
<link href='https://fonts.googleapis.com/css?family=Cherry+Cream+Soda' rel='stylesheet'/>
<!--------------------------------------
Blogger Classic Template
Name: My Friends ★
Skin 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>My Friends ★</title><link rel="shortcut icon" href="http://media.tumblr.com/tumblr_mdns7nrbqe1qdlkyg.gif">
<style>
#navbar-iframe {
display: none !important;
}
body {
background-image:url(http://static.tumblr.com/d50892a40cd7e53ac4a1257f003a8db6/dmfn9ow/Ydonbtqs4/tumblr_static_1szfo3utltogsgo04k444o80k.png);
background-repeat:no-repeat;
background-position:0% 100%;
background-size:350px;
background-color:#FFD1D3;
background-attachment:fixed;
}
body, a, a:hover {
cursor: url(http://media.tumblr.com/tumblr_m35liuVBh11rnr4eb.png), auto;
}
::-moz-selection {
background:#FFDAE1;
color:#ffffff;
}
::selection {
background:#FFDAE1;
color:#ffffff;
}

a:link, a:visited {
color:white;
text-decoration:none;
}
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:#FFC7C7;
}
.main {
background:#FFFFD3;
border-radius:20px;
box-shadow:0px 0px 14px #F3B1B4;
border:5px solid #FFC2C5;
padding:10px;align:center;
width:700px;
text-align:justify;
}
.domain {
background:#FFFFD3;
border-radius:20px;
box-shadow:0px 0px 14px #F3B1B4;
border:5px solid #FFC2C5;
padding:10px;align:center;
width:700px;margin-bottom:25px;
text-align:justify;
}

a.linky {
width:140px; padding:5px;
margin:3px;
text-transform:uppercase;
background:#FFD8D8; display:inline-block;
text-align:center; font:13px century gothic;
letter-spacing:1px;
color:black;
-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:#FDBEBE;color:#ffffff;
border-radius:10px;
}
</style>
<center>
<div style="margin-top:-10px;width:510px;height:50px;padding-top:10px;background:transparent;color:#FFFFFF;text-shadow:0px 2px 7px #888888;font:30px cherry cream soda;border-right:20px solid #F3B1B4;border-left:20px solid #F3B1B4;">My friends List</div>
</center>
<td valign="top" width:850px;">
<center>
<div class="main">
<blogger>
<center><div style="padding:5px;height:158px; 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:500px;background:transparent;color:#FFFFFF;text-shadow:0px 2px 7px #888888;font:30px cherry cream soda;border-right:20px solid #F3B1B4;border-left:20px solid #F3B1B4;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:124px; overflow-x:hidden; overflow-y:scroll;">
<a href="http://link.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFAD2xz9oooapRPVdIrIgSusun16z1ioXujWafzEA8ptYbPmWJotM2AG9DcG2tTbCP6x4EI0lCi0HDdHxKZ3AIyFrYpT5avJZAWrEChmNwDJ203PnLfXFA5WlHNV1VqybNjZ9NblPjPMp2/s1600/you.png" style="height: 125px;" /></a>
<a href="http://link.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFAD2xz9oooapRPVdIrIgSusun16z1ioXujWafzEA8ptYbPmWJotM2AG9DcG2tTbCP6x4EI0lCi0HDdHxKZ3AIyFrYpT5avJZAWrEChmNwDJ203PnLfXFA5WlHNV1VqybNjZ9NblPjPMp2/s1600/you.png" style="height: 125px;" /></a>
<a href="http://link.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFAD2xz9oooapRPVdIrIgSusun16z1ioXujWafzEA8ptYbPmWJotM2AG9DcG2tTbCP6x4EI0lCi0HDdHxKZ3AIyFrYpT5avJZAWrEChmNwDJ203PnLfXFA5WlHNV1VqybNjZ9NblPjPMp2/s1600/you.png" style="height: 125px;" /></a>
<a href="http://link.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFAD2xz9oooapRPVdIrIgSusun16z1ioXujWafzEA8ptYbPmWJotM2AG9DcG2tTbCP6x4EI0lCi0HDdHxKZ3AIyFrYpT5avJZAWrEChmNwDJ203PnLfXFA5WlHNV1VqybNjZ9NblPjPMp2/s1600/you.png" style="height: 125px;" /></a>
<a href="http://link.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFAD2xz9oooapRPVdIrIgSusun16z1ioXujWafzEA8ptYbPmWJotM2AG9DcG2tTbCP6x4EI0lCi0HDdHxKZ3AIyFrYpT5avJZAWrEChmNwDJ203PnLfXFA5WlHNV1VqybNjZ9NblPjPMp2/s1600/you.png" style="height: 125px;" /></a>
<a href="http://link.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFAD2xz9oooapRPVdIrIgSusun16z1ioXujWafzEA8ptYbPmWJotM2AG9DcG2tTbCP6x4EI0lCi0HDdHxKZ3AIyFrYpT5avJZAWrEChmNwDJ203PnLfXFA5WlHNV1VqybNjZ9NblPjPMp2/s1600/you.png" style="height: 125px;" /></a>
<a href="http://link.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFAD2xz9oooapRPVdIrIgSusun16z1ioXujWafzEA8ptYbPmWJotM2AG9DcG2tTbCP6x4EI0lCi0HDdHxKZ3AIyFrYpT5avJZAWrEChmNwDJ203PnLfXFA5WlHNV1VqybNjZ9NblPjPMp2/s1600/you.png" style="height: 125px;" /></a>
<a href="http://link.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFAD2xz9oooapRPVdIrIgSusun16z1ioXujWafzEA8ptYbPmWJotM2AG9DcG2tTbCP6x4EI0lCi0HDdHxKZ3AIyFrYpT5avJZAWrEChmNwDJ203PnLfXFA5WlHNV1VqybNjZ9NblPjPMp2/s1600/you.png" style="height: 125px;" /></a>
<a href="http://link.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFAD2xz9oooapRPVdIrIgSusun16z1ioXujWafzEA8ptYbPmWJotM2AG9DcG2tTbCP6x4EI0lCi0HDdHxKZ3AIyFrYpT5avJZAWrEChmNwDJ203PnLfXFA5WlHNV1VqybNjZ9NblPjPMp2/s1600/you.png" style="height: 125px;" /></a>
<a href="http://link.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFAD2xz9oooapRPVdIrIgSusun16z1ioXujWafzEA8ptYbPmWJotM2AG9DcG2tTbCP6x4EI0lCi0HDdHxKZ3AIyFrYpT5avJZAWrEChmNwDJ203PnLfXFA5WlHNV1VqybNjZ9NblPjPMp2/s1600/you.png" style="height: 125px;" /></a>
<a href="http://link.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFAD2xz9oooapRPVdIrIgSusun16z1ioXujWafzEA8ptYbPmWJotM2AG9DcG2tTbCP6x4EI0lCi0HDdHxKZ3AIyFrYpT5avJZAWrEChmNwDJ203PnLfXFA5WlHNV1VqybNjZ9NblPjPMp2/s1600/you.png" style="height: 125px;" /></a>
<a href="http://link.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFAD2xz9oooapRPVdIrIgSusun16z1ioXujWafzEA8ptYbPmWJotM2AG9DcG2tTbCP6x4EI0lCi0HDdHxKZ3AIyFrYpT5avJZAWrEChmNwDJ203PnLfXFA5WlHNV1VqybNjZ9NblPjPMp2/s1600/you.png" style="height: 125px;" /></a>
<a href="http://link.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFAD2xz9oooapRPVdIrIgSusun16z1ioXujWafzEA8ptYbPmWJotM2AG9DcG2tTbCP6x4EI0lCi0HDdHxKZ3AIyFrYpT5avJZAWrEChmNwDJ203PnLfXFA5WlHNV1VqybNjZ9NblPjPMp2/s1600/you.png" style="height: 125px;" /></a>
<a href="http://link.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFAD2xz9oooapRPVdIrIgSusun16z1ioXujWafzEA8ptYbPmWJotM2AG9DcG2tTbCP6x4EI0lCi0HDdHxKZ3AIyFrYpT5avJZAWrEChmNwDJ203PnLfXFA5WlHNV1VqybNjZ9NblPjPMp2/s1600/you.png" style="height: 125px;" /></a>
<a href="http://link.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFAD2xz9oooapRPVdIrIgSusun16z1ioXujWafzEA8ptYbPmWJotM2AG9DcG2tTbCP6x4EI0lCi0HDdHxKZ3AIyFrYpT5avJZAWrEChmNwDJ203PnLfXFA5WlHNV1VqybNjZ9NblPjPMp2/s1600/you.png" style="height: 125px;" /></a>
</body></head>
</html>
</div></div>

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

<div style="position: absolute; top:0px; right: 60px;padding:3px; background:#F3B1B4; font:16px cheri;color:#ffffff;width:19px;border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;"><a href="http://yourblogURL.blogspot.com">B<br/>l<br/>o<br/>g</a></div>
<style>
.info {
border-radius: 0px 15px 15px 0px;
width:10px;
padding:9px;font:16px cheri;
margin-top:35px;
margin-left:207px;
background: #F3B1B4;
color:white;
-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 #F3B1B4;
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="max-height:355px;overflow-y:scroll;overflow-x:hidden; margin-top: -125px;">
<center>
<div style="background:#FFFAFB;border:1px dotted #F3B1B4;padding:5px;margin-bottom:15px;">Want to exchange link or banner with me? tell me at my cbox...<br />
Put mine as Sweety...<br />My URL<br />http://kawaiilady.blogspot.com</div>
<img style="width: 140px;" src="http://i.imgur.com/5ptzVZI.gif" /><br /><br />
<textarea cols="25" onclick="this.focus();this.select()" readonly="" rows="3" style="border: 1px dotted pink; color: black; font: 11px candara; padding: 5px; text-align: left;"><a href="YOUR BLOG URL"><img style="width: 200px;" src="YOUR BANNER URL" /></a></textarea>
</center>

</div></div></center>
</html></head>