by uhbmy

<!-------- 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="http://1.bp.blogspot.com/-4pVk5xk5Xbw/UIKs27sIWdI/AAAAAAAAAN4/BOeWLN1SZ9A/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(http://2.bp.blogspot.com/-oF3Rzo6lwPg/T87nf_WFEeI/AAAAAAAAByg/MK1F17ofDec/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(http://2.bp.blogspot.com/-HIuGEJILXaM/TjvB-kJ2-pI/AAAAAAAABYA/CJcDv_V3mp8/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(http://2.bp.blogspot.com/-HIuGEJILXaM/TjvB-kJ2-pI/AAAAAAAABYA/CJcDv_V3mp8/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(http://4.bp.blogspot.com/-yk7xYe6rDb8/UAKuKSK7SMI/AAAAAAAADlI/eBDKAxwVYgk/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="http://2.bp.blogspot.com/-VDLbp3-y6es/UFMFjywDZcI/AAAAAAAALcM/YRPHPCh2sSQ/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="http://3.bp.blogspot.com/-Bv5a8wOdvKM/UFMFmF6e7VI/AAAAAAAALcU/zJCZ3xjYNew/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="http://4.bp.blogspot.com/-_1XWU1natXA/TkPZUlP_3gI/AAAAAAAABNo/-YWgZBpqsdY/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(http://1.bp.blogspot.com/-KwXmHRRyaMw/T57A0CeOEfI/AAAAAAAADD8/CM4-NMwYyFk/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(http://1.bp.blogspot.com/-KwXmHRRyaMw/T57A0CeOEfI/AAAAAAAADD8/CM4-NMwYyFk/s1600/stripe_62c6ac6939f9a44527fb43f6f1c8ce64.png);width:250px;padding:2px; margin-top:5px; ">
</div>

<div class="cutie">
<center><img src="http://4.bp.blogspot.com/-M_EFjJbT8yg/TkPZViec7VI/AAAAAAAABNw/YH7TBsd9j8g/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="http://4.bp.blogspot.com/-KL7A8T-hj3E/TkPZXYlq9LI/AAAAAAAABN0/6dXX1jE8H5E/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>

CODES