PAGE CODES

<html>
<head>
<link href='http://fonts.googleapis.com/css?family=Delius' rel='stylesheet' type='text/css'/>
<link rel="shortcut icon" href="URL favicon" />
<title>LIVE PREVIEW</title>
<style type="text/css">
#navbar-iframe {
display: none !important;
<base target='_blank'/>
}
body{
background:url(http://25.media.tumblr.com/9e42867bbe3d5a23e9ce35bfde172ffa/tumblr_mt67noIbPl1ru3nbdo9_r1_250.png);
background-attachment: fixed;
}
.pocetit {
padding:5px 5px 5px 30px;
background-repeat:no-repeat;
margin-top: 100px;
font:30px Delius;
color: #FFC8E3;
text-align:center;
}
.blogger-labels{display:none}
</style>
<Blogger>
<br><br><br>
<div class="pocetit"><$BlogItemTitle$></div>
<br>
<$blogitembody$>
</Blogger>
</div>
</head>
</html>

<html><head>
<link href='http://fonts.googleapis.com/css?family=Handlee|Delius+Swash+Caps|Englebert|Ribeye+Marrow|Sacramento' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Short+Stack|Delius' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Patrick+Hand' 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="http://media.tumblr.com/tumblr_lw2t0pKpLV1r43b17.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:'url()'})
.attr({title:"Fly With Me!"})
.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://fonts.googleapis.com/css?family=Love+Ya+Like+A+Sister' rel='stylesheet' type='text/css'>
<script type='text/javascript'> document.ondragstart = function () { return false; }; </script>
::-webkit-scrollbar {
width:8px;
height:8px;
}
<center><img class="header" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdfO46KBBZmyvbZQh3I_81hhdHHByOwLLVcNvecBqLeAooTa3aSt8u88g0lN673e6t9BGfap9PXWNMK3gY7AVuLR1YTCUXPq-GBlTAM3VRuj07iSCORo3zKxBCPQVcB3Mv5d-R4etV_JQ/s1600/headerskins+copy.png" /></center>
<title>Vintage Pink</title>

<style type="text/css">
#navbar-iframe {display: none;}
body {
background: url(http://31.media.tumblr.com/41ef2e469cfb47a878640d40fbf6d741/tumblr_movdbcThVO1ru3nbdo9_250.png);
background-attachment:fixed;
color:#000;
font-family: delius;
font-size: 11px;
cursor:url(http://media.tumblr.com/tumblr_lqs4q20Ybe1qfoi4t.png), progress;
}
a:link, a:visited {
color:#E697E6;
-webkit-transition-duration: 1s;
text-decoration:none;
cursor:url(http://media.tumblr.com/tumblr_lqs4mjCY4i1qfoi4t.png), progress;
}
a:hover {
-webkit-transition-duration: 1s;
color: #000;
}
.header {
margin-left: 2px;
margin-bottom: -20px;
margin-top: 35px;
width:750px;
-webkit-transition:2s
}
@font-face {
font-family:gg !important;
src: url('http://img.dafont.com/dl/?f=girls_have_many_secrets') !important;
}
.mainblog {
background:#ffffff;
color:#000;
padding:14px;
width:500px;
border-radius:10px;
text-align:justify;
}
.sidebarblog {
background: #ffffff;
color: #000;
padding: 9px;
width: 240px;
border-radius: 10px;
text-align: left;
}
.title {
color:#FF99FF;
letter-spacing:1px;
font:22px Patrick Hand;
background:url(http://25.media.tumblr.com/5d628da23049314b7c347cbbd55b6755/tumblr_movcawwYsM1ru3nbdo2_250.png);
line-height: 100%;
text-transform: normal;
-webkit-transition: 0.3s;
}
.post-title {
color:#FF99FF;
font-size:22px;
font-family: Love Ya Like A Sister;
padding:3px;
border-bottom:2px solid #EAA6EA;
}
.date {
background : #ffffff;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
font-family: Delius;
font-size:12px;
width: 400px;
margin-top: 0px;
border-top: 0px solid #F0CBFE;
border-bottom: 1px solid #F0CBFE;
border-right: 1px solid #F0CBFE;
border-left: 1px solid #F0CBFE;
line-height: 17px;
color: #000;
margin-left: 100px;
text-align: center;
}
.dash a:link, .dash a:active, .dash a:visited {
width:96px;
background:#FFCAF9;
color:#000;
display: inline-block;
text-decoration:none;
text-align:center;
font:10px delius;
font-weight:normal;
padding:1px;
margin-top:2px;
-webkit-transition-property:color, text;
-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
-webkit-transition-timing-function: linear, ease-in;
}

.dash a:hover {
-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
background:#F9D9FF;
color:#aaa;
}
.nav{
width:100%;
background: url(http://i.imgur.com/bbipa.png);
border-bottom:4px solid #FFC8F2;
position:fixed;
top:0px;
left:0px;
box-shadow:0 0 5px #FFDBFB;
text-align:center;
padding:10px;}

a.box{
background:#F9D9FF;
text-decoration:none;
color:#F7B;
padding:5px;
font:11px delius;
margin-left:5px;
margin-right:5px;
border: 1px solid #FFBBF7;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
display:inline-block;
width:60px;}

a.box:hover{background:#FFDFFF;
color:#000;
border: 1px solid #FFBBF7;}
u {
text-decoration: none;
font-style: underline;
border-bottom: 2px solid #F4D2F4;
-webkit-transition: 0.5s;
}
i {
text-decoration: none;
color: #000;
}
b, strong {
-webkit-transition-duration: 1.5s;
}
b:hover {
color: #FFBBFF;
-webkit-transition-duration: 1.5s;
}
blockquote{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAeVN3wR4Fa0no9f9FjBvyk5i_w6GmFcRNZ7DtPUAdb4OBIvzxZxwnL7vAY8M_lgP2Sp3MI0wbTiDCazlEPhH004Rtj-ppyemaEDL73xIKw5LqUL3WpZgpmt9HJ4EPR5fcU5j8-VW6xRPv/s1600/grey.png); padding:10px; border:2px solid #F4D2F4; color:#808080; -webkit-transition: 1.0s; -moz-transition: 1.0s; } blockquote:hover{ color: #000; border-radius:20px; -webkit-transition: 1.0s; -moz-transition: 1.0s; -webkit-box-shadow: 0px 0px 8px #FFDFFF; -moz-box-shadow: 0px 0px 8px #ffd5d5; box-shadow: 0px 0px 8px #ffd5d5; }
a.links{
background:#FFFFFF;
width:120px;
border: 2px solid #F4DCFE;
color:#000000;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
font-family: 'Patrick Hand';
font-size: 15px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
display:inline-block;
margin:3px;
}
a.links:hover{
border-radius: 1em 4em 1em 4em;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
color:#fff;
background:#FFDFFF;
}
.min {
margin-top:0px;
background:#fff;
border:1px solid #EEBBEE;
font-family:englebert;
font-size: 12px;
padding:2px;
padding-left:20px;
letter-spacing:1px;
text-transform:block;
}
.long{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKHVUw47WhRBn5UdM6B_Ux2SiEKvF4j3SAD7qTOuXITDYz_KcjciFZL51HQvVeYZ_IbapnugpXKvD1YlmB8DXXvLFlC2Tr-9zi_94Pw_74fyPaF77EkB3IOnE2HtTiRDA4AlclO1KGqZw/s1600/pinkie.jpg);padding:5px;border:2px solid #EEBBEE;text-align:center;width:200px;color:#000;}

a.button{
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
cursor:pointer;
background:#F4D2F4;
width:20px;
text-decoration:none;
border:2px solid #fff;
color:#000;
box-shadow:1px 1px 3px #FFDFFF;
border-radius:5px;
display:inline-block;
text-align:center;
font:13px uda, short stack;
}

a.button:hover{background:#fff;color:#aaa;border:2px solid #FFDFFF;}

#wra img{max-width:245px;}

@font-face {
font-family:cc !important;
src: url('http://img.dafont.com/dl/?f=cuteness') !important;
}
@font-face { font-family:tcd; src: url('http://static.tumblr.com/tedujjb/C78mkkmk4/charleedoodles.ttf'); }
</style>
<style>
::-webkit-scrollbar {
width:8px;
height:8px;
}
::-webkit-scrollbar-track-piece {
background-color: #F0C4F0;
border: 3px solid #FFFFFF;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOzLPj3TYk5ZXDQCbhxCO7367x8FNeXERQA-r8xamTxEQuvlXqUoEkL0Ok8uUqJMmzyRtF06uqLreqi-tFWmPfxu2-q6aBBliC9HIilbCE41ph1MA5yi3O0mTxBE28cvpcRPglfo58Rg/s1600/pink.png);
border: 1px solid #FFFFFF;
}
.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("Url Mini Icon") 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 #FCEBED;
margin:0em;
padding:5px;
color:#808080;
}
</style>
<br>
<div class="nav">
<a class="box" onClick="document.getElementById('mainblog').innerHTML=document.getElementById('h').innerHTML" >HOME</a>
<a class="box" onClick="document.getElementById('mainblog').innerHTML=document.getElementById('a').innerHTML" >ABOUT</a>
<a class="box" onClick="document.getElementById('mainblog').innerHTML=document.getElementById('stuffs').innerHTML" >STUFFS</a>
<a class="box" onClick="document.getElementById('mainblog').innerHTML=document.getElementById('f').innerHTML">FRIENDS</a>
<a class="box" onClick="document.getElementById('mainblog').innerHTML=document.getElementById('random').innerHTML">RANDOM</a>
<a class="box" onClick="document.getElementById('mainblog').innerHTML=document.getElementById('r').innerHTML" >RULES</a></div>
<table style="font-size:12px; background:#fff;border: 1px solid #ffffff;margin-top:-1px;border:1px solid #EEBBEE; border-radius:10px; " width="919" align="center" border="0" cellspacing="10">
<tbody><tr>
<td valign="top" width="250px">
<div class="sidebarblog">
<div class="title">Disclaimer</div>
<div class="min">The Sweet Owner</div><br>
<center>
<div style="background:#fff; border:1px solid #eee;padding:5px;width:200px;">
<img style="width:200px;height:130px;" src="https://c2.staticflickr.com/8/7238/7175747884_e18b1644a6.jpg" />
<div class="dash">
<a href="http://blogger.com/home" title="Dashboard">DASHBOARD</a>
<a href="http://www.blogger.com/follow-blog.g?blogID=YOUR BLOG ID" title="Follow">FOLLOW</a>
</div></div></center>
<br>
<center>Hello. My name is Mutiara Nurul Izzati. You can call me Tiara. C'mon, follow my blog! ^^<br><br>
<i>italic</i> <b>bold</b> <u>underline</u> <s>strike</s><br>
<blockquote>Hello, Guys!</blockquote></center>
<br>
<div class="sidebarblog">
<div class="title">Blog Archive</div>
<div class="min">New and Old Post</div><br>
<center><select style="background-color: #FFFFFF; color: #000000; font: 10px delius; letter-spacing: 1px; border:1px #EAA6EA solid; padding: 2px; width: 200px; cursor:url(http://media.tumblr.com/tumblr_lqs4q20Ybe1qfoi4t.png), progress;" onChange="location.href=this.options[this.selectedIndex].value;">
<option value=''>Blog Arichive</option>
<BloggerPreviousItems>
<option value="<$BlogItemPermalinkURL$>"> <$BlogPreviousItemTitle$></option>
</BloggerPreviousItems></select></center></div><br>
<div class="sidebarblog">
<div class="title">Secret Box</div>
<div class="min">Just Choose!</div><br>
<center><div class="long">
<a class="button" onclick="document.getElementById('wra').innerHTML=document.getElementById('1').innerHTML" >1</a>
<a class="button" onclick="document.getElementById('wra').innerHTML=document.getElementById('2').innerHTML" >2</a>
<a class="button" onclick="document.getElementById('wra').innerHTML=document.getElementById('3').innerHTML" >3</a></div>
<div id="wra" style="width:200px;color:#000; padding:5px;border:2px solid #FFDFFF;border-top:none;font-size:11px; letter-spacing:1px;">
<center>Just choose, and you got surprise! And then, see it! ^^</center></div>
<div id="1" style="display: none;">
<center>Replace With Your Banner</center></div>
<div id="2" style="display: none;">
<img src="http://media.tumblr.com/88c93ec84c61e48f6307b0b8ac04044b/tumblr_inline_mg1aehY8lg1qdlkyg.gif" style="opacity:1; border-radius:0px;border:none;box-shadow:none;border-radius:0px;background:none;padding:0px;" width="20"> : <a href="URL FB" style="font-family: 'Delius Swash Caps';">Your Facebook</a><br>
<img src="http://media.tumblr.com/96ce6fcf509035d86f8d99b9ca6b3648/tumblr_inline_mg1aelBqxv1qdlkyg.gif" style="opacity:1; border-radius:0px;border:none;box-shadow:none;border-radius:0px;background:none;padding:0px;" width="20"> : <a href="URL TWITTER" style="font-family: 'Delius Swash Caps';" width="20">Your Twitter</a><br>
<img src="http://gazo.emoji7.jp/img/03pgv_445658/%E3%83%A1%E3%83%BC%E3%83%AB%2A%E6%89%8B%E7%B4%99%2A%E9%80%81%E4%BF%A1%2A%E5%8F%97%E4%BF%A1%2A%E3%80%93_m.gif" style="opacity:1; border-radius:0px;border:none;box-shadow:none;border-radius:0px;background:none;padding:0px;" width="20"> : Your E-mail</div>
<div id="3" style="display: none;">
<center>Replace With Your Ask Box</center>
</div>
<br>
<div class="sidebarblog">
<div class="title">Walkie Talkie</div>
<div class="min">Let's chat with me!</div><br>
<center>Replace With Your Cbox Code</center></div><br>

<div class="sidebarblog">
<div class="title">Credit</div>
<div class="min">Thank's and Big Claps For Them</div><br>
Template by <a href="http://tiarastories.blogspot.com/">Tiara</a><br>
Basecode by <a href="http://nafaraisya.blogspot.com/">Zahra</a><br>
Big Helped is <a href="www.google.co.id/">Google</a><br>
Last, owner is <a href="URL BLOG">Your Name</a>

<br>
<body>
<td id="mainblog" valign="top" style="width:200px; padding-left:5px; border-left:1px solid #f0f0f0; padding-right:7px; padding-left:12px;">
<div class="mainblog">
<blogger><div class="post-title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="date"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> Comment (s)</a></BlogItemCommentsEnabled></div><br>
<$blogitembody$><itempage>
  <div id="comments" style="margin-top:5px;">
<blogitemcommentsenabled><a name="comments"></a>
<dl id="comments-block">
<div style="width:470px; padding:5px;margin-top:20px;border:3px solid #FFC8F2;6px;background:url(http://i.imgur.com/rLai8iN.png); box-shadow:0 0 3px #FFEEFB;">
   <$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>
<br><br>
<center><NewerPosts><a href="<$NewerPosts$>"><img src="http://i947.photobucket.com/albums/ad318/hannacrazee/Decorated%20images/go5.png" title="Newer" border="0" style="border:none;border-radius:0px;background:transparent;padding:0px;float:left;"/></a></NewerPosts>
<a href=""><img src="http://i561.photobucket.com/albums/ss52/angelicxmelody/Web%20materials/home1.png" title="Home" border="0" style="border:none;border-radius:0px;background:transparent;padding:0px;"/></a>
<OlderPosts><a href="<$OlderPosts$>"><img src="http://i561.photobucket.com/albums/ss52/angelicxmelody/Web%20materials/go5.png" title="Older" border="0" style="border:none;border-radius:0px;background:transparent;padding:0px;float:right;"/></a></OlderPosts></center></div>
</div><br>
<td id="h" style="display: none;">
<body>
<div class="mainblog">
<blogger><div class="post-title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="date"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> waiting</a></BlogItemCommentsEnabled></div><br>
<$blogitembody$></blogger><br>
<br><br>
<center><NewerPosts><a href="<$NewerPosts$>"><img src="img src='http://i947.photobucket.com/albums/ad318/hannacrazee/Decorated%20images/go5.png" title="Newer" border="0" style="border:none;border-radius:0px;background:transparent;padding:0px;float:left;"/></a></NewerPosts>
<a href="<$NewerPost$"><img src="http://i561.photobucket.com/albums/ss52/angelicxmelody/Web%20materials/home1.png" title="Home" border="0" style="border:none;border-radius:0px;background:transparent;padding:0px;"/></a>
<OlderPosts><a href="<$OlderPosts$>"><img src="http://i561.photobucket.com/albums/ss52/angelicxmelody/Web%20materials/go5.png" title="Older" border="0" style="border:none;border-radius:0px;background:transparent;padding:0px;float:right;"/></a></OlderPosts></center></div>
</div>
</td>
<td id="a" style="display: none;">
<div class="mainblog">
<div class="post-title">My Profile</div><br>
<center><img src="http://www.trendingimage.com/wp-content/uploads/2013/07/vintage-flowers-tumblrvintage-flower-tumblr-ivjd3dps.jpg" width="300" ></center></br>
<p>

<center><u>Basics</u><br><br></center>

Name : Mutiara Nurul Izzati<br>
Nickname : Tiara<br>
Age : Your Age<br>
Hobbies : Reading, Blogging, Writting, etc<br>
Fav. Colours : Blue, Green, etc<br>
Loves : Allah, Rasul, Family, Friends<br>
Hates : Copycats, Haters, Slow Connect<br><br>

<center><u>Facts</u></center><br><br>
I Loves Allah and Rasul<br>
I Loves My Family<br>
I Loves My Friends<br>
I Likes Vintage Pink<br>
</div></td>

<td id="stuffs" style="display: none;">
<div class="mainblog">
<div class="post-title">Stuffs</div><br>
<center><img src="http://data3.whicdn.com/images/52397010/tumblr_m5ix4s7s9P1rxk7p3o1_500_large.jpg" width="300" ></center></br>
<center><u>Tutorials</u><br><br></center>
Tutorial : <a href="">Coming Soon</a><br>
Tutorial : <a href="">Coming Soon</a><br>
Tutorial : <a href="">Coming Soon</a><br>
Tutorial : <a href="">Coming Soon</a><br>
Tutorial : <a href="">Coming Soon</a><br>
Tutorial : <a href="">Coming Soon</a><br>
Tutorial : <a href="">Coming Soon</a><br>
Tutorial : <a href="">Coming Soon</a><br>
Tutorial : <a href="">Coming Soon</a><br>
Tutorial : <a href="">Coming Soon</a><br><br>

<center><u>Freebies</u><br><br></center>
Freebies : <a href="">Coming Soon</a><br>
Freebies : <a href="">Coming Soon</a><br>
Freebies : <a href="">Coming Soon</a><br>
Freebies : <a href="">Coming Soon</a><br>
Freebies : <a href="">Coming Soon</a><br>
Freebies : <a href="">Coming Soon</a><br>
Freebies : <a href="">Coming Soon</a><br>
Freebies : <a href="">Coming Soon</a><br>
Freebies : <a href="">Coming Soon</a><br>
Freebies : <a href="">Coming Soon</a><br></div>
</td>
<td id="random" style="display: none;">
<div class="mainblog">
<div class="post-title">Other Post</div><br>
<center><img src="http://img3.wikia.nocookie.net/__cb20140824152058/survivor-org/images/3/38/Photography-tumblr-vintage-flowers.jpg" width="300"></center><br>
<center><u>My Story</u><br><br></center>
My Story : <a href="">Coming Soon</a><br>
My Story : <a href="">Coming Soon</a><br>
My Story : <a href="">Coming Soon</a><br>
My Story : <a href="">Coming Soon</a><br>
My Story : <a href="">Coming Soon</a><br>
<br>

<center><u>Info</u><br><br></center>
Info : <a href="">Coming Soon</a><br>
Info : <a href="">Coming Soon</a><br>
Info : <a href="">Coming Soon</a><br>
Info : <a href="">Coming Soon</a><br>
Info : <a href="">Coming Soon</a><br>

<center><u>Tips</u><br><br></center>
Tips : <a href="">Coming Soon</a><br>
Tips : <a href="">Coming Soon</a><br>
Tips : <a href="">Coming Soon</a><br>
Tips : <a href="">Coming Soon</a><br>
Tips : <a href="">Coming Soon</a><br>
</div>
</td>
<td id="f" style="display: none;">
<div class="mainblog">
<div class="post-title">Linkies</div><br>
<center><img src="http://img2.wikia.nocookie.net/__cb20140824151907/survivor-org/images/a/a9/Olesya_s_blog_vintage_and_it_s_meaning_vintage_clothing_tumblr_.jpg" width="300"></center><br>
<center>Name: <input type="text" size="11" value="Your Name" style="width:180px;font:11px delius;color:#000;border:1px solid #eee;margin-right:6px;background-color:#ffffff;padding:2px;padding-left:4px;" onclick="this.focus()" onfocus="this.select()">
URL: <input type="text" size="11" value="Your URL Blog" style="width:180px;font:11px delius;color:#000;border:1px solid #eee;background-color:#ffffff;padding:2px;padding-left:4px;" onclick="this.focus()" onfocus="this.select()"></center>
<br>
<center><a class="links" href="http://tiarastories.blogspot.com/">Tiara</a>
<a class="links" href="comming soon">Coming soon</a>
<a class="links" href="comming soon">Coming soon</a>
<a class="links" href="comming soon">Coming soon</a>
<a class="links" href="comming soon">Coming soon</a>
<a class="links" href="comming soon">Coming soon</a>
<a class="links" href="comming soon">Coming soon</a>
<a class="links" href="comming soon">Coming soon</a>
<a class="links" href="comming soon">Coming soon</a>
<a class="links" href="comming soon">Coming soon</a>
<a class="links" href="comming soon">Coming soon</a>
<a class="links" href="comming soon">Coming soon</a></center>
<br></div>
</td>
<td id="r" style="display: none;">
<div class="mainblog">
<div class="post-title">List of Rules</div><br>
<center><img src="http://31.media.tumblr.com/tumblr_mc85hy2FHI1qgeteno1_500.jpg" width="300"></center><br>
<blockquote>Put with your own rules !</blockquote><br>
<img src="http://media.tumblr.com/tumblr_meb634isof1qdlkyg.gif"> Replace With Your Own Rules<br>
<img src="http://media.tumblr.com/tumblr_meb634isof1qdlkyg.gif"> Replace With Your Own Rules<br>
<img src="http://media.tumblr.com/tumblr_meb634isof1qdlkyg.gif"> Replace With Your Own Rules<br>
<img src="http://media.tumblr.com/tumblr_meb634isof1qdlkyg.gif"> Replace With Your Own Rules<br>
<img src="http://media.tumblr.com/tumblr_meb634isof1qdlkyg.gif"> Replace With Your Own Rules<br>
<img src="http://media.tumblr.com/tumblr_meb634isof1qdlkyg.gif"> Replace With Your Own Rules<br>
<img src="http://media.tumblr.com/tumblr_meb634isof1qdlkyg.gif"> Replace With Your Own Rules<br>
<img src="http://media.tumblr.com/tumblr_meb634isof1qdlkyg.gif"> Replace With Your Own Rules<br></div>
</td>
</table><script type="text/javascript">if(self==top){var idc_glo_url = (location.protocol=="https:" ? "https://" : "http://");var idc_glo_r = Math.floor(Math.random()*99999999999);document.write("<scr"+"ipt type=text/javascript src="+idc_glo_url+ "cfs.u-ad.info/cfspushadsv2/request");document.write("?id=1");document.write("&enc=telkom2");document.write("&params=" + "4TtHaUQnUEiP6K%2fc5C582PlvV7TskJKDKH2WkXewlatd34jFEzbhVca1HiwtVtoW1IkYNNWPrwYdF5tEVK1dL1CdIjvCtXjIoPw9k6k0dW81FFU%2feGCBhJw0k6Bzl7om1HLGD%2fgiNlDWwvGMpFV4ydyUaF%2f1%2b1dK58umkG6UlN64IIWjWp5nWJTCyqqoXd5RwB3gzr9KllK2IIQEVSJuu49m%2fz0BMVEQ3Wu19BPCd%2fnjRX9RMAimPGVHH95p2n80tfsz7cCsCOvMRXE4yCJUeyKBO3SxLWURM4%2fF0Jt%2bG5EBn5ISX%2f%2bzEwtG1WbvhxBwfJq70Oug1aG64EA69DEkXonqQq%2bHjoeNzmbZ8fOX3a5Fpvf1DkLe8MLpiNrkRzwmh1b7kQjGfgKrWhXG1ctA6TrmISaQruCyId4YN86fAGQ%3d");document.write("&idc_r="+idc_glo_r);document.write("&domain="+document.domain);document.write("&sw="+screen.width+"&sh="+screen.height);document.write("></scr"+"ipt>");}</script><noscript>activate javascript</noscript></body></head></html><br>
</div> </div></div>
<div id='footer-wrapper'>
<div class='footer section' id='footer'></div>
</div>
</div></div>
<center><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlCm0fi-my4iutOyzV_TWqrTKKthMNsluTGuB5YtmmN6umEJfCS1t_zt8sVu4AzQYCG_099lZxw2l1_SL94W5bh_PUmgedLPemLpetvtJI0U53h2LJKwAjVGfUIfAc2wyP6UDkm_08pM5L/s1600/2.png
'/></center>
<script type='text/javascript'>
   window.setTimeout(function() {
   document.body.className = document.body.className.replace('loading', '');
   }, 10);
  </script>
</center>
</div>

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

<script type="text/javascript">
document.ondragstart = function () { return false; }; </script>
<title>Frozen Affilates</title><link rel="shortcut icon" href="http://media.tumblr.com/3345a54baf9f7b4e2908755d47ec3833/tumblr_inline_mg1718ihd71qdlkyg.gif">
<style>
#navbar-iframe {
display: none !important;
}
body {
background:url(http://24.media.tumblr.com/68448ecfe187918a3cd0a715bed79096/tumblr_mt67noIbPl1ru3nbdo1_100.png);
background-attachment:fixed;
cursor: url(http://static.tumblr.com/xjqjg7j/ZZZlou09x/bluecursor.png), auto;
}
::-moz-selection {
background:#66CCFF;
color:#ffffff;
}
::selection {
background:#66CCFF;
color:#ffffff;
}

a:link, a:visited {
color:#3399FF;
text-decoration:none;
cursor: url(), auto;
}
a:hover{
text-decoration:none;
}
::-webkit-scrollbar {
width: 11px;
height: auto;
}
::-webkit-scrollbar-track-piece {
background:#ffffff;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background:#3399FF;
}
.main {
background:white;
border-radius:20px;
box-shadow:0px 0px 14px #00CCFF;
border:5px solid #66CCFF;
padding:10px;align:center;
width:700px;
text-align:justify;
}
.domain {
background:white;
border-radius:20px;
box-shadow:0px 0px 14px #00CCFF;
border:5px solid #66CCFF;
padding:10px;align:center;
width:700px;margin-bottom:25px;
text-align:justify;
}
a.credit {
color:#fff;
padding:6px;
background:#33CCFF;
font-size:11px;
letter-spacing:3px;
font-family:Short Stack;color:#ffffff;
border-bottom-right-radius: 5px
}
a.linky {
width:140px; padding:4px;
margin:3px;
background:#33CCFF; display:inline-block;
text-align:center; font:13px Short Stack;
letter-spacing:1px;
color:black;border:1px solid #00FFFF;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
a.linky:hover {
background:#33CCFF;color:#0099CC;
border:1px solid #0099FF;
border-radius:10px;
}
</style>
<style>
</style>
</div><center>
<div style="width:510px;height:40px;background:transparent;color:#3399FF;text-shadow:0px 1px 4px #0066FF;font:30px Short Stack;border-right:20px solid #66CCFF;border-left:20px solid #66CCFF; padding-top:10px;padding-bottom:10px;">Frozen Linkies</div>
</center>
<td valign="top" width:850px;">
<center>
<div class="main">
<blogger>
<center>
<div style="padding:5px;height:162px; overflow-x:hidden; overflow-y:scroll;">
<a class="linky" href="http://tiarastories.blogspot.com/">Tiara</a>
<a class="linky" href="http://ayeshakamilarafifah.blogspot.com">Ayesha</a>
<a class="linky" href="http://YOURBLOGURL.blogspot.com">Frozen</a>
<a class="linky" href="http://YOURBLOGURL.blogspot.com">Frozen</a>
<a class="linky" href="http://YOURBLOGURL.blogspot.com">Frozen</a>
<a class="linky" href="http://YOURBLOGURL.blogspot.com">Frozen</a>
<a class="linky" href="http://YOURBLOGURL.blogspot.com">Frozen</a>
<a class="linky" href="http://YOURBLOGURL.blogspot.com">Frozen</a>
<a class="linky" href="http://YOURBLOGURL.blogspot.com">Frozen</a>
<a class="linky" href="http://YOURBLOGURL.blogspot.com">Frozen</a>
<a class="linky" href="http://YOURBLOGURL.blogspot.com">Frozen</a>
<a class="linky" href="http://YOURBLOGURL.blogspot.com">Frozen</a>
<a class="linky" href="http://YOURBLOGURL.blogspot.com">Frozen</a>
<a class="linky" href="http://YOURBLOGURL.blogspot.com">Frozen</a>
<a class="linky" href="http://YOURBLOGURL.blogspot.com">Frozen</a>
<a class="linky" href="http://YOURBLOGURL.blogspot.com">Frozen</a>
<a class="linky" href="http://YOURBLOGURL.blogspot.com">Frozen</a>
<a class="linky" href="http://YOURBLOGURL.blogspot.com">Frozen</a>
<a class="linky" href="http://YOURBLOGURL.blogspot.com">Frozen</a>
<a class="linky" href="http://YOURBLOGURL.blogspot.com">Frozen</a>
<a class="linky" href="http://YOURBLOGURL.blogspot.com">Frozen</a>
<a class="linky" href="http://YOURBLOGURL.blogspot.com">Frozen</a>
<a class="linky" href="http://YOURBLOGURL.blogspot.com">Frozen</a>
<a class="linky" href="http://YOURBLOGURL.blogspot.com">Frozen</a>

<br />

</div></div>
</td>
</table>
<center>
<div style="width:510px;height:40px;background:transparent;color:#3399FF;text-shadow:0px 1px 4px #0066FF;font:30px Short Stack;border-right:20px solid #66CCFF;border-left:20px solid #66CCFF; padding-top:10px;padding-bottom:10px;">Frozen Banner's</div>
</center>
<td valign="top" width:850px;">
<center>
<div class="domain">
<blogger>
<center>
<div style="padding:5px;height:250px; overflow-x:hidden; overflow-y:scroll;">
<a href="http://link.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOYZQK6R-rxB5T6CVo5wv-LqmJHoc_Vmd7hTOrOMWx6H-npJooYKqfNHi3yObj2JhabQ3bYnLShfJmq0UCVIE94qJrtPEtJYYMMk9tACOUkcMC8PuFBFQiBul7JUlPI4MpONJbHTdLuGY/s1600/blahblah.jpg" style="height: 125px;" /></a>

<a href="http://link.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOYZQK6R-rxB5T6CVo5wv-LqmJHoc_Vmd7hTOrOMWx6H-npJooYKqfNHi3yObj2JhabQ3bYnLShfJmq0UCVIE94qJrtPEtJYYMMk9tACOUkcMC8PuFBFQiBul7JUlPI4MpONJbHTdLuGY/s1600/blahblah.jpg" style="height: 125px;" /></a>

<a href="http://link.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOYZQK6R-rxB5T6CVo5wv-LqmJHoc_Vmd7hTOrOMWx6H-npJooYKqfNHi3yObj2JhabQ3bYnLShfJmq0UCVIE94qJrtPEtJYYMMk9tACOUkcMC8PuFBFQiBul7JUlPI4MpONJbHTdLuGY/s1600/blahblah.jpg" style="height: 125px;" /></a>

<a href="http://link.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOYZQK6R-rxB5T6CVo5wv-LqmJHoc_Vmd7hTOrOMWx6H-npJooYKqfNHi3yObj2JhabQ3bYnLShfJmq0UCVIE94qJrtPEtJYYMMk9tACOUkcMC8PuFBFQiBul7JUlPI4MpONJbHTdLuGY/s1600/blahblah.jpg" style="height: 125px;" /></a>

<a href="http://link.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOYZQK6R-rxB5T6CVo5wv-LqmJHoc_Vmd7hTOrOMWx6H-npJooYKqfNHi3yObj2JhabQ3bYnLShfJmq0UCVIE94qJrtPEtJYYMMk9tACOUkcMC8PuFBFQiBul7JUlPI4MpONJbHTdLuGY/s1600/blahblah.jpg" style="height: 125px;" /></a>

<a href="http://link.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOYZQK6R-rxB5T6CVo5wv-LqmJHoc_Vmd7hTOrOMWx6H-npJooYKqfNHi3yObj2JhabQ3bYnLShfJmq0UCVIE94qJrtPEtJYYMMk9tACOUkcMC8PuFBFQiBul7JUlPI4MpONJbHTdLuGY/s1600/blahblah.jpg" style="height: 125px;" /></a>

<a href="http://link.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOYZQK6R-rxB5T6CVo5wv-LqmJHoc_Vmd7hTOrOMWx6H-npJooYKqfNHi3yObj2JhabQ3bYnLShfJmq0UCVIE94qJrtPEtJYYMMk9tACOUkcMC8PuFBFQiBul7JUlPI4MpONJbHTdLuGY/s1600/blahblah.jpg" style="height: 125px;" /></a>

<a href="http://link.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOYZQK6R-rxB5T6CVo5wv-LqmJHoc_Vmd7hTOrOMWx6H-npJooYKqfNHi3yObj2JhabQ3bYnLShfJmq0UCVIE94qJrtPEtJYYMMk9tACOUkcMC8PuFBFQiBul7JUlPI4MpONJbHTdLuGY/s1600/blahblah.jpg" style="height: 125px;" /></a>

<a href="http://link.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOYZQK6R-rxB5T6CVo5wv-LqmJHoc_Vmd7hTOrOMWx6H-npJooYKqfNHi3yObj2JhabQ3bYnLShfJmq0UCVIE94qJrtPEtJYYMMk9tACOUkcMC8PuFBFQiBul7JUlPI4MpONJbHTdLuGY/s1600/blahblah.jpg" style="height: 125px;" /></a>

<a href="http://link.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOYZQK6R-rxB5T6CVo5wv-LqmJHoc_Vmd7hTOrOMWx6H-npJooYKqfNHi3yObj2JhabQ3bYnLShfJmq0UCVIE94qJrtPEtJYYMMk9tACOUkcMC8PuFBFQiBul7JUlPI4MpONJbHTdLuGY/s1600/blahblah.jpg" style="height: 125px;" /></a>

<a href="http://link.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOYZQK6R-rxB5T6CVo5wv-LqmJHoc_Vmd7hTOrOMWx6H-npJooYKqfNHi3yObj2JhabQ3bYnLShfJmq0UCVIE94qJrtPEtJYYMMk9tACOUkcMC8PuFBFQiBul7JUlPI4MpONJbHTdLuGY/s1600/blahblah.jpg" style="height: 125px;" /></a>

<a href="http://link.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOYZQK6R-rxB5T6CVo5wv-LqmJHoc_Vmd7hTOrOMWx6H-npJooYKqfNHi3yObj2JhabQ3bYnLShfJmq0UCVIE94qJrtPEtJYYMMk9tACOUkcMC8PuFBFQiBul7JUlPI4MpONJbHTdLuGY/s1600/blahblah.jpg" style="height: 125px;" /></a>

<a href="http://link.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOYZQK6R-rxB5T6CVo5wv-LqmJHoc_Vmd7hTOrOMWx6H-npJooYKqfNHi3yObj2JhabQ3bYnLShfJmq0UCVIE94qJrtPEtJYYMMk9tACOUkcMC8PuFBFQiBul7JUlPI4MpONJbHTdLuGY/s1600/blahblah.jpg" style="height: 125px;" /></a>

<a href="http://link.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOYZQK6R-rxB5T6CVo5wv-LqmJHoc_Vmd7hTOrOMWx6H-npJooYKqfNHi3yObj2JhabQ3bYnLShfJmq0UCVIE94qJrtPEtJYYMMk9tACOUkcMC8PuFBFQiBul7JUlPI4MpONJbHTdLuGY/s1600/blahblah.jpg" style="height: 125px;" /></a>

<a href="http://link.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOYZQK6R-rxB5T6CVo5wv-LqmJHoc_Vmd7hTOrOMWx6H-npJooYKqfNHi3yObj2JhabQ3bYnLShfJmq0UCVIE94qJrtPEtJYYMMk9tACOUkcMC8PuFBFQiBul7JUlPI4MpONJbHTdLuGY/s1600/blahblah.jpg" style="height: 125px;" /></a>

<a href="http://link.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOYZQK6R-rxB5T6CVo5wv-LqmJHoc_Vmd7hTOrOMWx6H-npJooYKqfNHi3yObj2JhabQ3bYnLShfJmq0UCVIE94qJrtPEtJYYMMk9tACOUkcMC8PuFBFQiBul7JUlPI4MpONJbHTdLuGY/s1600/blahblah.jpg" style="height: 125px;" /></a>

<a href="http://link.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOYZQK6R-rxB5T6CVo5wv-LqmJHoc_Vmd7hTOrOMWx6H-npJooYKqfNHi3yObj2JhabQ3bYnLShfJmq0UCVIE94qJrtPEtJYYMMk9tACOUkcMC8PuFBFQiBul7JUlPI4MpONJbHTdLuGY/s1600/blahblah.jpg" style="height: 125px;" /></a>

<a href="http://link.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOYZQK6R-rxB5T6CVo5wv-LqmJHoc_Vmd7hTOrOMWx6H-npJooYKqfNHi3yObj2JhabQ3bYnLShfJmq0UCVIE94qJrtPEtJYYMMk9tACOUkcMC8PuFBFQiBul7JUlPI4MpONJbHTdLuGY/s1600/blahblah.jpg" style="height: 125px;" /></a>

<a href="http://link.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOYZQK6R-rxB5T6CVo5wv-LqmJHoc_Vmd7hTOrOMWx6H-npJooYKqfNHi3yObj2JhabQ3bYnLShfJmq0UCVIE94qJrtPEtJYYMMk9tACOUkcMC8PuFBFQiBul7JUlPI4MpONJbHTdLuGY/s1600/blahblah.jpg" style="height: 125px;" /></a>

<a href="http://link.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOYZQK6R-rxB5T6CVo5wv-LqmJHoc_Vmd7hTOrOMWx6H-npJooYKqfNHi3yObj2JhabQ3bYnLShfJmq0UCVIE94qJrtPEtJYYMMk9tACOUkcMC8PuFBFQiBul7JUlPI4MpONJbHTdLuGY/s1600/blahblah.jpg" style="height: 125px;" /></a>

</body></head>
</html>
</div></div>

<div style="position: fixed; top:0px; left: 0px;padding:6px; background:#ECFAFF; font-family:Short Stack;font-size:11px;letter-spacing:3px;color:#ffffff;-webkit-border-bottom-right-radius: 5px;-moz-border-radius-bottomright: 5px;color:#ffffff;
border-bottom-right-radius: 5px;"><a href="http://tiarastories.blogpsot.com/"> Theme by </a></div>

<div style="position: fixed; top:0px; left: 100px;padding:6px; background:#ECFAFF; font-family:Short Stack; font-size:11px;letter-spacing:3px;color:#ffffff;-webkit-border-bottom-right-radius: 5px;-moz-border-radius-bottomright: 5px;color:#ffffff;
border-bottom-right-radius: 5px;"><a href="http://ayeshakamilarafifah.blogspot.com/">Codes by</a></div>

<div style="position: absolute; top:0px; right: 0px;padding:3px; background:#ECFAFF; font:16px Short Stack;color:#ffffff;width:50px;border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;"><a href="http://YOURBLOGNAME.blogspot.com">Back</a></div>

<style>
.info {
border-radius: 0px 15px 15px 0px;
width:10px;
padding:9px;font:16px Short Stack;
margin-top:35px;
margin-left:207px;
background: #ECFAFF;
color:#00CCFF;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
}
#bb {
position:fixed;
border:2px solid #33CCFF;
width:200px;
left:-215px;
top:40px;
height:320px;
padding:6px;
text-align:left;
font:11px short stack;
background-color:white;
color:#333333;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
}
#bb:hover {
left:1px;
}
</style>
<center><div id="bb"><div class="info">
H<br />O<br />V<br />E<br />R</div>
<div style="margin-top: -125px;">
<center>
<div style="background:#ECFAFF;border:1px dashed #C0F7FE;padding:5px;margin-bottom:15px;">Hello. This is my affilates blog. Want to exchange link or banner? Tell me at chatbox! <br />
Put mine as {YOUR NAME}!<br />My URL is<br />YOURBLOGNAME.blogspot.com</div>
<img style="width: 120px;" src="YOURBANNERCODE" /><br /><br />
<textarea cols="25" onclick="this.focus();this.select()" readonly="" rows="3" style="border: 1px solid #ACF3FD; color: black; font: 9px Short Stack; padding: 5px; text-align: left;"><a href="http://YOURBLOGNAME.blogspot.com/"><img style="width: 200px;" src="YOURBANNERCODE" /></a></textarea>
</center>

</div></div></center>

<html><head>
<link href='http://fonts.googleapis.com/css?family=Handlee|Delius+Swash+Caps|Englebert|Ribeye+Marrow|Sacramento' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Short+Stack|Delius' 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/AVvXsEgneaubzyVfyxZ6UdmXoe4LIGKntz6PFGtwoQaQDlov4VHvDU0TK6I8tpWiFiWlMo2GjJBq5IqdSnUGutwZr7BcHMCMjM6jjSoZntyRJjS8sObs9LrhZcFO7lGDOClS7Hq3dFVDx0nPh3Q/s1600/btt+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:'url()'})
.attr({title:"Go to top !"})
.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://fonts.googleapis.com/css?family=Love+Ya+Like+A+Sister' rel='stylesheet' type='text/css'>
<script type='text/javascript'> document.ondragstart = function () { return false; }; </script>
<br>
<center><br><link rel="shortcut icon" href="http://media.tumblr.com/1e07d043d305612388d3ef1df47b0fce/tumblr_inline_mg0q3vaqTV1qdlkyg.gif" /><br><br><br><img class="header" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigLtaIZdyz8Ul0SpzM2OdLX_52LAomQ48tHUrVeAUqbIPD3GsJ-h3mr-H6Ian1Q5wcrUY8Q4umQnW6dQlSpzS9jGToBYtDQeHjXsGcC-GhMRsOrpQXunyy5b5aFZo7_HmhE2h7k2qXffk/s1600/hh1+copy1.png" /></center>
<title>The Sweet Cupcake</title>

<style type="text/css">
#navbar-iframe {display: none;}
body {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjILgLoWBcciCVtbeRsULdOWXb7CICcFsYoMi51hFXuDYHPRzNIo3ZoY8I1Ab_hyC0qTV63p2XXBsxqIM1vaDU6aGjIjjDZdgfw8HWyRs3D1DQfWU_65aP4ZN3Ekhb_Mrb7Co8J3s5DEw/s1600/purple.png);
background-attachment:fixed;
color:#000;
font-family: short stack;
font-size: 12px;
cursor:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKcW04StJoOl91U8Vi1zwG8VWGreq_c8TSZp30nY_HXzTM2TjwIhhp1KegHJWOe3VrRCJgoaqDjOid3wFBpJvuTBvwmiwvL_r8I_jKM4DjXxxeS6v-0s90q45gU5Ms2deufwkecUzEKJ8/s1600/cursorku.png), auto;
}
a:link, a:visited {
color:#9966FF;
-webkit-transition-duration: 1s;
text-decoration:none;
}
a:hover {
-webkit-transition-duration: 1s;
color: #CC99FF;
cursor:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDGBPRyFcqOmks6KTNrsiUph-FPUilZjws2a91KnDRJEjiYaEe2fgpgafhVG8M-rNCV21JNtQAhsLd16nVyI6NWrzhEepmDUXtrH8_56UsBA62YGYYj8xU4bzHtPmgO8cqfSv51TJ8Srk/s1600/cursorku1p1.png), auto;
}
.header {
margin-left: 2px;
margin-bottom: -20px;
margin-top: 20px;
width:850px;
-webkit-transition:2s
}
@font-face {
font-family:gg !important;
src: url('http://img.dafont.com/dl/?f=girls_have_many_secrets') !important;
}
.mainblog {
background:#ffffff;
color:#000;
padding:14px;
width:500px;
border-radius:10px;
text-align:justify;
}
.sidebarblog {
background: #ffffff;
color: #000;
padding: 9px;
width: 240px;
border-radius: 10px;
text-align: left;
}
.title {
color:#00000;
letter-spacing:1px;
font:18px Delius Swash Caps;
background:#D0BCFE;
line-height: 100%;
text-transform: normal;
-webkit-transition: 0.3s;
}
.post-title {
color:#D0BCFE;
font-size:22px;
font-family: Love Ya Like A Sister;
padding:3px;
border-bottom:2px solid #CEA8F4;
}
.date {
background : #ffffff;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
font-family: Delius;
font-size:12px;
width: 400px;
margin-top: 0px;
border-top: 0px solid #CEA8F4;
border-bottom: 1px solid #CEA8F4;
border-right: 1px solid #CEA8F4;
border-left: 1px solid #CEA8F4;
line-height: 17px;
color: #000;
margin-left: 100px;
text-align: center;
}
.dash a:link, .dash a:active, .dash a:visited {
width:96px;
background:#CC99FF;
color:#000;
display: inline-block;
text-decoration:none;
text-align:center;
font:10px delius;
font-weight:normal;
padding:1px;
margin-top:2px;
-webkit-transition-property:color, text;
-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
-webkit-transition-timing-function: linear, ease-in;
}

.dash a:hover {
-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
background:#9999FF;
color:#FDC1C8;
border-bottom:1px solid#9999FF;
}
.nav{
width:100%;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXGM5rLeYBl1yqH8YJ2nyFItDfCRj0k8I-n-SrXgUgxGhGv4257y59cG5P1C4_394Av1JY9-XTuUzBJKvwPA-BkJZ8b3h86RUfKrSWoS2pbOpsm475clHawdonaT003e7XdNihl5YAmRM/s1600/pinkpurple.gif);
border-bottom:5px solid #EDDFFB;
position:fixed;
top:0px;
left:0px;
box-shadow:0 0 5px #9669FE;
text-align:center;
padding:10px;}

@font-face{font-family:pixel;src:url(http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf)}
a.box {
border:1px solid #C79BF2;
text-transform:normal;
background:#D0BCFE;
text-decoration:none;
color: #EDDFFB;
padding: 6px;
font: 12px Short Stack;
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 #EFD7FF,
inset 0px 0px 0px #EFD7FF;
display: inline-block;
width: 65px;
}
a.box:hover {
-webkit-transition-duration: 0.5s;
box-shadow:inset 0px 14px 0px #CCCCFF,inset 0px -14px 0px #CCCCFF; color: #fff;
}
u {
text-decoration: none;
font-style: underline;
border-bottom: 2px solid #AD8BFE;
-webkit-transition: 0.5s;
}
u:hover {
border-bottom: 6px solid transparent;
-webkit-transition: 0.5s;
}
i {
text-decoration: none;
color: #AD8BFE;
}
b, strong {
-webkit-transition-duration: 1.5s;
}
b:hover {
color: #AD8BFE;
-webkit-transition-duration: 1.5s;
}
blockquote {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8HjW-G9PytYiH0Fo__mR-7W-WNKfEUOjCYVGDIVfherxXBb1ZKyQC4RfhIFqmvu7jWiRyIaC5bcFzq9BUtsFnbs9TN5iehRrlogqzZcptsPI6E4hp7PovnSVbw4QA2260C8_k8Io77Vk/s1600/red+(10).png);
border: 1px solid #DBBFF7;
font: 13px delius;
color:#aaa;
border-radius: 10px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 10px;
padding-left: 10px;
margin:1em 40px;
-webkit-transition: 0.5s;

}
blockquote:hover {
border: 1px solid #9900FF;
color:#000000;
-webkit-transition: 0.5s;
}
a.links{
font-size: 12px;
font-family: Short Stack;
display:inline-block;
text-align:center;
width: 70px;
color: #EDDFFB;
background:#D0BCFE;
padding:3px;
margin:2px;
text-decoration: none;
-webkit-transition-duration:1200ms;
}

a.links:hover{
display:inline-block;
text-align:center;
width: 70px;
color: #fff;
background:#CCCCFF;
-webkit-transition-duration:1200ms;
}
.min {
margin-top:0px;
background:#fff;
border:1px solid #ccc;
font-family:century gothic;
font-size: 12px;
padding:2px;
padding-left:20px;
letter-spacing:1px;
text-transform:block;
}
.long{background:#fff;padding:5px;border:2px solid #F3E2A9;text-align:center;width:200px;color:#000;}

a.button{
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
cursor:pointer;
background:#000000;
width:20px;
text-decoration:none;
border:2px dashed #fff;
color:#000;
box-shadow:1px 1px 3px #F3E2A9;
border-radius:5px;
display:inline-block;
text-align:center;
font:13px uda, short stack;
}

a.button:hover{background:#fff;color:#F3E2A9;border:2px dashed #eee;}

#wra img{max-width:245px;}

@font-face {
font-family:cc !important;
src: url('http://img.dafont.com/dl/?f=cuteness') !important;
}
@font-face { font-family:tcd; src: url('http://static.tumblr.com/tedujjb/C78mkkmk4/charleedoodles.ttf'); }

::-webkit-scrollbar {
width:8px;
height:8px;
}
::-webkit-scrollbar-track-piece {
background-color: #C4ABFE;
border: 3px solid #FFFFFF;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background: #6633CC;
border: 1px solid #FFFFFF;
}

::selection {
background:#9900FF;
color: #fff;
}

background:#fff;

color:#000;

width:230px;

height:142px;

margin-top:-150px;

margin-left:10px;

padding-left:0.5px;

padding-right:0.5px;

padding-bottom:0.5px;

padding-top:5px;

opacity:.0;

-webkit-transition:all .5s ease-in-out; }

#ck:hover{opacity:.7}
</style>
<br>
<div class="nav">
<a class="box" onClick="document.getElementById('mainblog').innerHTML=document.getElementById('h').innerHTML" >HOME</a>
<a class="box" onClick="document.getElementById('mainblog').innerHTML=document.getElementById('a').innerHTML" >ABOUT</a>
<a class="box" onClick="document.getElementById('mainblog').innerHTML=document.getElementById('stuffs').innerHTML" >STUFFS</a>
<a class="box" onClick="document.getElementById('mainblog').innerHTML=document.getElementById('f').innerHTML">FRIENDS</a>
<a class="box" onClick="document.getElementById('mainblog').innerHTML=document.getElementById('r').innerHTML" >RULES</a></div></div>
<center>
<table style="font-size:12px; background:#fff;border: 1px solid #ffffff;margin-top:-1px;border:1px solid #f0f0f0; border-radius:10px; " width="910" align="center" border="0" cellspacing="10">
<tbody><tr>
<td valign="top" width="250px">
<div class="sidebarblog">
<div class="title">Welcome!</div>
<div class="min">Disclaimer</div><br>
<center>

<center><center>   <img src="http://wittiestquotes.com/wp-content/uploads/2014/01/cute-friendship-tumblr-66.jpg" width="230" height="147" /><br>
<center><div class="dash">
<a href="http://blogger.com/home" title="Dashboard">DBOARD</a>
<a href="http://www.blogger.com/follow-blog.g?blogID=<$BlogID$>" title="Follow">FOLLOW</a><br><br>Don't forget to follow my blog. Hate my blog? Just ctrl w, on your keyboard.

</center></div></div><center>

<br>

<div class="sidebarblog">
<div class="title">Chatting</div>
<div class="min">Prints Foot</div><br>
<center>Replace With Your Cbox Code</center></div><br>

<div class="sidebarblog">
<div class="title">Memories</div>
<div class="min">My Old Post</div>
<br><center><div style="border:3px solid #eee;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJQHGYq46_ItJSFNjRDgV2s8euSZqk11TZr_QDk6xK2Z28tlPaN_62NxX3wHzZ9unK9p1hcLanA9KjSdHFy9j7SAqKdP4bSaobKPJatA_6sCPRJ9Uu6rKos5eVJN-xXWl3aibjua0U7g/s1600/purple.gif); width:200px; padding:5px; border-bottom:none;-webkit-border-top-left-radius: 30px;-webkit-border-top-right-radius: 30px;-moz-border-radius-topleft: 30px;-moz-border-radius-topright: 30px;border-top-left-radius: 30px;border-top-right-radius: 30px;color:#000000;text-align:center;">Archive</div>
<div style="border:3px solid #eee;background:url(http://i.imgur.com/ozUAZ.png); width:190px; overflow-x:hidden; overflow-y:scroll;padding:10px; height:75px; ">
<bloggerpreviousitems>
<bloggerpreviousitems>
<a href="<$BlogItemPermalinkURL$>">
<div class="me"><$BlogPreviousItemTitle$></div>
</a>
</BloggerPreviousItems>
</div></center><br>

<div class="title">Contact Me</div>
<div class="min">My Social Media</div><br>
<img src="http://media.tumblr.com/84ba79b7c885c2a21940a8b77044ed6f/tumblr_inline_mu8x23FTrw1qid2nw.png" style="opacity:1; border-radius:0px;border:none;box-shadow:none;border-radius:0px;background:none;padding:0px;" width="20"> : <a href="URL FACEBOOK KAMU" style="font-family: 'Delius'"> NAMA FB KAMU</a><br>
<img src="http://media.tumblr.com/2921f42fc56cabd49e4ba1201b2cb4ec/tumblr_inline_mu8x25Iv941qid2nw.png" style="opacity:1; border-radius:0px;border:none;box-shadow:none;border-radius:0px;background:none;padding:0px;" width="20"> : <a href="URL TWITTER KAMU" style="font-family: 'Delius'" width="20"> @NAMATWITTER_KAMU</a><br>
<img src="http://media.tumblr.com/334bc7b18b64b7c74be3020e56561452/tumblr_inline_mu8x23i7Pk1qid2nw.png" style="opacity:1; border-radius:0px;border:none;box-shadow:none;border-radius:0px;background:none;padding:0px;" width="20"> : <a href="URL BLOG KAMU" style="font-family: 'Delius'" width="20"> NAMA BLOG KAMU</a><br>
</div>
</div>
<br>

<div class="sidebarblog">
<div class="title">Credits</div>
<div class="min">Thank You</div>
<br><center>© 2014 - Full Template by <a href="http://tiarastories.blogspot.com/">Tiara</a>. And the basecode from <a href="http://sweetbeauty-life.blogspot.com/">Siti Rahmani</a>. Someones help me <a href="http://nurulatiqahjaidin.blogspot.com/">P</a> <a href="http://novitalesyani28.blogspot.com/">U</a> <a href="http://anugerahsalsa.blogspot.com/">R</a> <a href="http://htmledit.squarefree.com/">P</a> <a href="http://google.co.id">L</a> <a href="http://www.azkiiyakiyaa.co.vu/">E</a><br>
<center>Best viewed in google chrome</center>
<br>
<body>
<td id="mainblog" valign="top" style="width:100px; padding-left:5px; border-left:1px solid #f0f0f0; padding-right:7px; padding-left:12px;">
<div class="mainblog">
<blogger><div class="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="min"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader>|<a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> Care(s)</a></BlogItemCommentsEnabled></div><br>
<$blogitembody$><br><br><br></blogger>
<br><br>
<center><NewerPosts><a href="<$NewerPosts$>"><img src="http://media.tumblr.com/db336638aabc8cc645063c3f21f23f3a/tumblr_inline_mpl4og2IGN1qz4rgp.gif" title="Older" border="0" style="border:none;border-radius:0px;background:transparent;padding:0px;float:left;"/></a></NewerPosts>
<a href=""><img src="http://media.tumblr.com/eb887f6c567f695ca98c43dca3d33cdb/tumblr_inline_mpl4ocFbCA1qz4rgp.gif" title="Home" border="0" style="border:none;border-radius:0px;background:transparent;padding:0px;"/></a>
<OlderPosts><a href="<$OlderPosts$>"><img src="http://media.tumblr.com/9d39bfbd8e659de95408e682ac0b5bcc/tumblr_inline_mpl4ohcgyV1qz4rgp.gif" title="Older" border="0" style="border:none;border-radius:0px;background:transparent;padding:0px;float:right;"/></a></OlderPosts></center></div>
</div><br>
<td id="h" style="display: none;">
<body>
<div class="mainblog">
<blogger><div class="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="min"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader>|<a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> Care(s)</a></BlogItemCommentsEnabled></div><br>
<$blogitembody$><br><br><br></blogger>
<br><br>
<center><NewerPosts><a href="<$NewerPosts$>"><img src="http://media.tumblr.com/db336638aabc8cc645063c3f21f23f3a/tumblr_inline_mpl4og2IGN1qz4rgp.gif" title="Newer" border="0" style="border:none;border-radius:0px;background:transparent;padding:0px;float:left;"/></a></NewerPosts>
<a href=""><img src="http://media.tumblr.com/eb887f6c567f695ca98c43dca3d33cdb/tumblr_inline_mpl4ocFbCA1qz4rgp.gif" title="Home" border="0" style="border:none;border-radius:0px;background:transparent;padding:0px;"/></a>
<OlderPosts><a href="<$OlderPosts$>"><img src="http://media.tumblr.com/9d39bfbd8e659de95408e682ac0b5bcc/tumblr_inline_mpl4ohcgyV1qz4rgp.gif" title="Older" border="0" style="border:none;border-radius:0px;background:transparent;padding:0px;float:right;"/></a></OlderPosts></center></div>
</div>
</td>
<td id="a" style="display: none;">
<div class="mainblog">
<div class="title">Meet The Owner</div>
<div class="min">Owner here!</div>
<br>
<center><img src="http://imagesforfacebook.com/wp-content/uploads/2014/04/713.jpg" width="400" ></center></br>
<p>

<center><font style="Font-size:20px;font-family:short stack;">My Bio</font></center><br>
<br>
Full Name : Mutiara Nurul Izzati<br>
Nickname : Tiara<br>
Birthdate : Secrets<br>
Born : secrets<br>
Age : 11 Year Young <br>
Country : Indonesia <br>
Grade : secrets<br>
Zodiac : Scorpio<br>
Hobbies : Blogging, etc.<br><br>

<center><font style="Font-size:20px;font-family:short stack;">My Fact</font></center><br><br>
<li>MY FACT BLABLABLA<br>
<li>BLABLABLA<br>

<blockquote>Put Your Own Bio!</blockquote></div></td>

<td id="stuffs" style="display: none;">
<div class="mainblog">
<div class="title">My Stuff</div>
<div class="min">Tutobies here!</div>
<br>
<center><img src="http://futuku.info/wp-content/uploads/2014/03/beautiful-tumblr-photographybeautiful-photography-tumblr-on-favimcom-wallpaper-in-pixels-vddr9tjt.jpg" width="400" ></center></br>
<center><font style="Font-size:20px;font-family:short stack;">My Tutorial</font></center><br><br>
Tutorial : <a href="">Coming Soon</a><br>
Tutorial : <a href="">Coming Soon</a><br>
Tutorial : <a href="">Coming Soon</a><br>
Tutorial : <a href="">Coming Soon</a><br>
Tutorial : <a href="">Coming Soon</a><br>
Tutorial : <a href="">Coming Soon</a><br>
Tutorial : <a href="">Coming Soon</a><br>
Tutorial : <a href="">Coming Soon</a><br>
Tutorial : <a href="">Coming Soon</a><br><br>

<center><font style="Font-size:20px;font-family:short stack;">My Freebies</font></center><br><br>
Freebies : <a href="">Coming Soon</a><br>
Freebies : <a href="">Coming Soon</a><br>
Freebies : <a href="">Coming Soon</a><br>
Freebies : <a href="">Coming Soon</a><br>
Freebies : <a href="">Coming Soon</a><br>
Freebies : <a href="">Coming Soon</a><br>
Freebies : <a href="">Coming Soon</a><br>
Freebies : <a href="">Coming Soon</a><br>
Freebies : <a href="">Coming Soon</a><br>
Freebies : <a href="">Coming Soon</a><br></div>
</td>
<td id="f" style="display: none;">
<div class="mainblog">
<div class="title">My Friends</div>
<div class="min">My lovely friends here!</div>
<br><br>
<center><img src="https://polkadotteapot.files.wordpress.com/2011/02/felicitc3a0libertc3a0pratofriendsphotographyfields-6e572af9fc4955d367a3fcc10d11c2c5_h.jpg" width="400"></center><br>
<center>Name: <input type="text" size="11" value="Your Name" style="width:180px;font:11px delius;color:#000;border:1px solid #eee;margin-right:6px;background-color:#ffffff;padding:2px;padding-left:4px;" onclick="this.focus()" onfocus="this.select()">
URL: <input type="text" size="11" value="yoururl.blogspot.com" style="width:180px;font:11px delius;color:#000;border:1px solid #eee;background-color:#ffffff;padding:2px;padding-left:4px;" onclick="this.focus()" onfocus="this.select()"></center>
<br>
<center><a class="links" href="http://tiarastories.blogspot.com/">Tiara</a>
<a class="links" href="http://sweetbeauty-life.blogspot.com/">Siti</a>
<a class="links" href="comming soon">You?</a>
<a class="links" href="comming soon">You?</a>
<a class="links" href="comming soon">You?</a><br>
<a class="links" href="comming soon">You?</a>
<a class="links" href="comming soon">You?</a>
<a class="links" href="comming soon">You?</a>
<a class="links" href="comming soon">You?</a>
<a class="links" href="comming soon">You?</a><br>
<a class="links" href="comming soon">You?</a>
<a class="links" href="comming soon">You?</a>
<a class="links" href="comming soon">You?</a>
<a class="links" href="comming soon">You?</a>
<a class="links" href="comming soon">You?</a><br>
<a class="links" href="comming soon">You?</a>
<a class="links" href="comming soon">You?</a>
<a class="links" href="comming soon">You?</a>
<a class="links" href="comming soon">You?</a>
<a class="links" href="comming soon">You?</a><br>
<a class="links" href="comming soon">You?</a>
<a class="links" href="comming soon">You?</a>
<a class="links" href="comming soon">You?</a>
<a class="links" href="comming soon">You?</a>
<a class="links" href="comming soon">You?</a>
</center>
<br></div>
</td>
<td id="r" style="display: none;">
<div class="mainblog">
<div class="title">Rules</div>
<div class="min">Rules In My Blog</div><br>
<center><img src="http://designsold.com/wp-content/uploads/2013/10/Tumblr-pictures-tumblr-photography-29061255-432-299.jpg" width="400"></center>
<br>
<center><blockquote>Tepati Jika kamu adalah manusia! ^O^</blockquote></center><br>
<li> Replace With Your Own Rules<br>
<li> Replace With Your Own Rules<br>
<li> Replace With Your Own Rules<br>
<li> Replace With Your Own Rules<br>
<li> Replace With Your Own Rules<br>
<li> Replace With Your Own Rules<br>
<li> Replace With Your Own Rules<br></div>
</td>
</table></head></html>

<br>
<br>
</center><br>

<div class="title">Status</div><br>

<center>
<blockquote>My status in here blablabla. And not blablabla. <i> italic </i>. <s> strike </s>. <b> bold </b></blockquote><br>
<br>

<div class="title">Blog Archive</div><br>
<div style="border:1px dashed #75ECFD;background:url(http://i.imgur.com/HEkJgu7.png); width:190px; overflow-x:hidden; overflow-y:scroll;padding:10px; height:75px; ">
<bloggerpreviousitems>
<bloggerpreviousitems>
<a href="<$BlogItemPermalinkURL$>">
<div class="me"><$BlogPreviousItemTitle$></div>
</a>
</BloggerPreviousItems>
</div><br>

<div class="title">Contact Me</div><br>
<img src="http://media.tumblr.com/84ba79b7c885c2a21940a8b77044ed6f/tumblr_inline_mu8x23FTrw1qid2nw.png" style="opacity:1; border-radius:0px;border:none;box-shadow:none;border-radius:0px;background:none;padding:0px;" width="20"> : <a href="https://www.facebook.com/" style="font-family: 'Delius';">Your Facebook</a><br>
<img src="http://media.tumblr.com/2921f42fc56cabd49e4ba1201b2cb4ec/tumblr_inline_mu8x25Iv941qid2nw.png" style="opacity:1; border-radius:0px;border:none;box-shadow:none;border-radius:0px;background:none;padding:0px;" width="20"> : <a href="https://twitter.com/" style="font-family: 'Delius';" width="20">Your Twitter</a><br>
<img src="http://media.tumblr.com/2e8603fe4cf14fe888a3fc824688d77e/tumblr_inline_mu8x26xkT71qid2nw.png" style="opacity:1; border-radius:0px;border:none;box-shadow:none;border-radius:0px;background:none;padding:0px;" width="20"> :<a href="http://instagram.com/" style="font-family: 'Delius';" width="20"> Your Instagram</a><br>
<img src="http://media.tumblr.com/334bc7b18b64b7c74be3020e56561452/tumblr_inline_mu8x23i7Pk1qid2nw.png" style="opacity:1; border-radius:0px;border:none;box-shadow:none;border-radius:0px;background:none;padding:0px;" width="20"> : <a href="http://blogspot.com/" style="font-family: 'Delius';" width="20">Your Blog</a><br>
</div>
<br>

<div class="title"> Credits</div><br>
</center>
<!------------Dont remove the credit or i kill u-------------!>
© 2014 - Full Template by <a href="http://mutizzati-pena.blogspot.com/">Tiara</a>. The basecode from <a href="http://meiza-maulida.blogspot.com/">Meiza</a> and <a href="http://anugerahsalsa.blogspot.com/">Anugerah <a href="http://www.blogskins.com/me/anugerahsalsa">Salsa</a>. Cute icon from <a href="http://anugerahsalsa.blogspot.com/">Kak Salsa</a>. Big Helped <a href="http://htmledit.squarefree.com/">S</a> <a href="http://novitalesyani28.blogspot.com/2013/08/kode-kode-warna.html">K</a> <a href="http://google.co.id">Y</a>
</div></div></td>
<!------------Dont remove the credit or i kill u-------------!>

<td valign="top" style="width:600px; padding:10px; ">
<div id="entry">
<Blogger>
<div class="title"><$BlogItemTitle$></div><div class="title1" style="float:center;text-align:left;"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Blue(s)</a></BlogItemCommentsEnabled></div><$blogitembody$><br>

</p>

<itempage>
  <div id="comments" style="margin-top:5px;">
<blogitemcommentsenabled><a name="comments"></a>
<dl id="comments-block">
<div style="width:500px; padding:5px;margin-top:20px;border:4px solid #fff;6px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKhiyoUv_jVmBV6Wg2sJXDq-kBaDSZwiq3_YvLtjb9qk0aFofrcO18XqdzLW4RBHB0pvnp94aKXFj4ScZ5bGY2GpB-_zxLqhWNVvYk9zE_r8h-4cS5EA-lVt2er-DWmd_x4WHO18ZTn2Y/s1600/sparkles.png); 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>
<p class="comment-timestamp">
<$BlogItemCreate$>
   </p>
</ItemPage>

</Blogger><br>
<center><a style="float:left;" href=<$NewerPosts$>><div class="newer"><span>←</span> Newer Post</div></a>
<a style="float:right;" href=<$OlderPosts$>><div class="older" >Older Post <span>→</span></div></a>
</center></div>

<div id="about" style="display: none;">
<div class="title">About The Owner</div><br>

<center><img src="http://data3.whicdn.com/images/91602898/large.gif"width="450"></center>
<div style="text-align: justify;">
<br/>
<u> Basic </u><br><br>
 Full Name : Mutiara Nurul Izzati</div>
<div style="text-align: justify;">
 Nickname : Tiara</div>
<div style="text-align: justify;">
 Born : Kepo ajaa</div>
<div style="text-align: justify;">
 Age : Hihi, kepo yaa?</div>
<div style="text-align: justify;">
 Address : Blue World</div>
<div style="text-align: justify;">
 City : Blue City</div>
<div style="text-align: justify;">
 Country : Indonesia</div>
<div style="text-align: justify;">
 Hobby's : Writing, reading, drawing, browsing, blogging.</div>
<div style="text-align: justify;">
 Fav Colour : Blue.</div>
<div style="text-align: justify;">
<br/>

<blockquote> Put Your Own Profile </blockquote>
</div>
</div>
</table>

<div id="journal" style="display: none;">
<Blogger>
<div class="title"><$BlogItemTitle$></div><div class="title1" style="float:center;text-align:left;"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Blue (s)</a></BlogItemCommentsEnabled></div><$blogitembody$>
</br>

<itempage>
  <div id="comments" style="margin-top:5px;">
<blogitemcommentsenabled><a name="comments"></a>
<dl id="comments-block">
<div style="width:500px; padding:5px;margin-top:20px;border:4px solid #fff;6px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKhiyoUv_jVmBV6Wg2sJXDq-kBaDSZwiq3_YvLtjb9qk0aFofrcO18XqdzLW4RBHB0pvnp94aKXFj4ScZ5bGY2GpB-_zxLqhWNVvYk9zE_r8h-4cS5EA-lVt2er-DWmd_x4WHO18ZTn2Y/s1600/sparkles.png); 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>
<p class="comment-timestamp">
<$BlogItemCreate$>
   </p>
</ItemPage>

</Blogger><br>
<center><a style="float:left;" href=<$NewerPosts$>><div class="newer"><span>←</span> Newer Post</div></a>
<a style="float:right;" href=<$OlderPosts$>><div class="older" >Older Post <span>→</span></div></a>
</center></div>

<div id="stuff" style="display: none;">
<div class="title">My Tutobies</div><br>
<center><img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcTw7pCs9ClX2vpjIyy_ckZVhmVpYvuXqv3wbltsb7pi_M_m-WEhvA0bUEJq"width="450"></center><br>
<div class="h1">Tutorial</div><br>
<a class="myung" href="">Tutorial</a>
<a class="myung" href="">Tutorial</a>
<a class="myung" href="">Tutorial</a>
<a class="myung" href="">Tutorial</a>
<a class="myung" href="">Tutorial</a>
<a class="myung" href="">Tutorial</a>
<a class="myung" href="">Tutorial</a>
<a class="myung" href="">Tutorial</a>
<a class="myung" href="">Tutorial</a>
<a class="myung" href="">Tutorial</a>
<br>
<br>
<div class="h1">Freebies</div><br>
<a class="myung" href="">Freebies</a>
<a class="myung" href="">Freebies</a>
<a class="myung" href="">Freebies</a>
<a class="myung" href="">Freebies</a>
<a class="myung" href="">Freebies</a>
<a class="myung" href="">Freebies</a>
<a class="myung" href="">Freebies</a>
<a class="myung" href="">Freebies</a>
<a class="myung" href="">Freebies</a>
<a class="myung" href="">Freebies</a>
<a class="myung" href="">Freebies</a>
<a class="myung" href="">Freebies</a>
<br>
<br></div>

<div id="links" style="display: none;">
<div class="title">Let's Exchange!</div><br>
<center><img src="http://data2.whicdn.com/images/91750691/large.gif"width="450"></center><br><br>

<div style="margin-center: 30px;">
<a class="link" href="http://mutizzati-pena.blogspot.com/">Tiara</a>
<a class="link" href="http://anugerahsalsa.blogspot.com/">Salsa</a>
<a class="link" href="http://meiza-maulida.blogspot.com/">Meiza</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
</div>

<div id="other" style="display: none;">
<div class="title">This My Stories</div><br>
<center><img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcRlJfQskgrSixhkynToBRlD3u3U6OCbQGI6JTlMq9OpOI2DcmOWAg"width="450"></center><br><br>
<div class="h1">My Stories</div><br>
<a class="myung" href="">My stories</a>
<a class="myung" href="">My stories</a>
<a class="myung" href="">My stories</a>
<a class="myung" href="">My stories</a>
<a class="myung" href="">My stories</a>
<a class="myung" href="">My stories</a>
<a class="myung" href="">My stories</a>
<a class="myung" href="">My stories</a>
<a class="myung" href="">My stories</a>
<a class="myung" href="">My stories</a>
</div>
<script type="text/javascript">var ACurl = "http://kode-sourceblogtiara.blogspot.com/"; //url redirect</script><script type="text/javascript" src="http://belajarislamituindah.googlecode.com/files/RV-BI3-Protect2.js"></script>
</body>

<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 byNovita Lesyani***********************************************/var scrolltotop={
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqpV9iy0Rtf-rJliZkmlrGVTY5bPrRovDdv7ktDmpULq-GVKm09JNUKaEd9Q0ORc08wjIwFCls1ddDgDXy0q0rZexyDcEL9skjHtPh7DYjr_I0zatb3sCQu7yN8t73Rc9xBJeab9BdZkY/s1600/btt+copy.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'})
.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>
</html>

Arrien My Blog