<!--------------------------------------
Blogger Classic Template
Name: | Exchange Link |
Designer: Nur Krisya Elyza
URL: sayagadissederhana.blogspot.com
*Do not remove this*
*Do not ripping*
--------------------------------------!>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<base target='_blank'/>
<title>| Exchange Link |</title>
</head>
<div style="position: fixed; bottom:0px; fixed; right: 20px;padding:3px; background:#FFFFFF; font:16px cheri;letter-spacing:3px;color:#ffffff;width:19px;border-top-right-radius: 5px;border-top-left-radius: 5px; "><a href="http://sayagadissederhana.blogspot.com/">C</a></div>
<div style="position: fixed; bottom:0px; fixed; right: 60px;padding:3px; background:#FFFFFF; font:16px cheri;color:#ffffff;width:19px;border-top-left-radius: 5px;
border-top-right-radius: 5px;"><a href=" http://yourURL.blogspot.com">B<br/>l<br/>o<br/>g</a></div>
<style type="text/css">
body {
text-align:center;
background-image:url(http://i.imgur.com/2CYDg.png);
background-color:#fff;
font-size:11px;
color:#999;
font-family:tahoma;
margin:0px;cursor:url(http://i1196.photobucket.com/albums/aa406/tieqaonew/03.gif),auto;
}
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
#top {
margin:0 auto 0 auto;
padding:0px;
width:100%;
overflow:hidden;
}
#navigation {
margin-left:auto;
margin-right:auto;
margin-top:50px;
width:720px;
overflow:hidden;
}
.nav {
width:80px;
float:right;
height:auto;
margin-left:10px;
margin-bottom:-2px;
padding-top:10px;
padding-bottom:10px;
background-color:#EAFAFE;
display:inline-block;
color:#ABB4BB;
font-family:arial;
font-size:11px;
letter-spacing:1px;
text-transform:uppercase;
text-align:center;
cursor:pointer;
border:1px solid #ABB4BB;
}
.nav:hover {
background-color:#fcfcfc;
color:#ffb9ca;
}
#main {
margin-left:auto;
margin-right:auto;
margin-bottom:50px;
padding-bottom:20px;
width:718px;
height:auto;
overflow:hidden;
border:1px solid #eaeaea;
background-color:#f5f5f5;
background-image:url(http://i.imgur.com/KtT7p.png);
}
#text {
margin-top:20px;
margin-bottom:0px;
margin-left:auto;
margin-right:auto;
width:674px;
height:auto;
overflow:hidden;
background-color:#E5F4FD;
border:1px solid #e5e5e5;
}
#holder {
float:right;
width:508px;
height:auto;
text-align:justify;
border-left:1px solid #eaeaea;
}
.displaypic {
float:left;
width:auto;
height:auto;
overflow:hidden;
padding:20px;
}
.big {
color:#B1DEFD;
text-align:left;
font-family:georgia;
font-size:28px;
letter-spacing:-1px;
font-style:italic;
margin-bottom:10px;
margin-top:3px;
}
.big:first-letter {
color:#68B2E7;
}
.small {
color:#dccacf;
text-align:right;
font-family:georgia;
font-size:17px;
font-style:italic;
border-bottom:3px solid #f5f5f5; background:Url(http://i.imgur.com/GSrHv8J.png);
padding-bottom:2px;
}
.small:first-letter {
color:#cbbdc1;
}
a:link {
color:#ddd;
text-decoration:none;
font-weight:bold;
}
a:visited {
color:#ddd;
text-decoration:none;
font-weight:bold;
}
a:hover {
color:#ffc2d5;
text-decoration:none;
font-weight:bold;
}
::-webkit-scrollbar {
height: 12px;
width: 12px;
background: #ffffff;
}
::-webkit-scrollbar-thumb {
background-color: #D3E1FA;
-moz-border-radius: 10px;
border-radius: 10px;
}
::-webkit-scrollbar:hover {
height:12px;
width: 12px;
background: #FFFFFF;
}
::-webkit-scrollbar-thumb:hover {
background-color: #FFFFFF;
-moz-border-radius: 10px;
border-radius: 10px;
}
img {
filter: hue-rotate(360deg);
-webkit-filter: hue-rotate(360deg);
-moz-filter: hue-rotate(360deg);
-webkit-filter;(1);
-webkit-transition: all 0.7s linear;
-moz-transition: all 0.7s linear;
transition: all 0.7s linear;
}
img:hover {
filter: hue-rotate(0deg);
-webkit-filter: hue-rotate(0deg);
-moz-filter: hue-rotate(0deg);
-webkit-filter;(0);
border-radius:20px;
border: 1px #C3CDFF;
-webkit-box-shadow: 0px 0px 20px #5AD2F0;
-moz-box-shadow: 0px 0px 20px #5AD2F0;
}
li, ul, ol {
list-style-position:inside;
margin:0px; padding:0px;
}
.btext {
padding-left:15px;
padding-right:15px;
padding-bottom:15px;
padding-top:10px;
min-height:139px;
background-color:#FFF;
}
.btext img {
background-color:#fafafa;
padding:10px;
border-bottom:1px solid #e0e0e0;
border-right:1px solid #eee;
}
.displaypic img {background-color:#fff; padding:10px; border:2px solid #CDDCFC;
}
b {color:#e19aa5;
}
.saya{
background-image:url(http://i.imgur.com/Tke3yTg.png);
width:90px;
font-family:century gothic;
border: 1px solid #EDEDED;
color:#000000;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
font-family: tinytots;
font-size: 12px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
display:inline-block;
margin:2px;
-webkit-transform: rotate(0deg) scale(1);
-moz-transform: rotate(0deg) scale(1);
-o-transform: rotate(0deg) scale(1);
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
}
a.saya:hover{
border-radius: 1em 4em 1em 4em;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
color:#fff;
background:#C9DCFC;
-webkit-transform: rotate(360deg) scale(0);
-moz-transform: rotate(360deg) scale(0);
-o-transform: rotate(360deg) scale(0)
}
</style>
<body>
<div id="top">
<div id="navigation">
<a class="nav" href="http://www.blogger.com/follow-blog.g?blogID=5596237762234450062">+FOLLOW</a>
<a class="nav" href="http://yourURLtutobies.blogspot.com/">TUTOBIES</a>
<a class="nav" href="http://www.blogger.com/home">GO HOME</a>
<span class="nav" onClick="document.getElementById('main').innerHTML=document.getElementById('links').innerHTML">Links</span>
<div id="links" style="visibility: hidden; width: 0px; height: 0px; position: absolute; left:0px; top:0px; overflow:auto;">
<div id="text">
<div id="pic">
<div class="displaypic">
<img src="http://i725.photobucket.com/albums/ww256/Yours-Tragically/319.png">
</div>
</div>
<div id="holder">
<div class="btext">
<div class="small">Exchange Link</div>
<div class="big">Linkies</div>
<br>
<div style="margin-left: 30px;">
<center><center><div style="overflow:auto; padding:5px; width:410px; height:150px; background-color: rgb(255, 255, 255);">
<a class="saya" href="http://sayagadissederhana.blogspot.com/">Eshaa</a>
<a class="saya" href="">Open</a>
<a class="saya" href="">Open</a>
<a class="saya" href="">Open</a>
<a class="saya" href="">Open</a>
<a class="saya" href="">Open</a>
<a class="saya" href="">Open</a>
<a class="saya" href="">Open</a>
<a class="saya" href="">Open</a>
<a class="saya" href="">Open</a>
<a class="saya" href="">Open</a>
<a class="saya" href="">Open</a>
<a class="saya" href="">Open</a>
<a class="saya" href="">Open</a>
<a class="saya" href="">Open</a>
<a class="saya" href="">Open</a>
<a class="saya" href="">Open</a>
<a class="saya" href="">Open</a>
<a class="saya" href="">Open</a>
<a class="saya" href="">Open</a>
<a class="saya" href="">Open</a>
<a class="saya" href="">Open</a>
<a class="saya" href="">Open</a>
<a class="saya" href="">Open</a>
<a class="saya" href="">Open</a>
<a class="saya" href="">Open</a>
<a class="saya" href="">Open</a>
<a class="saya" href="">Open</a>
<a class="saya" href="">Open</a>
<a class="saya" href="">Open</a>
<a class="saya" href="">Open</a>
<a class="saya" href="">Open</a>
<br><br><br></div></center><center>
</div>
</div>
</div></div>
</div>
<div id="blog" style="visibility: hidden; width: 5px; height: 5px; position: absolute; left:0px; top:0px; overflow:auto;">
<Blogger>
<div id="text">
<div class="displaypic">
<script type="text/javascript">
var image=new Array()
image[0]='<img src="http://i725.photobucket.com/albums/ww256/Yours-Tragically/Picture109.png">'
image[1]='<img src="http://i725.photobucket.com/albums/ww256/Yours-Tragically/AD-15.png">'
image[2]='<img src="http://i725.photobucket.com/albums/ww256/Yours-Tragically/228.png">'
image[3]='<img src="http://i725.photobucket.com/albums/ww256/Yours-Tragically/Sellj363.png">'
image[4]='<img src="http://i725.photobucket.com/albums/ww256/Yours-Tragically/Sellj713.png">'
image[5]='<img src="http://i725.photobucket.com/albums/ww256/Yours-Tragically/Sellj630.png">'
var random=Math.floor(Math.random()*(image.length))
document.write(image[random])
</script>
</div>
<div id="holder">
<div class="btext">
<div class="small"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> <span style="color:#c4c4c4; font-size:12px;"><$BlogItemDateTime$></span></div>
<div class="big"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<$BlogItemBody$>
</div>
</div>
</div>
</Blogger>
</div>
</div>
<div id="main">
<div id="text">
<div class="btext" style="border:0px;">
<br><br>
<div class="big" style="text-align:center">Welcome to <span style="color:#ccc;">yourURL.blogspot</span></div>
<br><br>
<center><img src="http://i725.photobucket.com/albums/ww256/Yours-Tragically/Sellj713.png">
<img src="http://i725.photobucket.com/albums/ww256/Yours-Tragically/Picture109.png">
<img src="http://i725.photobucket.com/albums/ww256/Yours-Tragically/220.png">
<img src="http://i725.photobucket.com/albums/ww256/Yours-Tragically/Sellj363.png"></center><br>
</div>
</div>
</div>
</body>
</html>