CODES

<!--------------------------------------

Blogger Classic Template

Name: Beautiful Blue

Designer: Nur Krisya Elyza

URL: sayagadissederhana.blogspot.com

*Do not remove this*

*Do not ripping*

--------------------------------------!>

<html>

<head>

</script>

var scrolltotop={

//startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control

//scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (1=top).

setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},

controlHTML: '<img src="http://i.imgur.com/arGP8.png"/>', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"

controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ center of window corner

anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links

state: {isvisible:false, shouldvisible:false},

scrollup:function(){

if (!this.cssfixedsupport) //if control is positioned using JavaScript

this.$control.css({opacity:0}) //hide control immediately after clicking it

var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)

if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists

dest=jQuery('#'+dest).offset().top

else

dest=0

this.$body.animate({scrollTop: dest}, this.setting.scrollduration);

keepfixed:function(){

var $window=jQuery(window)

var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx

var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety

this.$control.css({left:controlx+'px', top:controly+'px'})

togglecontrol:function(){

var scrolltop=jQuery(window).scrollTop()

if (!this.cssfixedsupport)

this.keepfixed()

this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false

if (this.state.shouldvisible && !this.state.isvisible){

this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])

this.state.isvisible=true

}

else if (this.state.shouldvisible==false && this.state.isvisible){

this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])

this.state.isvisible=false

}

init:function(){

jQuery(document).ready(function($){

var mainobj=scrolltotop

var iebrws=document.all

mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode

mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')

mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')

.css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})

.attr({title:"Let's Fly High !"})

.click(function(){mainobj.scrollup(); return false})

.appendTo('body')

if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text

mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text

mainobj.togglecontrol()

$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){

mainobj.scrollup()

return false

})

$(window).bind('scroll resize', function(e){

mainobj.togglecontrol()

})

}

scrolltotop.init()

</script>

<br>

<title>| Stolly Molly Blog |</title>

#navbar-iframe {

display: none;

}

body {

background:url(http://i.imgur.com/2CYDg.png);

font-family: Short Stack;

font-size: 13px;

background-attachment:fixed;

text-align: normal;

cursor:url(http://i.imgur.com/Xi1QmNZ.png),auto;

}

a:link, a:visited {

cursor:url(http://i1196.photobucket.com/albums/aa406/tieqaonew/07.gif),auto;

color: pink;

font-family:Patrick Hand SC;

font-size:14px;

text-decoration:none;

}

img {

border-radius:0px;

opacity:1.0;

filter:alpha(opacity=100);

-webkit-transition: 1s;

}

img:hover {

border-radius: 24px;

opacity: 0.8;

filter:alpha(opacity=90);

-webkit-transition: 1s;

}

a:hover{

color: #000000;

font-weight:bold;

color:#D1EEFF;

}

blockquote {

padding:5px;

border:1px dashed #FFE5E5;

padding-left: 25px;

background: url(http://i.imgur.com/4xXDE.png) repeat-y;

background-size: 20px 20px;

color: #555;

-webkit-transition: all .4s ease-in-out!important;

-moz-transition: all .4s ease-in-out!important; -o-transition: all .4s ease-in-out!important;

}

u {

text-decoration: none;

border-bottom: 1px solid #FFB0B0;

}

b, strong {

font-weight: bold;

color: #FFBBBB;

}

.h1 {

background: url(http://i.imgur.com/2CYDg.png);

font-family:Short Stack;

font-size:13px;

letter-spacing: 4px;

color: #666;

text-align: CENTER;

text-transform: normal;

}

.h2 {

background: url(http://i.imgur.com/2CYDg.png);

margin: 1.6em 0 .5em;

text-align:center;

padding: 4px 5px;

border: 2px solid #F6CECE;

background-color: $sidebarTitleBgColor;

font-size: 18;

color: $sidebarTitleTextColor;

}

@font-face{

font-family:lemoncanfly;

src:url('http://static.tumblr.com/eq1rpir/A8nm517nt/lemons_can_fly.ttf')

}

.h3 {

font-family: Short Stack;

font-size: 8pt;

MARGIN-TOP:4PX;

border-TOP: 3px SOLID #E3F5FF;

text-transform: normal;

text-align: CENTER;

PADDING:3PX;

BACKGROUND:#FFF;

MARGIN-BOTTOM:12PX;

border-bottom: 3px solid #FFE5E5;

}

a.button {

display:inline-block;

-webkit-transition: 0.9s;

-moz-transition: 0.9s;

padding-top:3px;

width:70px;

letter-spacing:2px;

text-decoration:none;

font-family:Patrick Hand SC;

font-size:10px;

height:20px;

text-transform:uppercase;

color: #666;

border:2px solid #FFE4E4;

text-align:center;

background:#fff;

cursor:http://i1196.photobucket.com/albums/aa406/tieqaonew/07.gif;

border-radius:0px;

}

a.button:hover{

border:1px solid #fff;

color: #fff;

background:#DAF1FF;

-webkit-transition: 1.0s;

-moz-transition: 1.0s;

}

a.button1 {

display:inline-block;

-webkit-transition: 0.9s;

-moz-transition: 0.9s;

padding-top:3px;

width:70px;

letter-spacing:2px;

text-decoration:none;

font-family:Patrick Hand SC;

font-size:10px;

height:20px;

text-transform:uppercase;

color: #666;

border:2px solid #DAF1FF;

text-align:center;

background:#fff;

cursor:http://i1196.photobucket.com/albums/aa406/tieqaonew/07.gif;

border-radius:0px;

}

a.button1:hover{

border:2px solid #FFE4E4;

color: #fff;

background:#fff;

-webkit-transition: 1.0s;

-moz-transition: 1.0s;

}

::-webkit-scrollbar {

width: 5px;

background: #ffffff;

}

::-webkit-scrollbar-thumb {

background:pink;

-moz-border-radius: 5px;

border-radius: 5px;

}

.header {

text-align: center;

-webkit-transition: 1s;

opacity:100;

}

.header:hover {

padding-left: 65px;

filter: alpha(opacity=0);

opacity: .0;

-webkit-transition-duration: 1.0s;

}

a.link{

display:inline-block;

background: url(http://data.whicdn.com/images/52820961/tumblr_mhomw8YqX01refthro1_400_thumb.jpg) repeat-y;

background-size: 9px 9px;

color:#999;

cursor:http://i1196.photobucket.com/albums/aa406/tieqaonew/07.gif;

font:12px Patrick Hand SC;

padding:5px;

margin: 2px;

text-transform:lowercase;

text-align:center;

letter-spacing:3px;

text-decoration:none;

}

.iconborder{

background:#fff;

width:110px;

height:110px;

padding:5px;

border-radius:333px;

margin-left:80px;

margin-top:8px;

margin-bottom:5px;

border:1px solid #eee;

}

.icon{

background:#fff;

width:110px;

height:110px;

border-radius:333px;

padding:0;

border:none;

}

div.me{

-webkit-transition:All 0.4s ease ;

-moz-transition:All 0.4s ease ;

-o-transition:All 0.4s ease ;

background:url(http://media.tumblr.com/tumblr_m89lql8qIE1qdlkyg.gif) ;

color:#555;

background-repeat:no-repeat;

background-size:15px;

padding-left:25px;

line-height:18px;

}

div.me:hover{

background:url(http://media.tumblr.com/tumblr_m89lqpqCgU1qdlkyg.gif);

background-repeat:no-repeat;

padding-left:25px;

background-size:15px;

line-height:18px;

color:#666;

}

.saya{

background:#FFFFFF;

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: 8px;

text-align: center;

text-decoration: none;

text-transform: uppercase;

display:inline-block;

margin:2px;

}

a.saya:hover{

border-radius: 1em 4em 1em 4em;

-webkit-transition: 1.0s;

-moz-transition: 1.0s;

color:#fff;

background:#F6CED8;

}

.exo{

display:inline-block;

width: 170px;

padding:3px;

margin:5px;

background:#fafafa;

font:8px tt;

text-align:left;

Text-decoration:none;

color:#b0b0b0;

text-transform:uppercase;

border:0px solid #b1b1b1;

}

.exo:hover{

-webkit-transition-duration: 0.5s; color: #ccc;}

@font-face {

font-family:tt !important;

src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important;

}

</style>

</head>

<center><a class="button" onClick="document.getElementById('post').innerHTML=document.getElementById('profile').innerHTML" title="">ABOUT</a> <span style="padding:4px;"></span>

<a class="button1" onClick="document.getElementById('post').innerHTML=document.getElementById('entry').innerHTML" title="">ENTRY</a> <span style="padding:4px;"></span>

<a class="button" onClick="document.getElementById('post').innerHTML=document.getElementById('tuto').innerHTML" title="">LINKS</a> <span style="padding:4px;"></span>

<a class="button1" onClick="document.getElementById('post').innerHTML=document.getElementById('stuff').innerHTML" title="">STUFF</a> <span style="padding:4px;"></span>

<a class="button" href="http://www.blogger.com/follow-blog.g?blogID=5596237762234450062">FOLLOW</a>

<a class="button1" href="http://www.blogger.com/">Dashboard</a>

</center> </div>

</div></center>

<div class="h1">Profile</div>

<div class="h3">About The Girl</div><br>

<br>

Vintage photographs. Long bus rides. Fancy ribbons. Warm cappucino. Pretty bags. Beach cycling. Decorating cupcakes. Falling in love. Hearing your favorite song on the radio. Scrolling in the rain. Lying in bed listening to the rain outside. Milkshakes. Bubble baths. Giggling. Long convo’s late at night. The beach. Running through sprinklers. Laughing at an inside joke. Laughing at yourself. Laughing so hard your stomach hurts. Laughing for absolutely no reason at all.Just plain laughing. Waking up and realizing you still have a few hours left to sleep. Making new friends or spending time with old ones. Hot chocolate. Road trips with friends. Making chocolate chip cookies. Holding hands with someone you care about. Watching the sunrise. Watching a sunset. Getting out of bed in the morning after sleeping in and looking out the window to see its sunny, birds are chirping, and kids are playing.

</div> </div>

</div>

<div class="h3"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> • <$BlogItemDateTime$> • <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> comments</span></a></BlogItemCommentsEnabled> </div><$BlogItemBody$></br></blogger><br><center>

<hr/><center><span style='color: #000000;'><b>Thanks For Reading! </b></span></center><hr/</blogger><br><center>

<OlderPosts><a href=<$OlderPosts$>>PAST</a> </OlderPosts> <NewerPosts> • <a href=<$NewerPosts$>>FUTURE</a></NewerPosts></center>

</div>

<div class="h1">Affies</div>

<div class="h3">Friends until die</div>

<br>

Name:<input type="text" size="11" value="\\EshaReekay//" style="width:190px;font:13px Patrick Hand SC;color:#666;border:2px solid #FAD1D1;margin-right:6px;background-color:#ffffff;padding:2px;padding-left:4px;" onclick="this.focus()" onfocus="this.select()">

URL:<input type="text" size="11" value="http://sayagadissederhana.blogspot.com/" style="width:190px;font:13px Patrick Hand SC;color:#6666;border:2px solid #FAD1D1;background-color:#fff;padding:2px;padding-left:6px;" onclick="this.focus()" onfocus="this.select()"></center>

<br>

<a class="saya" href="URL BLOG"> CHINGU </a>

</div></div>

</center> </div>

</div></center>

<div class="h1">Stuff</div>

<div class="h3">STUFF FOR YOU</div><br>

<BR>

<style>

.lulu{

background:url(http://i630.photobucket.com/albums/uu21/ReginaLovaSweet/31.gif);

color:#AAAAAA;

-webkit-transition: 1.0s;

-moz-transition: 1.0s;letter-spacing:5px;

margin-bottom:5px;

margin:8px;

width:530px;

font-family:'arial';

font-size:12px;

line-height:15px;

text-align:center;

padding-right:0px;

}

</div>

</style>

<center><div class="lulu">Tutorial</div><br>

<a class="exo" href="/">coming soon</a>

<div class="lulu">Freebies</div><br>

<a class="exo" href="/">coming soon</a>

<br>

</center>

</div></center>

</div>

</body>

<hr/><center><span style='color: #000000;'><b>Thanks For Reading ! </b></span></center><hr/</blogger><br><center>

<OlderPosts><a href=<$OlderPosts$>>PAST</a> </OlderPosts> <NewerPosts> • <a href=<$NewerPosts$>>FUTURE</a></NewerPosts></center>

</div>

<div class="h2">The star owner</div>

<br>

<center>Hai. Me Esha, thanks cause using my skin :) Change with yours~ <br><br><img src="http://i.imgur.com/sLsFy.gif"></center></div>

</div></div>

<div class="h2">WeChat here</div>

<br>

</div>

<div class="h2">Sweet Memories</div>

Archive</div>

</a>

</BloggerPreviousItems>

</div>

<br>

<div class="h2">CREDIT SECTION</div><br>

<b>Full Edit by:</b><a href="https://twitter.com/esharky_"> @esharky_</a><br>

<b>Owner blog:</b><a href="http://blogger.com/"> Your Name</a><br>

<b>Best view:</b><a href="http://google.com">Miss Google</a><br>

</td>

</tr></tbody>

</table>

<br>

</html>