This is code :
<html>
<link href='http://fonts.googleapis.com/css?family=Happy+Monkey' rel='stylesheet' type='text/css'>
<head>
</script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script><script type="text/javascript" >/***********************************************
* Scroll To Top Control script- © Dynamic Drive DHTML code library(www.dynamicdrive.com)* Modified bySafiraNuril***********************************************/var scrolltotop={
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="http://i.imgur.com/uvxwV.png" />',
controlattrs: {offsetx:5, offsety:5},
anchorkeyword: '#top',
state: {isvisible:false, shouldvisible:false},
scrollup:function(){
if (!this.cssfixedsupport)
this.$control.css({opacity:0})
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1)
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
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:'Scroll Back to Top'})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='')
mainobj.$control.css({width:mainobj.$control.width()})
mainobj.togglecontrol()
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
mainobj.scrollup()
return false
})
$(window).bind('scroll resize', function(e){
mainobj.togglecontrol()
})
})
}
}
scrolltotop.init()
</script>
<base target='_blank'/>
<title>Lovely Pink</title>
<link rel="shortcut icon" href="http://media.tumblr.com/tumblr_mdnsj5aJMA1qdlkyg.gif">
<script type="text/javascript"
src="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/snowstorm.js" />
<!-- now, we'll customize the snowStorm object -->
<script type="text/javascript">
snowStorm.snowColor = '#000000'; // blue-ish snow!?
snowStorm.flakesMaxActive = 999; // show more snow on screen at once
snowStorm.useTwinkleEffect = true; // let the snow flicker in and out of view
</script>
<style type="text/css">
#navbar-iframe{
display: none;
}
body{
cursor:url(http://media.tumblr.com/tumblr_m2wj634q5z1qfamg6.gif), progress;
background:url(http://i.imgur.com/rLai8iN.png);
background-attachment: fixed;
font-family:comic sans ms;
letter-spacing:1px;
color:#000;
padding:1px;
}
a:link, a:visited {
cursor:url(http://media.tumblr.com/tumblr_m2wj634q5z1qfamg6.gif),auto;
-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;
text-decoration:none;
color:#FF6987;
padding:1px;
}
a:hover {
-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;
color:#FFC2DF;
}
img{
border-radius:2px;
-webkit-transition:1s;
}
.sidebar {
border-radius:10px;
background:white;
padding-top:10px;
padding-bottom:10px;
padding-left:20px;
padding-right:20px;
width: 220px;
font-size:11px;
text-align:left;
border:1px solid #FFD5DE;
margin-left:10px;
}
.title {
padding:5px 5px 5px 30px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-xhA9c72oXSg6RuLrkLgXdEU9f9_VmudIqjVP9q1vdRV0wXFCrGOXyWMzmANk5m_TBVxy_8hp_DUwAj5gRtGxV_ya605dOWZVG9q3G_SarsTGLSK7aRDcxCfzJM9XOkIWeUEOcNjMimmF/s1600/ic91.gif) left center;
background-repeat:no-repeat;
font:17px happy monkey;
font-style:normal;
text-align:left;
letter-spacing: 2px;
color:black;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
}
.title:first-letter {
font-size: 30px;
font-family: 'happy monkey', sans-serif;
text-align: center;
color: #FF6987;
}
.comment {
background:#FFE9EE;
margin-bottom:10px;
font-size:11px;
text-align:right;
letter-spacing:2px;
}
.ch-grid {
margin: 20px 0 0 0;
padding: 2px;
list-style: none;
display: block;
text-align: center;
width: 100%;
}
blockquote {
padding: 10px 10px 10px 26px;
border-top:1px dashed #FFD5DE;
border-bottom:1px solid #FFD5DE;
border-right:1px solid #FFD5DE;
border-left:1px dashed #FFD5DE;
background-position:bottom right;
background-repeat:no-repeat;
-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;
cursor:url(http://media.tumblr.com/tumblr_m2wivg9oxq1qfamg6.gif),auto;
}
u {
text-decoration:none;
border-bottom: 1px solid #FF6987;
-webkit-transition: 1s;
}
i {
font-family:happy monkey;
}
::-webkit-scrollbar {
width: 7px;
height: 10px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeylQ8qX6BQ-8MW8VH3Lu3Diq-sSzexKZmFz-qL-aPx8jw9yGgWtTMou6qrCfJUawO6oMEjxFy1hMctsi-HaGwv8ClrVltED8jIQOj7uswmnj1r8N3NDfMPRlFBYl7xHLn8fxPpzYD_g/s1600/pink.png);
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #fff;
border: 1px solid #FF6987;
}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment{
height:10px;
width:10px;
display:block;
background:#fff;
border:1px solid #B0E0E6;
}
::-moz-selection {
background:#FFA7B9;
color:#FFFFFF;
}
::selection {
background:#FFA7B9;
color:#FFFFFF;
}
a.navi{
display:inline-block;
-webkit-transition:All 0.8s ease ;
-moz-transition:All 0.84s ease ;
-o-transition:All 0.8s ease ;
padding:5px;
width:70px;
text-decoration:none;
font-family:tahoma;
font-size:10px;
text-transform:uppercase;
color: #fff;
background: #FFA7B9;
text-align:center;
cursor:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgww7_Un0wwV-InCYx3S6BXFsXTY0fl_4CKuhrFKVGdldqCOATT1xBQCrPHm4ll9Tja4lNy8tTvEx6xnI3UKD3bmeoSjY0yhmjZ6bL2-Vcnpn8ZNotMiSzHO_ZXxJ8M-82CYlVElhakMd7p/s1600/cursorcomelumbrella.png),auto;
}
a.navi:hover{
-moz-box-shadow:inset -100px 0px -200px -0.5px #FFD5DE;
-webkit-box-shadow:inset -100px 0px -200px -0.5px #000;
box-shadow:inset -100px 0px 0px -0.5px #FFD5DE;
color: #000;
border-bottom:0px;
}
a.tablo{
margin-bottom:10px;
background:#fff;
width:45px;
text-decoration:none;
border:1px dotted #FFD5DE;
border-radius:33px;
color:#555;
display:inline-block;
text-align:center;
}
.h1 {
background:url(http://pastelpatterns.com/small/smallpattern-4.png);
padding:2px;
text-transform:uppercase;
color:#000;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
margin-bottom:5px;
margin:10px;
font-family: 'Rum Raisin', sans-serif;
font-size:12px;
line-height:18px;
text-align:center;
}
a.chan {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKEKcLNaHaWe3Bm5BiZ6y7ivO0PxQogosoNdV4qkBIVcwadG6QJLTZgdWCUe1r8dPHfmE_ofEBT42Hny7OD6J-KJWJR1kmZ72wvVISRnhVCg3zA4sglm3tLpBUSKb9E66PdCjnOL2tnvf9/s1600/star9.gif);
background-repeat:no-repeat;
background-size:13px;
padding-left:25px;
color:#FF6987;
display:inline-block;
font:11px arial;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
width:305px;
line-height:18px;
}
a.chan:hover{
background:url(http://img.photobucket.com/albums/v252/shaquanda/dumpitydump/pixelwixel/1897.gif);
background-repeat:no-repeat;
background-size:13px;
color: #FFC2DF;
}
</style>
<center>
<div style="margin-top:15px;">
<div style="display:inline-block;width:900px;padding:8px;border-radius:0px 0px 0px 0px;border:2px solid #FFD5DE;background: url(http://pastelpatterns.com/small/smallpattern-7.png);">
<div style="display:inline-block;width:900px;padding-top:275px;border-radius:0px 0px 0px 0px;border:0px dotted #FFD5DE;border-bottom:none;background-repeat:no-repeat;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsh1_m22lSztFnMa51JQrNRnWzxZVYgzMda_B40ljVLeWdAf16u4qLfAB2YXEAzzklooYs1XhBfeaDlhehnxX5I1WYoJM5UGEkXnjfgmNgbqn8aotAnjF8no1VH6o1jdABAGivsdXEymE/s1600/enakei+header4.png);"></div><br>
</center>
<center>
<div style="margin-top:-1px;margin-bottom:-3px;background:none;border-left:20px solid #FFD5DE;border-right:20px solid #FFD5DE;width:600px;height:50px;display:inline-block;-webkit-box-shadow: 0 1px 5px rgba(191,191,191,0.88);-moz-box-shadow: 0 1px 5px rgba(191,191,191,0.88);box-shadow: 0 1px 5px rgba(191,191,191,0.88);">
</div>
<div style="display:inline-block;width:900px;padding:10px;border-radius:10px 10px 10px 10px;border:2px solid #FFD5DE;background: url(https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcTPhotIyzLLCKNHQLN68-4i6b8O9Ec0BmPz199P7G6SC97uSKE_);">
<a class="navi" onClick="document.getElementById('blog').innerHTML=document.getElementById('entry').innerHTML">HOME</a>
<a class="navi" onClick="document.getElementById('blog').innerHTML=document.getElementById('profile').innerHTML">ABOUT</a>
<a class="navi" onClick="document.getElementById('blog').innerHTML=document.getElementById('link').innerHTML">FRIEND</a>
<a class="navi" onClick="document.getElementById('blog').innerHTML=document.getElementById('stuff').innerHTML">STUFFS</a>
<a class="navi" href="http://blogger.com">DASH</a>
<a class="navi" href="http://www.blogger.com/follow-blog.g?blogID=yourblogid"> +FOLLOW</a>
<a class="navi" href="<$OlderPosts$>">OLDER</a>
<a class="navi" href="<$NewerPosts$>">NEWER</a>
</div></div></div>
<table style="border-radius:0px 0px 0px 0px;line-height: 17px; padding-left:0px; padding-right:0px; padding-bottom:18px; padding-top:20px; background:none; border:0px solid #FFD5DE;" width="960" border="0" align="center" cellspacing="15"-webkit-box-shadow: 0 1px 5px rgba(191,191,191,0.88);
-moz-box-shadow: 0 1px 5px rgba(191,191,191,0.88);
box-shadow: 0 1px 5px rgba(191,191,191,0.88); >
<tbody><tr>
<td valign="top"><div class="sidebar">
<div class="title">Owner</div>
<div class="comment">Welcome here</div>
<center>
<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeylQ8qX6BQ-8MW8VH3Lu3Diq-sSzexKZmFz-qL-aPx8jw9yGgWtTMou6qrCfJUawO6oMEjxFy1hMctsi-HaGwv8ClrVltED8jIQOj7uswmnj1r8N3NDfMPRlFBYl7xHLn8fxPpzYD_g/s1600/pink.png) repeat; border:1px solid #B0E0E6;padding:4px;width:80px;">
<img style="width:80px;height:80px;" src="http://25.media.tumblr.com/3a9361dc4e74b2334cd3b7ef44bfa98c/tumblr_mlmihqx1l01r3nw4do1_500.gif">
</div>
<br>
Hello and annyenghaseyo . Put your short bio in here<br>
</center></div>
<center><div style="background:none;margin-bottom:-3px;border-left:20px solid #FDC9E1;border-right:20px solid #FDC9E1;width:100px;height:42px;display:inline-block;">
</div>
<div class="sidebar"><div class="title">Menu</div>
<div class="comment">Pick one a box!</div>
<center>
<a class="tablo" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('1').innerHTML" >POST</a>
<a class="tablo" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('2').innerHTML" >SEARCH</a>
<br>
<div id="wnsb" style="padding:3px;border:1px dashed #FDC9E1;border-radius:3px;background:#fff; width:215px;height:100px;background-position:bottom center;background-repeat:no-repeat;background-image: url(http://media.tumblr.com/b0cf34c37279b551e3cabb8f66578f19/tumblr_inline_mg2m65sBW51qdlkyg.gif);"><br>
<center>Click <b>"LIKE"</b> first<br>
Click the navigate to see a search box for search something in my blog and my post guys!
</center>
</div>
<div id="1" style="display: none;">
<div style="text-align:left;height:100px; overflow-x:hidden; overflow-y:scroll;">
<bloggerpreviousitems>
<li><a href="<$BlogItemPermalinkURL$>">
<$BlogPreviousItemTitle$></li></a>
</BloggerPreviousItems>
</div>
<div id="2" style="display: none;">
<center>
<form action="/search" id="searchthis"
method="get" style="display: inline;">
<div style="text-align: center;">
<input id="search-box" name="q" size="20"
style="background: #fffafb border: 1px solid Pink;" type="text" value"Search" />
<input id="search-btn" style="background: #fffafb; border: 1px solid Pink;
color: Pink; font-weight: bold;" type="submit" value="Go!" /><br />
<br /></div>
</form>
</div>
</div></div></div></div>
<center><div style="background:none;margin-bottom:-3px; border-left:20px solid #FDC9E1;border-right:20px solid #FDC9E1;width:100px;height:42px;display:inline-block;">
</div>
<div class="sidebar"><div class="title">Status</div>
<div class="comment">Please read this!</div>
<center>
PUT UR STATUS HERE<br/>
</div>
</center></div>
<center><div style="background:none;margin-bottom:-3px; border-left:20px solid #FDC9E1;border-right:20px solid #FDC9E1;width:100px;height:42px;display:inline-block;">
</div>
<div class="sidebar"><div class="title">Chatting Box</div>
<div class="comment">Talking Ben</div>
- dont judge mine<br/>
- put your link, not e-mail<br/>
- ex link, banner, req tutobies in here<br/>
- talk with owner in here<br/>
[ put your chat box code in here]
</div>
</center></div>
<center><div style="background:none;margin-bottom:-3px; border-left:20px solid #FDC9E1;border-right:20px solid #FDC9E1;width:100px;height:42px;display:inline-block;">
</div>
<div class="sidebar"><div class="title">Credits</div>
<div class="comment">Thank you</div>
<center>
Template by <a href="http://www.sweetiegirl.co.vu">Annisa Pramudita</a><br>
Basecode by <a href="http://fatinhalid.blogspot.com">Atin</a><a href="http://www.blogskins.com/me/atintory">Tory</a> .<br>
Help by <a href="http://snow-white.lolipop.jp/">P</a>
<a href="http://pastelpatterns.com">I</a>
<a href="http://safira-housebook.blogspot.com/">N</a>
<a href="http://xiolu.tumblr.com/pixels">K</a>
<a href="http://weheartit.com/atin95">S</a>.
<br>
<center><img src="http://media.tumblr.com/881f9a7eecd40b519ea96772031e2583/tumblr_inline_mowqpfRjcf1qz4rgp.png"></center>
</div></br>
<td valign="top" style="padding-top:10px;padding-bottom:10px;padding-left:20px;padding-right:20px;width:950px; border:1px solid #FDC9E1; background:white; font-size:11px;border-radius:10px;"><div id="blog">
<blogger><div class="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div><div class="comment"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> - <a href="<$BlogItemPermalinkURL$>">Permalink</a> - <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Comments</a></BlogItemCommentsEnabled></div><$blogitembody$>
</blogger>
</div><br><br>
</table>
<div id="profile" style="display:none;">
<div class="title">Profile</div>
<div class="comment">This is an owner in this blog</div>
<center><img src="http://31.media.tumblr.com/9753cb5d6c572c35bdd20896f30c9c33/tumblr_mrihfquAI61rercezo4_500.gif"></center><br><br>
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
PUT YOUR BIO HERE
<div style="text-align: center;">
<blockquote class="tr_bq">
put your own profile in here. dont copy my profile!</blockquote>
<br /><br />
</div>
<div id="link" style="display:none;">
<div class="title">They are chingu.</div>
<div class="comment">Visit my friends!</div>
<style type="text/css">
@font-face{font-family:pixel;src:url(http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf)}
a.kai {
border:1px solid Pink;
text-transform:normal;
background:#FFFFFF;
text-decoration:none;
color: #e95869;
padding: 6px;
font: 10px Happy Monkey;
margin:5px;
margin-left: 5px;
margin-right: 5px;
-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; text-decoration:none;
box-shadow:inset 0px 0px 0px #FBF8E0,
inset 0px 0px 0px #FBF8E0;
display: inline-block;
width: 65px;
}
a.kai:hover {
-webkit-transition-duration: 0.5s;
box-shadow:inset 0px 14px 0px #ffd5d5,inset 0px -14px 0px #ffd5d5; color: #fff;
}
</style>
<center>
<img src="http://31.media.tumblr.com/3254dd44b6b76ae7723a02636a7042c1/tumblr_mnmvaowVHf1qzvtljo1_500.gif"><br><br>
<br>
<center><table cellpadding="2" cellspacing="2" width="180">
<tr>
<td><input type="text" size="11" value="WHO" style="width:170px;color:#000;border:1px dotted #FBF8E0;background-color:#ffffff;" onclick="this.focus()" onfocus="this.select()"></td>
</tr><tr>
<td><input type="text" size="11" value="URLBLOG" style="width:170px;color:#000;border:1px dotted #FBF8E0;background-color:#ffffff;" onclick="this.focus()" onfocus="this.select()"><tr>
</table></center>
<br>
<a class="kai" href="www.sweetiegirl.co.vu">Anneliese</a>
<a class="kai" href="http://.blogspot.com/">Pink</a>
<a class="kai" href="http://.blogspot.com/">Pink</a>
<a class="kai" href="http://.blogspot.com/">Pink</a>
<a class="kai" href="http://.blogspot.com/">Pink</a>
<a class="kai" href="http://.blogspot.com/">Pink</a>
<br>
<a class="kai" href="http://.blogspot.com/">Pink</a>
<a class="kai" href="http://.blogspot.com/">Pink</a>
<a class="kai" href="http://.blogspot.com/">Pink</a>
<a class="kai" href="http://.blogspot.com/">Pink</a>
<a class="kai" href="http://.blogspot.com/">Pink</a>
<a class="kai" href="http://.blogspot.com/">Pink</a>
<br>
<a class="kai" href="http://.blogspot.com/">Pink</a>
<a class="kai" href="http://.blogspot.com/">Pink</a>
<a class="kai" href="http://.blogspot.com/">Pink</a>
<a class="kai" href="http://.blogspot.com/">Pink</a>
<a class="kai" href="http://.blogspot.com/">Pink</a>
<a class="kai" href="http://.blogspot.com/">Pink</a>
</div>
</div>
<div id="stuff" style="display:none;">
<div class="title">Tutobies</div>
<div class="comment">You can use it</div>
<center><img src="http://27.media.tumblr.com/tumblr_lv1z4561ty1qgadsno1_r1_500.gif"><br><br>
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="h1">TUTORIAL </div>
<a class="chan" href="http://fatinhalid.blogspot.com/"> Tutorial</a>
<a class="chan" href="http://fatinhalid.blogspot.com/"> Tutorial</a>
<a class="chan" href="http://fatinhalid.blogspot.com/"> Tutorial</a>
<a class="chan" href="http://fatinhalid.blogspot.com/"> Tutorial</a>
<a class="chan" href="http://fatinhalid.blogspot.com/"> Tutorial</a>
<a class="chan" href="http://fatinhalid.blogspot.com/"> Tutorial</a>
<br><br><br>
<div class="h1">FREEBIES </div>
<a class="chan" href="http://fatinhalid.blogspot.com/"> Freebies</a>
<a class="chan" href="http://fatinhalid.blogspot.com/"> Freebies</a>
<a class="chan" href="http://fatinhalid.blogspot.com/"> Freebies</a>
<a class="chan" href="http://fatinhalid.blogspot.com/"> Freebies</a>
<br><br><br>
</div>
<div id="entry" style="display:none;">
<blogger><div class="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div><div class="comment"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> - <a href="<$BlogItemPermalinkURL$>">Permalink</a> - <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Comments</a></BlogItemCommentsEnabled></div><$blogitembody$>
</blogger>
</div><br><br>
</table></html>
