PAGE CODES

<html>
<script type="text/javascript" src="http://ahmad-rifai-tools.googlecode.com/files/salju-blog.ahmadrifai.net.js" /></script>
<script type="text/javascript">
snowStorm.snowColor = '#ffffff'; //
snowStorm.flakesMaxActive = 96;
snowStorm.useTwinkleEffect = true;
</script>

<script type="text/javascript">
document.ondragstart = function () { return false; }; </script>

<head>
<link href='http://fonts.googleapis.com/css?family=Crafty+Girls' rel='stylesheet' type='text/css'>

<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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRhaalQX1iOE2erfDmNvnfiTKUykW2AqmPvvudW0mpnRD5yFg-XIKh7tuuxLIphMtYvmmeL0Ef7vaLGiniijSkgd9OIkMaRsBdfzcX6XGThgu-By_Tt7rc-YCgDq31UzU5QqrENaSODlI/s1600/top+copy.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>
<center>
<div style="display:inline-block;width:800px;padding-top:300px;border-radius:0px 0px 0px 0px;border-bottom:none;repeat:no-repeat;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGU3LbDSBxcd8yJ9tP3LBe352oYXge7PgS_ilLo3muj0kxTDiqj72Fl1ENmBosmL4cQlk4WeAz2RVeNZTHQr5j9Hk6zHD5ookHbb5QvyC1YOVEaMFdHriRigBZcU5sfbr_mlAD5K8ud-M/s1600/skin+copy.png);margin-top:0px;"></center></div>

<base target='_blank'/>
<title>The Beautiful Grey</title>

<link href='http://fonts.googleapis.com/css?family=Gochi+Hand' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Chewy' rel='stylesheet' type='text/css'>

<link rel="shortcut icon" href="http://media.tumblr.com/tumblr_mcrv2b8HV21qk1or3.gif">
<style type="text/css">
#navbar-iframe{
display: none;
}
body{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU46yHnGCWjtBe-Ui5bKsAYowJU-J4PsNVkm7_vugUcpTXlsgFR_YgVWvT1xg7hK4M9KdNB7VfISRSSYLHvqI9xveoPIobXNbbkZgehcD8QDoUqeQh2X1B6r3WNM5lXQQ81sf8McQeJg/s1600/grey.gif );
background-attachment: fixed;
font-family:Century Gothic;
letter-spacing:1px;
color:#666;
cursor:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhux0yUqW_q2V_zYKnMIwQecWI-EFWZB2QSa-ZcyWf8w3M2tVGRl7bt5-VxANCJDbpI2JzfBTZ-Yp0T4Gulmr10rVJzrCM1NLDfCLUIwjoFLq8So7R4JzZHB4xNvPLUAPOd2T56_mjpN1Q/s1600/currr.png),auto;
}
::-moz-selection {
background:#FFFFFF;
text-shadow: 2px 2px 4px #D8D8D8;
}
::selection {
background:#FFFFFF;
text-shadow: 2px 2px 4px #DD8D8D8;
}
a:link, a:visited {
-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:#A9A9A9;
padding:0px;
cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5Gk8sDZsyK-H4LRmPFqMC5TLVEzyXtK8_BoX5DMthCZofVPqOc8Zu35fYVwO_XZAOJP8clXjF4H_aaQtMucKd6vT4l9o-JfFJfQLIH-8GvTCit3S-m6yLbOoh2U8_zNrgnluCcHmKpnE/s1600/cur+copy.png),auto;
}
a:hover {
border-bottom:1px dotted #ffd9d9;
color:#000;
}

.sidebar {
padding-right:21px;
width: 250px;
font-size:11px;
text-align:left;
}
.title {
text-align: center;
font-size: 26px;
color: #585858;
font-family: Crafty Girls;
letter-spacing: 3px;
padding: 3px;
background:url(https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcRIqep7tXR5bXp7CSKXft5ltSDAzkRFD-ou3SGH_PurBmwMqSvY);
border-left:20px double #000000;
border-right:20px double #000000;
border-radius:3px;
font-weight:bold;
text-transform: ;
margin-top: 10px;
margin-bottom: 10px;
}
.title:first-letter {
color:#585858;
}

@font-face{font-family:lemoncanfly;src:url('http://static.tumblr.com/eq1rpir/A8nm517nt/lemons_can_fly.ttf')}

blockquote{
background:url(http://i.imgur.com/OYMGD.png);
display:block;
padding:5px;
border-left:20px solid #5D5D5D;
border-right:0px solid #5D5D5D;
color:#333333;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}

h1 {margin-top:10px;
color: #000000;
font-size:12px;
font-family:gochi hand;
text-align:center;
letter-spacing: 2px;
background:#CECBCB;
line-height:2pt;
}
u {
text-decoration:none;
border-bottom: 1px solid #dedede;
-webkit-transition: 1s;
}
::-webkit-scrollbar {
width: 9px;
height: 7px;
}
::-webkit-scrollbar-track-piece {
background-color: #000000;
border: 4px solid #fff;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #868383;
border: 1px solid #fff;
}
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:60px;
text-decoration:none;
font-family:Annoying Kettle;
font-size:7px;
text-transform:uppercase;
color: #000000;
background: #FFFFFF;
border: solid #9E9E9E 2px;
text-align:center;
cursor:vertical-text;
opacity: 1;
border-top-left-radius: 35px;
border-top-right-radius: 35px;
}
a.navi:hover{
background: #ccc;
letter-spacing: 3px;
background-position:50% 30%;
background-size:80px;
letter-spacing:3px;
color: #fff;
border-bottom:0px;
-webkit-transition:All 1.5s ease;
-moz-transition:All 1.5s ease;
-o-transition:All 1.5s ease;
box-shadow:inset 0 50px 8px #fff;
}
a.navi1{
display:inline-block;
-webkit-transition:All 0.8s ease ;
-moz-transition:All 0.84s ease ;
-o-transition:All 0.8s ease ;
padding:5px;
width:60px;
text-decoration:none;
font-family:Annoying Kettle;
font-size:7px;
text-transform:uppercase;
color: #fff;
background: #9E9E9E;
text-align:center;
cursor:vertical-text;
opacity: 1;
border-bottom-right-radius: 35px;
border-bottom-left-radius: 35px;
}
a.navi1:hover{
background: #ccc;
letter-spacing: 3px;
background-position:50% 30%;
background-size:80px;
letter-spacing:3px;
color: #fff;
border-bottom:0px;
-webkit-transition:All 1.5s ease;
-moz-transition:All 1.5s ease;
-o-transition:All 1.5s ease;
box-shadow:inset 0 50px 8px #fff;
}
.sidefooter {
margin-top: 7px;
margin-bottom: 3px;
margin-left: 1px;
margin-right: 1px;
color:#5A5A5A;
letter-spacing:2px;
padding-left: 2px;
padding-right: 2px;
padding-top: 2px;
padding-bottom: 2px;
font-family: tahoma;
line-height: 10px
font-size: 11px;
background:url(http://i.imgur.com/5Dy51.png);
}

#t3 {
text-transform: ;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNB4uY1a7DIRoaOOGPvBEwhVTkye9K0mTnyzAbuGf7W8pS9yL4HtB9IBkNMsE9nutCUtPz7BLGsS-R6hVGQmzb1I19F1bPEGMwvLhswIvjjgi9AvIf2G-G7u3V2cmboKYmwnJjIA_SCKw/s200/grey.gif);
font: 13px 'Crafty Girls';
text-transform:Bold;
padding: 2px;
text-align:center;
letter-spacing:2px;
font-style:none;
border: 1px solid #fffff;
margin-top: 10px;
margin-bottom: 10px;
}

li { list-style-image:
url(http://media.tumblr.com/tumblr_mc45hspM0g1qdlkyg.gif);
}
li:hover { list-style-image:
url(http://media.tumblr.com/tumblr_mc45kaLWbB1qdlkyg.gif);
}
a.link {
background: #fff;
padding: 1px;
border: 1px solid #000000;
width: 95px;
display: inline-block;
color: #999;
-webkit-transition: 1s;
text-align: center;
font-size: 11px;
line-height: 15px;
margin-bottom: 6px;
font-family: Happy Monkey;
padding: 3px;
border-radius:15px;
}
a.link:hover {
box-shadow: inset 130px 0 0px 0 #C5C7CC;
-webkit-transition: 1s;
color: #fff;
border:1px solid #eee;
}
.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://media.tumblr.com/tumblr_meb61hMwqS1qdlkyg.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:1px solid #bae5ff;
margin:0em;
padding:5px;
color:#808080;
}
</style>
<style>
#music{
position:fixed; top:40px; left:30px;
padding-top:12px;padding-bottom:12px;
text-align:center;
height:10px; width:34px;
overflow:hidden;
border:2px dotted #B7B9BB;
color:#888;
border-radius:40px;
-webkit-transition: opacity 0.7s linear;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
background-color:#FFFFFF;
z-index:999;
}
#musicplayer{ padding-top:15px; } #music:hover {border:2px dotted #B7B9BB; padding:5px; height:45px; width:200px;
}
blockquote{
background:url(http://i.imgur.com/OYMGD.png);
padding:10px;
color:#000;
letter-spacing:0px;
border:1px solid #5D5D5D;
max-height:75px;
overflow: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;
transition: all 0.5s ease-in-out; }
</style>
<div id="music">
<center>
<img src="http://i.imgur.com/BiKdZ.gif" /></center>
<div id="musicplayer">
<embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=http://k007.kiwi6.com/hotlink/f616qc5ow8/05_-_Idina_Menzel_-_Let_It_Go.mp3&t0=Let It Go&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
</div>
</div>

<body oncontextmenu='return false;'>
<center>

<div style="margin-top:0px;width:880px;padding:10px;border-radius:0px 0px 0px 0px;border:2px solid #000000;background-color:#fff;background-position:center;background-image: url(http://eventsbycouture.com/backgrounds/chevron-background-grey.jpg);">

<a class="navi" onClick="document.getElementById('blog').innerHTML=document.getElementById('entry').innerHTML">ENTRY</a>
<a class="navi1" onClick="document.getElementById('blog').innerHTML=document.getElementById('profile').innerHTML">ABOUT</a>
<a class="navi" onClick="document.getElementById('blog').innerHTML=document.getElementById('link').innerHTML">LINKS</a>
<a class="navi1" onClick="document.getElementById('blog').innerHTML=document.getElementById('stuff').innerHTML">STUFFS</a>
<a class="navi" href="<$NewerPosts$>">NEWER</a>
<a class="navi1" href="<$OlderPosts$>">OLDER</a>
<a class="navi" href="http://www.blogger.com/follow-blog.g?blogID=<$BlogID$>">+FOLLOW</a></div></div></div>

</style>
<center>
<div style="background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEAxHfk9AKYVDjGGQDQLmbCa9thDVis6XGxQ6XVKcSKofjEVqYQ75u3HGnboZyJTYymEnLDn2CE-9V1R2jE0T7MLLtfMUkuUul_xppNjM3qL2hqtEibEJRV7xuDhEczA_VubqAwdDSoZk/s1600/blue.png);
width:910px;border-radius:20px;
padding:10px;margin-top:15px;margin-bottom:15px;">
<center>

<table style="margin-bottom:30px; line-height: 17px; padding-left:10px; padding-right:18px; padding-bottom:18px; padding-top:0px; background:white; border:2px solid #efefef; border-radius:20px;" width="910" border="0" align="center" cellspacing="5">
<tbody><tr>

<td valign="top"><div class="sidebar">
<div id="t3">Disclaimer...</div><h1>about her</h1>
<br>
<center>
<img style="width:200px; height:250px;padding: 2px; border: 1px solid #ADADB7; border-radius:500px 500px 0px 500px;" src="http://img-cache.cdn.gaiaonline.com/9d2df1781df82b655a501fb5c278a68d/http://i227.photobucket.com/albums/dd65/calie_sucks16/anime/women/1147822915_aShy_manga.jpg" />
</center><br><br>
Hello! We are Ristya n Tiara.. Welcome and be nice here. Dont open my page source. Hate this blog? just CTRL+W okay?<br>

<script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/37/37074/2267/parts.js"></script><p style="text-align:center;margin:2px 0px 0px 0px;font-size:10px;padding:0;"><a style="text-decoration:none;margin:0;padding:0;" href="http://fayzaanafisa.co.vu/"> Fayza Nafisa </a></p><br>

<div id="t3">Blue Footprints</div><h1>chatting</h1>
<br>
<center>
PUT YOUR CBOX CODE HERE</center>

<div id="t3">Journal</div><h1>blog archive</h1>
<center>
<div style="border:1px dashed #fff5f5;background:url(http://i.imgur.com/3ljec.png); width:188px; overflow-x:hidden; overflow-y:scroll;padding:5px; height:100px;text-align:left; ">
<bloggerpreviousitems>
<li><a href="<$BlogItemPermalinkURL$>">
<$BlogPreviousItemTitle$></li>
</a>
</BloggerPreviousItems>
</div>
<br>

<div id="t3">Big Claps</div><h1>their works</h1>
<center><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggHEJ8DuKv1owUYQY_0jM9_uXyBRm_waz_OvOmeDv_bdQVaQZr8Ju6soVed_CDJ7O1Hy5lIlCsL37ZpqG1lEPClqPunZrtdJfJG9_tVsExnkb5V5rOt6qvSrDzDqVZuhDfAhelJEipx-0/s1600/footer.png'/></center>
<script type='text/javascript'>
window.setTimeout(function() {
document.body.className = document.body.className.replace('loading', '');
}, 10);
</script>
</center>
</div>

</body></html>

Arrien My Blog