Codes

<html>
<head>
<br/>
<br/>
<br/>
<center>
<span style="font-family: 'Short Stack', cursive;
font-size: 80px;
text-align: center;
color: #0099FF;
text-shadow: 2px 2px 2px #000;">Blue Dreamer</span>
</head>
<style type="text/css">
#navbar-iframe {display: none;
}

::-webkit-scrollbar {
width:15px;
height:10px;
}
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {
height:10px;
width:10px;
display:block;
background:#ADDFFF;
border:1px solid #842B00;
}
::-webkit-scrollbar-track-piece {
background-color:#FFFFFF;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color:#ACD6FF;
border:1px solid #FFFFFF;
}
body {
background:url(http://2.bp.blogspot.com/-FbqY_oNq5jI/ULuxPAUWgBI/AAAAAAAACfs/pNwEL8g8ciE/s1600/line+background+blue.png);
font:15px Short Stack;
letter-spacing:0px;
color:#000;
cursor: url(http://4.bp.blogspot.com/-QCoKgVbnfUg/U6v3E71izMI/AAAAAAAACJs/WQ1bH1eg7Ro/s1600/cursormade1.png), auto;
}
.content {
background:#ffffff;
color:#666666;
font-size: 11px;
padding:14px;
width:600px;
border-radius:10px;
text-align:justify;
}
a:link, a:visited {
color: #59A9E6;
text-decoration:none;
-webkit-transition: 1s;
}
a:hover{
background: #59A9E6;
color: #fff;
cursor: url(http://1.bp.blogspot.com/-lTNFjgciq9A/VUykN1CjyEI/AAAAAAAADv4/7OUvvAmZjco/s1600/Cursor3.png);
}
blockquote {
background: url(http://2.bp.blogspot.com/-vUCNIM9s3KQ/U6WnJMRdBeI/AAAAAAAABvY/6Fb9MYvabH0/s1600/Blue+Polka+Dots+2.png);
color: #aaa;
border-left: 10px #000;
border-right: 10px #000;
border-top: 5px #000;
border-bottom: 5px #000;
padding: 3px;
-webkit-transition: 1.0s;
}
blockquote:hover {
background: url(http://3.bp.blogspot.com/-xSkIF-nf9n8/U6bfVGBdd6I/AAAAAAAAB4Y/cCiBjaRdLjw/s1600/Ginghamblue.png);
padding: 3px;
color: #00000;
border: 3px;
-webkit-transition: 1.0s;
}
.sidebar {
background: #ffffff;
color: #666666;
font-size: 11px;
width: 210px;
text-align: century gothic;
}
.title{
width: 200px;
background-color: #9ACFF2;
-moz-border-radius: 35px;
border-radius: 35px;
padding: 3px;
font: 11px Short Stack;
text-align:center;
border:1px solid #e9e9e9;
color:#000;
margin-bottom:6px;
letter-spacing:2px;
}
.titpost {
background: #88CCFF;
padding: 3px;
font: 11px Short Stack;
text-align:center;
border:3px solid #0099FF;
color:#333;
margin-bottom:6px;
letter-spacing:2px;
-webkit-transition-duration: 2s;
}
.titpost:hover{
-moz-border-radius: 4em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;
-webkit-transition-duration: 4s;
border-top: 3px solid #0091FF;
border-bottom: 3px solid #0091FF;
border-left: 3px solid #0091FF;
border-right: 3px solid #0091FF;
-moz-border-radius: 4em 4em 4em 4em;
-webkit-border-radius: 4em 4em 4em 4em;
}
.abc{
letter-spacing: 1px;
font:9px Short Stack;
text-transform: uppercase;
background-color: #fff;
text-align:left;
padding: 2px;
margin-bottom:5px;
margin-top:6px;
color:#666;
}
b {
font-style:bold;
color: #2698EF;
}
u {
text-decoration: none;
border-radius: 4px;
padding: 3px;
-moz-border-radius: 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px;
padding: 7x 7px 7px 7px;
}
u:hover {
background: #fffff;
color: #048AF0;
-webkit-transition: 1s;
-moz-border-radius: 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px;
padding: 7x 7px 7px 7px;
}
::-moz-selection {
background:n#0091FF;
color:#000;
}
::-webkit-selection {
background: #0091FF;
color:#000;
}
::-o-selection {
background: #0091FF;
color:#000;
}
::selection {
background: #0091FF;
color: #000;
}
a.linkies{
background:#0078B0;
padding:5px;width:90px;
color:white;padding:5px;
-webkit-transition: 1.0s;
-moz-transition: 1.0;font-family: arial;
font-size: 11px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
display:inline-block;
margin:4px;border: 1px solid #000;
}
a.linkies:hover{
border-bottom: 0px solid gray;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
background:#7FD6F4;
color:#000;
border: 1px dashed #000;
-moz-border-radius: 35px;
border-radius: 35px;
}
a.boxy{
background:#fff;
width:50px;
display:inline-block;
text-align:center;
color:#1A72AD;
margin-bottom:1px;
font:8px tt;
text-transform:uppercase;
letter-spacing:2px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
padding:1px;
border:1px solid #1A72AD;
}
a.boxy:hover{
background:#1A72AD;
border:1px solid #aaa;
color:#fff;
}
#s-m-t-tooltip {
background: url(http://1.bp.blogspot.com/-fVN2gpRfhqw/T6Ed4hHin3I/AAAAAAAAAck/3FJ7bj1hj2Q/s1600/Tabletop-for-photography-7.jpg);
font-size: 9px;
line-height: 11px;
font-family: arial;
letter-spacing: 2px;
text-transform: lowercase;
color: #000;
text-align: center;
padding: 5px 10px 5px 10px;
display: block;
-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 1em 1em 1em;
border: dashed 3px #00A2FF;
margin: 24px 14px 7px 12px;
}
.date-header {
background-repeat: no-repeat;
background-position:left center;
-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;
background: #9ACFF2;
border-bottom: 2px solid #ffeeee;
text-align: center;
margin: 0;
padding: 0;
color: #ffffff;
font-family: Quicksand;
FONT-SIZE: 18px;
width: 260px;
margin-left: 30px;
height: 30px;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.date-header:hover {
-moz-border-radius: 4em 1em 4em 1em;
border-radius: 4em 1em 4em 1em;
-moz-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;
-ms-transition: all 0.9s ease-in-out;
-webkit-transition: all 0.9s ease-in-out;
transition: all 0.9s ease-in-out;
background:#B2D2F0;
}
.comment-timestamp {
margin:0 0 .5em;
padding:0 0 .75em 20px;
color:#666;
}
.deleted-comment {
font-style:italic;
color:gray;
}
#comments {
margin:5;
border-width:0 1px 1px;
padding:20px 0 15px 0;
}
.comment-icon blogger-comment-icon{display:none}
#comments-block {
margin:2px ;
}
.comment-data {
background:url("http://38.media.tumblr.com/e75339a2623d8a3751979980762da371/tumblr_inline_mgpiwq5FxO1qdlkyg.gif") no-repeat 2px .3em;
margin-top:5px !important;background-size:10px;
padding:0 0 0 20px;
color:#666;
}
span.comment-icon{display:none}
.comment-poster {
font-weight:bold;
}
.comment-body {
margin:0px;
}
.comment-body p {
background:#FFFFFF;
border:3px solid #009CE5;
margin:0em;
padding:5px;
color:#808080;
}
</style>
<style>#top33 {
OVERFLOW:HIDDEN;
position:fixed;
top:0px;
left:0px;
background:url(http://3.bp.blogspot.com/-i3ulBd8VYTc/U6WnOye1qGI/AAAAAAAABv8/jr7VEJFEU2U/s1600/pastel+blue.png);
height:50px;
width:100%;
border-bottom:10px solid #DFB2AC;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;-o-transition:All 0.4s ease;
font-family: 'Short Stack';
font-size: 25px;
color: #1A72AD;
padding:10px;
z-index: 2222;}

@font-face {font-family: Short Stack; src: url('http://dl.dropbox.com/u/41229264/JNa4rang/Layout%20Projects/Fonts/DGYoung.ttf');}

#top22{
OVERFLOW:HIDDEN;
position:fixed;
top:70px;
left:0px;
background:url(https://pics.prcm.jp/nana1997/26063940/gif/26063940.gif);
height:10px;
width:100%;
z-index: 3333;}
</style>

<div id="top22">
.</div>
<div id="top33">

{<script type="text/javascript" src="http://st1.freeonlineusers.com/on3.php?id=FREEONLINEUSERID" ></script>online visitors}
</div>
<div style="text-align:center;position:fixed; top:50px; left:1200px; background: #9FD6FA; height:35px;width:35px;border:8px solid #0078B0;z-index:7777;border-radius:333px;">
<br/><center>
<embed src="http://www.strangecube.com/audioplay/online/audioplay.swf?file=http://k002.kiwi6.com/hotlink/n0491t46x5/pink_-_just_give_me_a_reason.mp3&auto=yes&sendstop=no&repeat=87&buttondir=http://www.strangecube.com/audioplay/online/alpha_buttons/negative_small&bgcolor=0xffffff&mode=playpause" quality=high wmode=transparent width="55" height="30" style="margin-bottom:-9px;margin-left:10px;margin-top:-5px;" TYPE ="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed></center>
</div>
<body>
<!---------Sidebar Wrapper Code------>
<table style="font-size: 12px; color:grey; line-height: 17px; background:#fff; border: 0px solid #565454; border-radius:0px;" width="900" align="center" border="0" cellspacing="8">
<tbody><tr>
<td valign="top" style="width:250px; padding:2px; border-radius:20px; background: transparent; font-size:11px;">
<br><br>
<div class="sidebar">
<div class="title">Hello!</div>
<center><img src="http://labiotech.eu/wp-content/uploads/2017/06/shutterstock_Anatomy-Insider-200x200.jpg" title="Disclaimer"/><br/>
Welcome to my blog . <br/>
Please navigate around happily.<br/>
And follow me if you like to ;> <br/>
Please be nice here<br/>
Hate my blog? click <a href="javascript:window.close();">Here;3</a></center>
<center>
<a class="boxy" onClick="document.getElementById('content').innerHTML=document.getElementById('post').innerHTML">HOME</a>
<a class="boxy" onClick="document.getElementById('content').innerHTML=document.getElementById('about').innerHTML">PROFILE</a>
<a class="boxy" onClick="document.getElementById('content').innerHTML=document.getElementById('link').innerHTML">BESTIE</a>
<a class="boxy" onClick="document.getElementById('content').innerHTML=document.getElementById('tutobies').innerHTML">STUFF</a>
<a class="boxy" href="http://www.blogger.com/follow-blog.g?blogID=YOUR BLOG ID">FOLLOW</a>
<a class="boxy" href="https://www.blogger.com">DASH</a></center><br>
</div></br>
<div class="sidebar">
<div class="title">Tagboard!</div><br/>
YOUR CBOX CODE</div><br/>
<div class="sidebar">
<div class="title">Search!</div><br/><center>
<form action="/search" id="searchThis" method="get" style="display: inline;">
<input id="searchBox" name="q" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" style="background:#fff; border-bottom-left-radius: 10px 10px;border-top-left-radius: 10px 10px;border: #7FD6F4 solid 3px;color: #666666; font-size: 11px;font-family:century gothic; width:135px;padding:3px;padding-left:5px; " type="text" value="Enter some keyword" vinput="" /> <input id="searchButton" style="background:#fff;border-bottom-right-radius: 10px 10px;border-top-right-radius: 10px 10px; border: #7FD6F4 solid 3px;color: #444444; font-size: 11px;font-family:century gothic;padding:2px;width:50px;" type="submit" value="Search" /></form>
<br />
<div style="border:1px solid #000;background:url(http://i.imgur.com/FGUxX.gif); width:200px; overflow-x:hidden; overflow-y:scroll;padding:10px; height:85px; font:tahoma;">
<bloggerpreviousitems><bloggerpreviousitems><a  href="<$BlogItemPermalinkURL$>">
<div class="me"><$BlogPreviousItemTitle$></div></a></BloggerPreviousItems></center></div><br/>
<div class="sidebar">
<div class="title">Credit</div>
<center><img style="width:200px;height:140px;" src="https://s-media-cache-ak0.pinimg.com/736x/07/6d/35/076d356415920b8fcbc515bbd7e17109--blue-aesthetic-navy-color.jpg" title="Credits"/><br /> <center>Owner : <a href="Link">Name</a></center><center>Template : <a href="Link">Najiyah</a></center><center>Helped : <a href="http://google.co.id" title="Google">B</a>  <a href="http://www.giftasblog.co.vu/" title="Gifta">L</a> <a href="https://jauzahanun-library.blogspot.co.id/" title="kak Jauza">U</a> <a href="https://chiaki-tachikawa.blogspot.co.id/" title="kak Chiaki">E</a></center></center>
</div></td>
<!---------Main Wrapper Code------>
<td valign="top" style="background: #fff; width:700px; height: 385px; padding-left:2px; padding-right:11px; padding-left:2px;">
<br><br>
<div id="content">
<blogger><div class="date-header"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader></div><div class="titpost"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="abc"> | <$BlogItemDateTime$> | <BlogItemCommentsEnabled><a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$><$BlogItemCommentCount$> Comment</a>
</BlogItemCommentsEnabled><br/><$blogitembody$><br>
<a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$><$BlogItemCommentCount$></a></BlogItemCommentsEnabled></div>
<itempage>
<div id="comments"style='overflow:auto; width:ancho;height:380px;'>
<blogitemcommentsenabled><a name="comments"></a>
<dl id="comments-block">
<div style="width:470px; padding:5px;margin-top:20px;border:4px solid #009CE5;6px;background:url(http://pre12.deviantart.net/7650/th/pre/f/2012/239/f/e/fe8263fd385b0989c9d0cd9cddb38b6b-d5clcma.jpg); box-shadow:0 0 3px #ddd;">
<$CommentPager$>
<blogitemcomments>
<dt class="comment-data" id="<$BlogCommentAnchorName$>"><a name="<$BlogCommentAnchorName$>"></a>
<$I18NCommentAuthorSaid$></dt>
<dd class="comment-body">
<p>
<$BlogCommentBody$></p>
<$BlogCommentDeleteIcon$>
</dd>
</BlogItemComments>
<$CommentPager$>
</dl>
</div>
<p class="comment-timestamp">
<$BlogItemCreate$>
</p>
</div>
</itempage>
</blogger>
<div style="float:left"><a class="post" href="<$NewerPosts$>" target="_blank">&larr; <c>Newer post</c></a></div><div style="float:right"><a class="post" href="<$OlderPosts$>" target="_blank"><c>Older post</c> &rarr;</a></div><br><br>
</div>
<div id="about" style="display:none;">
<div class="titpost">About Myself</div><br>
<center><img src="https://s-media-cache-ak0.pinimg.com/originals/4e/b2/b3/4eb2b3e19ad6c4ea8a520c3bc2d8740f.jpg" width="400" /></center>
YOUR STORY
<br><br>
</div>
<div id="link" style="display:none;">
<div class="titpost">Exchange Link</div><br>
<center><img src="https://s-media-cache-ak0.pinimg.com/236x/aa/97/cc/aa97cc294da38ce3e6596980ea00c7b6--blue-colors-colours.jpg" width="400" /><br>
<center><a class="linkies" href="http://nafaraisya.blogspot.com">Zahra</a>
<a class="linkies" href="http://jauzahanun-library.blogspot.com">Jauza</a>
<a class="linkies" href="http://najiyah-bloggie.blogspot.com">Najiyah</a>
<a class="linkies" href="http:/">Next?</a>
<a class="linkies" href="http:/">Next?</a>
<a class="linkies" href="http:/">Next?</a>
<a class="linkies" href="http:/">Next?</a>
<a class="linkies" href="http:/">Next?</a>
<a class="linkies" href="http:/">Next?</a>
<a class="linkies" href="http:/">Next?</a>
<a class="linkies" href="http:/">Next?</a>
<a class="linkies" href="http:/">Next?</a>
<a class="linkies" href="http:/">Next?</a>
<a class="linkies" href="http:/">Next?</a>
<a class="linkies" href="http:/">Next?</a>
<a class="linkies" href="http:/">Next?</a>
<a class="linkies" href="http:/">Next?</a>
<a class="linkies" href="http:/">Next?</a>
<a class="linkies" href="http:/">Next?</a>
<a class="linkies" href="http:/">Next?</a>
<a class="linkies" href="http:/">Next?</a>
<a class="linkies" href="http:/">Next?</a>
<a class="linkies" href="http:/">Next?</a>
<a class="linkies" href="http:/">Next?</a>
<a class="linkies" href="http:/">Next?</a>
<a class="linkies" href="http:/">Next?</a>
<a class="linkies" href="http:/">Next?</a>
<a class="linkies" href="http:/">Next?</a>
<a class="linkies" href="http:/">Next?</a>
<a class="linkies" href="http:/">Next?</a>
<a class="linkies" href="http:/">Next?</a>
<a class="linkies" href="http:/">Next?</a>
<a class="linkies" href="http:/">Next?</a>
<a class="linkies" href="http:/">Next?</a>
<a class="linkies" href="http:/">Next?</a>
<a class="linkies" href="http:/">Next?</a>
<a class="linkies" href="http:/">Next?</a>
<a class="linkies" href="http:/">Next?</a>
<a class="linkies" href="http:/">Next?</a>
<a class="linkies" href="http:/">Next?</a>
<a class="linkies" href="http:/">Next?</a>
<a class="linkies" href="http:/">Next?</a>
<a class="linkies" href="http:/">Next?</a>
<a class="linkies" href="http:/">Next?</a>
<a class="linkies" href="http:/">Next?</a>
<a class="linkies" href="http:/">Next?</a>
<a class="linkies" href="http:/">Next?</a>
<a class="linkies" href="http:/">Next?</a></center><br>
</center><br>
</div>
<div id="tutobies" style="display:none;">
<div class="titpost">Tutorials, freebies, and others</div>
<center><div style="-moz-border-radius-topleft: 30px; -moz-border-radius-topright: 30px; -webkit-border-top-left-radius: 30px; -webkit-border-top-right-radius: 30px; background: #5DC4FF; border-bottom: none; border-top-left-radius: 30px; border-top-right-radius: 30px; border-top: 1px solid #0089C9; border-bottom: 3px solid #0089C9; color: black; padding: 5px; text-align: center; width: 600px;">
Tutorials</div>
<div style="background: #FFF; border: 1px dashed #0CB2FF; height: 100px; overflow-x: hidden; overflow-y: scroll; padding: 10px; width: 590px;-moz-border-radius: 1em 1em 1em 1em; border-radius: 1em 1em 1em 1em;">
<center>
<a href="linkurl">TUTO</a></center>
<center>
<a href="linkurl">TUTO</a></center>
<center>
<a href="linkurl">TUTO</a></center>
<center>
<a href="linkurl">TUTO</a></center>
<center>
<a href="linkurl">TUTO</a></center>
<center>
<a href="linkurl">TUTO</a></center>
</div><br/>
<center><div style="-moz-border-radius-topleft: 30px; -moz-border-radius-topright: 30px; -webkit-border-top-left-radius: 30px; -webkit-border-top-right-radius: 30px; background: #5DC4FF; border-bottom: none; border-top-left-radius: 30px; border-top-right-radius: 30px; border-top: 1px solid #0089C9; border-bottom: 3px solid #0089C9; color: black; padding: 5px; text-align: center; width: 600px;">
Freebies</div>
<div style="background: #FFF; border: 1px dashed #0CB2FF; height: 100px; overflow-x: hidden; overflow-y: scroll; padding: 10px; width: 590px;-moz-border-radius: 1em 1em 1em 1em; border-radius: 1em 1em 1em 1em;">
<center>
<a href="linkurl">BIES</a></center>
<center>
<a href="linkurl">BIES</a></center>
<center>
<a href="linkurl">BIES</a></center>
<center>
<a href="linkurl">BIES</a></center>
<center>
<a href="linkurl">BIES</a></center>
<center>
<a href="linkurl">BIES</a></center>
</div>
</div></div></center>
<div id="post" style="display:none;">
<blogger><div class="date-header"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader></div><div class="titpost"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="abc"> | <$BlogItemDateTime$> | <BlogItemCommentsEnabled><a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$><$BlogItemCommentCount$> Comment</a>
</BlogItemCommentsEnabled><br/><$blogitembody$><br>
<a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$><$BlogItemCommentCount$></a></BlogItemCommentsEnabled></div>
<itempage>
<div id="comments"style='overflow:auto; width:ancho;height:380px;'>
<blogitemcommentsenabled><a name="comments"></a>
<dl id="comments-block">
<div style="width:470px; padding:5px;margin-top:20px;border:4px solid #009CE5;6px;background:url(http://pre12.deviantart.net/7650/th/pre/f/2012/239/f/e/fe8263fd385b0989c9d0cd9cddb38b6b-d5clcma.jpg); box-shadow:0 0 3px #ddd;">
<$CommentPager$>
<blogitemcomments>
<dt class="comment-data" id="<$BlogCommentAnchorName$>"><a name="<$BlogCommentAnchorName$>"></a>
<$I18NCommentAuthorSaid$></dt>
<dd class="comment-body">
<p>
<$BlogCommentBody$></p>
<$BlogCommentDeleteIcon$>
</dd>
</BlogItemComments>
<$CommentPager$>
</dl>
</div>
<p class="comment-timestamp">
<$BlogItemCreate$>
</p>
</div>
</itempage>
</blogger>
<br></div>
</body>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
<script>
    (function($){
        $(document).ready(function(){
            $("[title]").style_my_tooltips();
        });
    })(jQuery);
</script>
</html>

Bascode
Back