CODES;

<html>
<head><base target='_blank'/><link href='http://dl2.glitter-graphics.net/pub/122/122842r9l2jjtjaf.gif' rel='icon' type='image/x-icon'/>
<title>αffiliαtes</title>
<style>
<
#navbar-iframe {
display: none !important;
}
body{
background:#fff;
font-size:10px;
font-family:calibri;
letter-spacing:1px;}
a:link,a:visited{
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
text-decoration:none;
color:#4EC7AA;
}
a:hover{
color:#23705D}

a.soby{
margin:2px;
text-decoration:none;
color:#000;
background:#eee;
display:inline-block;
width:60px;
padding:3px;
text-align:center;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
}

a.soby:hover{
color:#4EC7AA;
border-left:1px solid #4EC7AA;
border-right:1px solid #4EC7AA;
}

.one{
position:fixed;
top:103px;
left:280px;
float:left;
width:60px;
font-size:10px;
background:#eee;
-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
padding:4px;
padding-left:6px;
margin-left:22px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}

.one:hover{
margin-left:0px;}

::-webkit-scrollbar {
width:6px;
height:auto;

}

::-webkit-scrollbar-thumb{
background:#ddd;
border-radius:10px;}

</style></head>
<a href="http://wanaseoby.blogspot.com/" style="font-size:12px;position:fixed; top:5px; right:5px;">©</a>

<div class="one"><a href="YOURBLOGURL">← blog</div>

<div style="width:310px;background:#F9F9F9;padding:10px;position:fixed;top:100px; padding-right:5px;left:320px;border-radius:5px; border:1px solid #eee;">
<div style="height:205px;overflow-x:hidden;overflow-y:scroll;">

<a class="soby" href="link">one</a>
<a class="soby" href="link">one</a>
<a class="soby" href="link">one</a>
<a class="soby" href="link">one</a>
<a class="soby" href="link">one</a>
<a class="soby" href="link">one</a>
<a class="soby" href="link">one</a>
<a class="soby" href="link">one</a>
<a class="soby" href="link">one</a>
<a class="soby" href="link">one</a>
<a class="soby" href="link">one</a>
<a class="soby" href="link">one</a>
<a class="soby" href="link">one</a>
<a class="soby" href="link">one</a>
<a class="soby" href="link">one</a>
<a class="soby" href="link">one</a>
<a class="soby" href="link">one</a>
<a class="soby" href="link">one</a>
<a class="soby" href="link">one</a>
<a class="soby" href="link">one</a>
<a class="soby" href="link">one</a>
<a class="soby" href="link">one</a>
<a class="soby" href="link">one</a>
<a class="soby" href="link">one</a>
<a class="soby" href="link">one</a>
<a class="soby" href="link">one</a>
<a class="soby" href="link">one</a>
<a class="soby" href="link">one</a>
<a class="soby" href="link">one</a>
<a class="soby" href="link">one</a>
<a class="soby" href="link">one</a>
<a class="soby" href="link">one</a>
<a class="soby" href="link">one</a>
<a class="soby" href="link">one</a>
<a class="soby" href="link">one</a>
<a class="soby" href="link">one</a>
<a class="soby" href="link">one</a>
<a class="soby" href="link">one</a>
<a class="soby" href="link">one</a>
<a class="soby" href="link">one</a>
<a class="soby" href="link">one</a>
<a class="soby" href="link">one</a>
<a class="soby" href="link">one</a>
<a class="soby" href="link">one</a>


</div>
</html>

Labels: