THIS CODE :
<html><script src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js' type='text/javascript'></script><script type='text/javascript' src='https://sites.google.com/site/jquery01/jquery.lazyload.mini.js?ver=1.5.0'></script><script type="text/javascript">jQuery(document).ready(function($){if (navigator.platform == "iPad") return;jQuery("img").lazyload({effect:"fadeIn",placeholder: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRUzIiRGTR3PHajz4hyCK01gTbI8UMmp_CWXAQGE837fKJfPsTQkloe-fl7e4t_r-v3E0WxHnQq9B4xrWkGAGZcfWH94-XQB8JAF7wFtCNlWrYNxtd26XTTZFvgCCQqta4ee8KkGHlSis/s1600/grey.gif"});});</script>
<link href='http://fonts.googleapis.com/css?family=Patrick+Hand+SC' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Happy+Monkey' rel='stylesheet' type='text/css'>
<head>
<base target='_blank'/>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">
</script>
<script type='text/javascript' language='Javascript'>
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/s7MpC.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>
<link href='http://media.tumblr.com/tumblr_m4i86wDiNL1qdlkyg.gif' rel='icon' type='image/x-icon'/>
<center><center><img class="header" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8DOJnb16u_RplGHuroAjWG-Qu8izXynFyjHQZwi1AQZTLlrQ6umN_PQFue6Aae-DcLiayoxT7_dERl1Rqy1H5SO0iOweOk3_xB4q7YSlEADsXOD0XgIpX_puKaCQDQzk45nj3x5AEWEk/s1600/header1.png" /></center>
<title>Pink Blue</title>
<style type="text/css">
#navbar-iframe {
display: none;
}
body {
background:url(http://i.imgur.com/Oqx32Ds.png);
font-family: happy monkey;
font-size: 12px;
background-attachment:fixed;
text-align: normal;
cursor:url(http://cur.cursors-4u.net/nature/nat-10/nat988.cur),auto;
}
a:link, a:visited {
cursor:url(http://cur.cursors-4u.net/nature/nat-10/nat988.cur),auto;
color: #000;
font-family:happy monkey;
font-size:12px;
text-decoration:none;
}
a:hover{
color:pink;
}
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: #000;
-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 {
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/ozUAZ.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://cur.cursors-4u.net/nature/nat-10/nat988.cur;
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://cur.cursors-4u.net/nature/nat-10/nat988.cur;
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;
}
a.follow{
color:#fff;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
text-decoration:none;
font-family:Patrick Hand SC;
font-size:17px;
padding:5px;
border-radius:5px;
width:70px;
text-align:center;
background:#FED3D3;
border: 2px solid #D0ECFF;
display:inline-block;
}
a.follow:hover{
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
color:#ffffff;
text-decoration:none;
padding:5px;
border: 2px solid #FED3D3;
border-radius:5px;
width:70px;
background:#D0ECFF;
text-align:center;
display:inline-block;
}
.header {
text-align: center;
-webkit-transition: 1s;
opacity:100;
}
.header {
margin-left: 2px;
margin-bottom: -20px;
-webkit-transition:2s
}
a.link{
-webkit-transition: all 0.2s 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; width:80px;
display:inline-block;
background: url(http://i.imgur.com/ozUAZ.png) repeat-y;
background-size: 9px 9px;
color:#000;
cursor:http://cur.cursors-4u.net/nature/nat-10/nat988.cur;
font:12px Patrick Hand SC;
padding:5px;
margin: 2px;
border: 1px solid #FAD1D1;
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;
}
</style>
<center>
<div style="background-image:url(http://i1074.photobucket.com/albums/w419/amaninaonly/polkadotpink-1.gif);border:4px solid #fff;width:900px;border-radius: 0px;padding:10px;margin-top:15px;border-radius:25px;">
<center>
</head>
<table style="font-size: 11px; LETTER-SPACING:1PX;color: #000; line-height: 16px; background:#fff; border:4px solid #FFE5E5;border-top:0px;border-bottom:0px;border-radius:0px;" width="900" align="center" border="0" cellspacing="10">
<tbody><tr>
<center><div style="background:url(http://snow-white.lolipop.jp/sozai/wall/dot/18_01.gif);padding-top:10px;padding-bottom:10px; border-radius:0px;width:900px;">
<center><a class="button" onClick="document.getElementById('post').innerHTML=document.getElementById('entry').innerHTML" title="">ENTRY</a> <span style="padding:4px;"></span>
<a class="button1" onClick="document.getElementById('post').innerHTML=document.getElementById('profile').innerHTML" title="">ABOUT</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('free').innerHTML" title="">STUFFS</a> <span style="padding:4px;"></span>
<a class="button" onClick="document.getElementById('post').innerHTML=document.getElementById('rules').innerHTML" title="">RULES</a> <span style="padding:4px;"></span>
<a class="button1" href="www.blogger.com">DASH</a>
<a class="button" Bla..bla..bla..">FOLLOW</a>
</center> </div>
</div></center>
<div id="profile" style="display: none;">
<div class="h1">Myself</div>
<div class="h3">Wanna you know me?</div><br>
<center><img src="http://1.bp.blogspot.com/-Ctkq1v_1pKY/VT8ulpa0pGI/AAAAAAAAA4k/KJmrNCRU2KA/s1600/Tumblr%2B7.jpg" style="background:url(http://i1074.photobucket.com/albums/w419/amaninaonly/polkadotpink-1.gif);padding:3px;border:2px solid #FAD1D1;"width="500"/><br>
<br/>
Hi! My name is blablabla. I live in blablabla... <br/>
......<br/>
laLalalalalalalaLalalalalalalaLalalalalalalaLalalalala<br/>
lalaLalalalalalalaLalalalalalalaLalalalalalalaLalalala<br/>
lalalaLalalalalalalaLalalalalalalaLalalalalalalaLalala<br/>
lalalalaLalalalalalalaLalalalalalalaLalalalalalalaLala<br/>
lalalalalaLalalalalalalaLalalalalalalaLalalalalalalaLa<br/>
lalalalalalaLalalalalalalaLalalalalalalaLalalalalalala<br/>
LalalalalalalaLalalalalalala
<br /><br/><br><br>
</div>
<div id="entry" style="display: none;">
<blogger><div class="h1"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="h3"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> • <$BlogItemDateTime$> • <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> comments</span></a></BlogItemCommentsEnabled> </div><$BlogItemBody$></br></blogger><br><center><OlderPosts><a href=<$OlderPosts$>>PAST</a> </OlderPosts> <NewerPosts> • <a href=<$NewerPosts$>>Newer</a></NewerPosts></center>
</div>
</div>
<div id="tuto" style="display: none;">
<div class="h1">Affies</div>
<div class="h3">Exchange link with me?</div>
<br>
<center><img src="http://4.bp.blogspot.com/-V7n9i47IpsE/VT8xXMpMWeI/AAAAAAAAA4w/yFPmHCdqy2A/s1600/Tumblr%2B8.jpg" style="background:url(http://i1074.photobucket.com/albums/w419/amaninaonly/polkadotpink-1.gif);padding:3px;border:2px solid #FAD1D1;"width="500"/></center>
<center><br>
Name:<input type="text" size="11" value="Yourname" 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://yourblog.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>
<center>
<a class="link" href="http://safira-huousebook.blogspot.com">SAFIRA</a>
<a class="link" href="http://mayarfatiharataninggusti.blogspot.com/">MAYAR</a>
<a class="link" href="http://www.sweetiegirl.co.vu/">Valleria</a>
<a class="link" href="http://URL BLOG">FRIENDS</a>
<a class="link" href="http://URL BLOG">FRIENDS</a>
<a class="link" href="http://URL BLOG">FRIENDS</a>
<a class="link" href="http://URL BLOG">FRIENDS</a>
<a class="link" href="http://URL BLOG">FRIENDS</a>
<a class="link" href="http://URL BLOG">FRIENDS</a>
<a class="link" href="http://URL BLOG">FRIENDS</a>
<a class="link" href="http://URL BLOG">FRIENDS</a>
<a class="link" href="http://URL BLOG">FRIENDS</a>
<a class="link" href="http://URL BLOG">FRIENDS</a>
<a class="link" href="http://URL BLOG">FRIENDS</a>
<a class="link" href="http://URL BLOG">FRIENDS</a>
<a class="link" href="http://URL BLOG">FRIENDS</a>
<a class="link" href="http://URL BLOG">FRIENDS</a>
<a class="link" href="http://URL BLOG">FRIENDS</a>
<a class="link" href="http://URL BLOG">FRIENDS</a>
<a class="link" href="http://URL BLOG">FRIENDS</a>
<a class="link" href="http://URL BLOG">FRIENDS</a>
<a class="link" href="http://URL BLOG">FRIENDS</a>
<a class="link" href="http://URL BLOG">FRIENDS</a>
<a class="link" href="http://URL BLOG">FRIENDS</a>
<a class="link" href="http://URL BLOG">FRIENDS</a>
<a class="link" href="http://URL BLOG">FRIENDS</a>
<a class="link" href="http://URL BLOG">FRIENDS</a>
</div>
<div id="free" style="display: none;">
<div class="h1">Stuffs</div>
<div class="h3">Want To Search My Tuto And Freebies?</div>
<br>
<center><img src="http://1.bp.blogspot.com/-8mAsEEcw9KA/VT8tTh9onkI/AAAAAAAAA4c/p3XCF5Sw0J8/s1600/Tumblr%2B4.jpg" style="background:url(http://i1074.photobucket.com/albums/w419/amaninaonly/polkadotpink-1.gif);padding:3px;border:2px solid #FAD1D1;"width="500"/></center>
<center><br>
<div class="h3">Tutorial</div>
<a class="link" href="http://URL BLOG">Tuto</a>
<a class="link" href="http://URL BLOG">Tuto</a>
<a class="link" href="http://URL BLOG">Tuto</a>
<a class="link" href="http://URL BLOG">Tuto</a>
<a class="link" href="http://URL BLOG">Tuto</a>
<a class="link" href="http://URL BLOG">Tuto</a>
<br>
<div class="h3">Freebies</div>
<a class="link" href="http://URL BLOG">freebies</a>
<a class="link" href="http://URL BLOG">freebies</a>
<a class="link" href="http://URL BLOG">freebies</a>
<a class="link" href="http://URL BLOG">freebies</a>
<a class="link" href="http://URL BLOG">freebies</a>
<a class="link" href="http://URL BLOG">freebies</a>
<br>
</div>
</div>
<div id="rules" style="display: none;">
<div class="h1">My Rules Blog</div>
<div class="h3">Rules Here</div>
<br>
<center><img src="http://31.media.tumblr.com/tumblr_m9y1pfeWam1rp7s19o1_500.gif" style="background:url(http://i1074.photobucket.com/albums/w419/amaninaonly/polkadotpink-1.gif);padding:3px;border:2px solid #FAD1D1;"width="500"/></center>
<center><br>
<img src="http://media.tumblr.com/8144ac0ad06090f5588f77c30173e03c/tumblr_inline_mg0pqcHEx01qdlkyg.gif"> Don't make dispute with another!<br>
<img src="http://media.tumblr.com/8144ac0ad06090f5588f77c30173e03c/tumblr_inline_mg0pqcHEx01qdlkyg.gif"> Want re-post? Please write the credit<br>
<img src="http://media.tumblr.com/8144ac0ad06090f5588f77c30173e03c/tumblr_inline_mg0pqcHEx01qdlkyg.gif"> I don't like anonymous, guest, etc. So, don't use that!<br>
</body>
<td valign="top" style="width:530px; padding-left:5px; border-right:2px solid #FFE5E5; padding-bottom:5px; box-shadow:0px 0px 5px #ffffff; padding-right:15px; ">
<div id="post">
<blogger><div class="h1"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="h3"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> • <$BlogItemDateTime$> • <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> comments</span></a></BlogItemCommentsEnabled> </div><$BlogItemBody$></br></blogger><br><center><OlderPosts><a href=<$OlderPosts$>>PAST</a> </OlderPosts> <NewerPosts> • <a href=<$NewerPosts$>>FUTURE</a></NewerPosts></center>
</div>
<td valign="top" style="line-height:15px; letter-spacing:1px; font-size:11px; width:240px; padding-left:10px;">
<div class="h2">Bonjour</div>
<div class="iconborder">
<center><img class="icon" style="padding:0;border:none;" src="http://4.bp.blogspot.com/-wvcte9pO2rs/VT3iZV2EBFI/AAAAAAAAA4I/foTsh-F-0eM/s1600/Tumblr%2B6.jpg"></div><center>
Hi....Guys...I'm Owner This Blog . Bla..Bla..Bla..</center></div>
</object><br>
<div class="h2">Talking Here</div>
<br>
<center>" Put your cbox " </center></div>
<br>
<div class="h2">Status</div><BR>
<br>
<center>Put Your Status Here</center><br>
<div class="h2">Archive</div><br>
<bloggerpreviousitems>
<a href="<$BlogItemPermalinkURL$>">
<li><$BlogPreviousItemTitle$></li>
</a>
</BloggerPreviousItems>
<br>
<div class="h2">CREDIT SECTION</div><BR>
<center><!----- Dont remove this or i call elephant to kill u! -------!>
<br>
<center><b>Coding basecode by:</b><a href="http://safira-housebook.blogspot.com"> Safira</a> & <a href="http://mayarfatiharataninggusti.blogspot.com/"> Mayar</a><br>
<center><b>template by:</b><a href="http://www.sweetiegirl.co.vu/"> Valleria</a>
<center><b>image by:</b><a href="http://muthiadiary2.blogspot.com/"> Muthia</a>
<center><b>Owner blog:</b><a href="URL BLOG"> Your name</a>
</center><br>
<u>Remember!! dont remove this section!!</u>
<center><!----- Dont remove this or i call elephant to kill u! -------!>
</td>
</tr></tbody>
</table>
<center><div style="background:url(http://snow-white.lolipop.jp/sozai/wall/dot/18_01.gif);padding-top:9px;padding-bottom:24px;border-radius:0px;width:900px;"></center>
</br>
</html>