<!-------- BASIC CODE --------!>
<html><head>
<div style=" background-image: url('http://i.imgur.com/SdrkT.png'); top: -10px; width: 100%; left:0px; height: 44px; z-index: 100; position: fixed; background-hover:filter:alpha(opacity=100);"></div>
<center><img class="headerr" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWsPVrJGTI750lN-WmQKVhJvarxKUFonN6vicZVj54ts7B9M87UKy5jqINJj5xMzVf24BVpBCGRDbkk-24hPaFdgmVnnl_awaP6n4-6w5wOYj0eJVWMqHQiOKDApS7flTgj1GHO8Z40Yo/s1600/FAFIS-1.png"/></center>
<link rel="shortcut icon" href="http://applepine.chu.jp/icon/sen/flower5.gif" />
<title>Both Of Us</title>
</head>
<link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
<style type="text/css">
#navbar-iframe {
display: none;
}
body {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb6qRhCljSinDWrGfupR1urtV7UKuUOW-K218QTmrGiJ-T54i5M952y7zGwB53mO8yV9rsY-4k5n0uBziLuWhNbDrcz4bkXeGlGCyekGyPdG9P6hb71k6ZjWVkFSNlpKtDATWcfsE_RLw/s1600/pinkk.gif);
background-attachment: fixed;
font-family:verdana;
font-size:13px;color:#808080;
cursor: url(http://i.imgur.com/fqwGv.png), auto;
}
a:link,a:visited{
text-decoration:none;
color:#A9F5F2;-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;
}
a:hover{
color:#fff;
background:#A9F5F2;
}
.title-a {
font: 25px Amatic SC;
margin-top: 7px;
margin-bottom: 3px;
margin-left: 1px;
margin-right: 1px;
color:#919191;
letter-spacing:2px;
padding-left: 7px;
padding-right: 7px;
padding-top: 4px;
padding-bottom: 4px;
line-height:15px;
text-align: center;
border-left: 4px solid #FFB1B1;
border-right: 4px solid #FFB1B1;
border-top: 1px solid #FFD2D2;
border-bottom: 1px solid #FFD2D2;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiVvX6Rxtr1gIYop1RqRlvBJ0DY1OMxqSTCNPSl1VeS3-1f62Qz-Gc_SdN1DLiIU3r9X81toiz0oXQtYP_1aGZTrH2wtiCiglufnkc9FEIDd0JvIYcXW7aL9g8BrBUUIJZPysKd71aBeen/s1600/backgroundbody%25283%2529.png);
}
.title-b {
text-align: center;
font:11px Consolas;
}
.headerr {
margin-top:0px;
margin-left:0px;
-webkit-transition:1s
}
.headerr:hover {
padding-left: 50px;
-webkit-transition-duration: 1s;
}
blockquote{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiVvX6Rxtr1gIYop1RqRlvBJ0DY1OMxqSTCNPSl1VeS3-1f62Qz-Gc_SdN1DLiIU3r9X81toiz0oXQtYP_1aGZTrH2wtiCiglufnkc9FEIDd0JvIYcXW7aL9g8BrBUUIJZPysKd71aBeen/s1600/backgroundbody%25283%2529.png);
padding:5px;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
border-left:20px solid #FFDDDD;
color:#9C9C9C;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}
blockquote:hover{
border-left:20px solid #eee;
}
::-webkit-scrollbar{width:6px;height:6px;background:#fff}
::-webkit-scrollbar-thumb{background:#FEE3D2;}
b, strong {
color: #FFD3D3;
font-weight:bold;
}
i , s, strike {
color: #F7BE81;
}
u, underline {
color: #FFD3D3;
border-bottom: 2px #F7F2E0 solid;
text-decoration: none;
}
.adv2 ul{background:url(http://i.imgur.com/LsUfp.png);padding:5px;border:1px dashed #DDDDDD;text-align:center;width:250px;color:#555}
.adv2 p{padding:5px;text-align:left;width:250px;color:#555;}
a.tablo{
-webkit-transition: all 0.5s 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:#FFDDDD;
width:50px;
font:8px tt;
padding:3px;
text-decoration:none;
color:#555;
display:inline-block;
text-align:center;
}
a.tablo:hover{background:#FF7171;color:#fff;}
@font-face {
font-family:tt;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
}
::-moz-selection {
background:#FFD3D3;
color:black;}
::selection {
background:#FFD3D3;
color:black;}
a.linkies {
display:inline-block;
background:#fff;
border:1px dashed #bbd9ff;
padding: 3px;
border-radius:5px;
margin: 2px;text-align:center;
color:#726E6D;
-webkit-transition: 0.4s;}
a.linkies:hover {
border-radius:5px;
color:#000;
-webkit-transition: 0.4s;
}
.old {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBh6dhggbOhhE82h2qCpWkvaJIxsXDEQc7JSg2LV4Y84kNKo96dPyZyPkJUm3eiSsgnM2p_fCg-25M_WzFfQjMJGQmpj3-SXlbCzw0FqfMgqBjRNn5939YB_AgKnnbSJ0vLN2hJmIegKIj/s1600/gadsd.png);
font:12px trebuchet ms;
padding:2px;
text-align:center;
}
a.uhmy {
letter-spacing:1px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
margin:1px;
cursor:pointer;
text-transform:uppercase;
display:inline-block;
font:8px tt;
text-align:center;
background: #fff;
width:220px;
color:#777;
padding:2px;
border:1px solid #ccc;
border-left:20px solid #ccc;
text-decoration:none;
}
a.uhmy:hover{
border-left:1px solid #ccc;
border:1px solid #ccc;
border-right:20px solid #ccc;
}
@font-face {
font-family:tt;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
}
.cutie {
background: #ffffff;
color: #666;
font-size: 11px;
padding: 4px;
width: 240px;
border-radius: 10px;
text-align: justify;
}
</style>
<div style="display:scroll; position:fixed; top:50px; right:95px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=YOUR BLOG ID !" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNuLS8I37Kw3Rb_3s0Sz5a9aZsrppZcwOpQ1OoPOocE-l3cCwnEFnKgaj42pz7GJgzhTW1Z-Jq2-zq8ANtmslik2FVtAEWY9miMjWj6zGqKq20w-uoAnygRDPLF1-sqJVr2MQtheBn1oQ/s1600/fpink.png" /></a> <div style="display:scroll; position:fixed; top:50px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj098txmKHFJ88eo_e9L-mQ1AP4LaqXqeIonRo7Wdg5BdIPAgGyZfE8LkK6HOMQceoaGNmDQ71LboK5Pf6fZdYhUBH-6Q-Ed1gCe-oxRIraJ0q6rDBvt0I9Tm5FspcM_IOnjE_rYc6M68Q/s1600/dpink.png" /></a></div></div>
<body>
<!-------- MAIN WRAPPER --------!>
<table style="margin-bottom: 10px;font-size: 11px; color: #666; line-height: 16px; background-color: #FFF; border: 1px solid #eee; border-radius:10px;" width="800" align="center" border="0" cellspacing="10">
<tbody><tr>
<td valign="top" style="width:530px; padding-left:5px; border-right:1px solid #eee; padding-bottom:5px;; padding-right:15px; ">
<div id="page">
<blogger><div class="title-a"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="title-b"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> • <$BlogItemDateTime$> • <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> comments</span></a></BlogItemCommentsEnabled></div><br>
<$BlogItemBody$></br>
</blogger>
<div class="old"><NewerPosts><a href="<$NewerPosts$>" target="_blank">? Newer Posts</a> ? </NewerPosts> <OlderPosts> <a href="<$OlderPosts$>" target="_blank">Older Posts ?</a></OlderPosts></center></div>
<!-------- SIDEBAR WRAPPER --------!>
<td valign="top" style="line-height:15px; font-size:11px; width:240px; padding-left:10px;">
<div class="cutie">
<center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirTqtSP7WE9OechS1oEGg3UmXYNhcp8-Cs6zrdDstrf5MmwxyaTutSaIRS_EXhuXm0-nI1tQzKbl9lijzetW5a9ERopeOT1qm5Aw9bj8KCc1diUcEkBauKx-5t8ZEL6wHKPEoybA5ZZhs/s1600/disclaimer3.png"></center>
<center><img src="http://25.media.tumblr.com/tumblr_mbi3ashQ0C1qb4hv5o1_500.jpg" width="230" height="150"><br><br>
Welcome to my blog . Please navigate around happily. And follow me if you like to ;> Don't forget to leave your footsteps so I can visit you back ;3 <b>bold</b> <i>italic</i> <u>underline</u> <s>strike</s><br><br>
</style>
<center>
<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgswB_1-l9EkkDCjlipkMbbJMJgd86VfJwNnstwi4onnZQ_xx83rxj96wXacCtJKNkVlIvL7kNOTh3gAXvkkK3T-OTPXXVmJ2kCZmRKgFGuiFt1dq31wl6yRg-vIqvMLJxFnOjArg0rNxi1/s1600/stripe_62c6ac6939f9a44527fb43f6f1c8ce64.png);width:250px;padding:2px; ">
</div>
<a class="tablo" onclick="document.getElementById('page').innerHTML=document.getElementById('diary').innerHTML" >Diary</a>
<a class="tablo" onclick="document.getElementById('page').innerHTML=document.getElementById('profile').innerHTML" >About</a>
<a class="tablo" onclick="document.getElementById('page').innerHTML=document.getElementById('links').innerHTML" >Link</a>
<a class="tablo" onclick="document.getElementById('page').innerHTML=document.getElementById('stuff').innerHTML" >Stuff</a>
<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgswB_1-l9EkkDCjlipkMbbJMJgd86VfJwNnstwi4onnZQ_xx83rxj96wXacCtJKNkVlIvL7kNOTh3gAXvkkK3T-OTPXXVmJ2kCZmRKgFGuiFt1dq31wl6yRg-vIqvMLJxFnOjArg0rNxi1/s1600/stripe_62c6ac6939f9a44527fb43f6f1c8ce64.png);width:250px;padding:2px; margin-top:5px; ">
</div>
<div class="cutie">
<center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWUu8OPu8qCuv5qm82CXWuemmecOPzvOjohtwJOx02BtSulIBznJJcXRr5o7FqfSvHgm2kF6v4fHHF43UdozRtLGjolz8srz5I9a7VgB6UfZ6vocwz8FD5ux7-ryb-xNr8mu0ttdrPF_w/s1600/tagboard3.png">
<center><img src="http://24.media.tumblr.com/tumblr_mbcwts6YkK1rbavh7o1_500.png" width="230" height="150"><br><br>
Put your cbox code here ! :)
<!---- DO NOT REMOVE THIS, OR I'LL HUNT AND EAT YOU !!-----!>
<div class="cutie">
<center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg89o11T0qrnaOFtAaVvKNc70RlUwZXhMIgPBlcetTZDqR-C-jtGdDOpqKQm57NIPmW_T76sf4jaXa5svVUxGTxDfDpcE290UE6WCPgBNAgbPfYTqN0fVqHZkfkOVDiZ_h4vLzPBoxsDKI/s1600/advertise3.png"></center>
<center><img src="http://24.media.tumblr.com/tumblr_mag76eeGw01r60noro1_500.png" width="230" height="150"><br><br>
Template By: <a href="http://umihumairayusof.blogspot.com/">Umi Humaira</a><br>
Big helped: <a href="http://wanaseoby.blogspot.com/">Wana</a><br>
Owner: <a href="YOUR BLOG URL">YOUR NAME</a><br></div>
<!---- DO NOT REMOVE THIS, OR I'LL HUNT AND EAT YOU !!-----!>
</td>
</tr></tbody>
</table>
<div id="profile" style="display: none;">
<div class="title-a">Meet The Owner</div><br>
<center><img src="http://25.media.tumblr.com/tumblr_mbuyuiFc8l1ranftxo1_500.jpg"width="450" /></center><br>
<b>Name</b> : Umi <br>
<b>Long Name</b> : Umi Humaira <br>
<b>Born on</b> : 29 April <br>
<b>Live in</b> : Earth <br>
<b>Wishes</b> : Wanna go to Paris! <br><br>
<u>I like </u><br>
- Blogwalking <br>
- Stalker <br>
- Eat <br>
- Facebooking <br>
- TwitterKing *HAHA <br>
- Online <br><br>
<u>I Hate </u><br>
- CopyCat <br>
- Back Stabbers <br>
- Hipokrit <br><br><br>
<center>PLEASE CHANGE THIS SECTION WITH YOUR OWN PROFILE ! :)</center>
</div>
<div id="links" style="display: none;">
<div class="title-a">I love make new friendship</div><br>
<center>
<img src="http://24.media.tumblr.com/tumblr_mc1e4k8sPn1qgujfno1_500.jpg"width="450" /><br><br>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a><br/><br/>
<div class="title-a">credit:</div><br/>
Skin by <a href="http://umihumairayusof.blogspot.com/">Umi</a>
</div>
<div id="stuff" style="display: none;">
<div class="title-a">Anything here</div><br>
<center><img src="http://24.media.tumblr.com/tumblr_mbpc62z0oq1rqmuk5o1_500.png"width="450" /></center><br>
<center>TUTORIAL PAGE ! CHANGE WITH YOURS !</center>
<br><br>
<u>Template Designer</u><br>
<br>
<a class="uhmy" href="http://www.blogger.com/LINK">option</a>
<a class="uhmy" href="http://www.blogger.com/LINK">option</a>
<a class="uhmy" href="http://www.blogger.com/LINK">option</a>
<a class="uhmy" href="http://www.blogger.com/LINK">option</a>
<a class="uhmy" href="http://www.blogger.com/LINK">option</a>
<a class="uhmy" href="http://www.blogger.com/LINK">option</a>
<a class="uhmy" href="http://www.blogger.com/LINK">option</a>
<a class="uhmy" href="http://www.blogger.com/LINK">option</a>
<a class="uhmy" href="http://www.blogger.com/LINK">option</a>
<a class="uhmy" href="http://www.blogger.com/LINK">option</a>
<a class="uhmy" href="http://www.blogger.com/LINK">option</a>
<a class="uhmy" href="http://www.blogger.com/LINK">option</a>
<a class="uhmy" href="http://www.blogger.com/LINK">option</a>
<a class="uhmy" href="http://www.blogger.com/LINK">option</a>
<a class="uhmy" href="http://www.blogger.com/LINK">option</a>
<a class="uhmy" href="http://www.blogger.com/LINK">option</a><br />
</div>
<div id="diary" style="display: none;">
<blogger><div class="title-a"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="title-b"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> • <$BlogItemDateTime$> • <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> comments</span></a></BlogItemCommentsEnabled></div><br>
<$BlogItemBody$></br>
</blogger>
<div class="old"><NewerPosts><a href="<$NewerPosts$>" target="_blank"> Newer Posts</a> or </NewerPosts> <OlderPosts> <a href="<$OlderPosts$>" target="_blank">Older Posts </a></OlderPosts></center></div>
</body></html></table>