by uhbmy

<html>
<head>
<link href='http://fonts.googleapis.com/css?family=Pontano+Sans' rel='stylesheet' type='text/css'></link>
<title>TEA POT</title>

<style type="text/css">

#navbar-iframe {
display: none !important;
}

body {
background:url(http://i.imgur.com/PgnlS.png);
font-family:pontano sans;
color: #888;
font-size:12px;
letter-spacing:1px;
cursor:url(http://i932.photobucket.com/albums/ad167/DottyDita/1338348137_cursor-small.png);
}

::-webkit-scrollbar-thumb:vertical {
background-color:#ddd;
height:40px;
border:3px solid #fff;
z-index:1000;
}

::-webkit-scrollbar {
background-color:#fff;
height:10px;
width:7px;
z-index:1000;
}

a:link,a:visited{
color:#808080;
text-decoration:none;
-webkit-transition-duration: 0.4s;
}

a:hover{
-webkit-transition-duration: 0.4s;
border-bottom:2px solid #ffa78a;
}

u{
text-decoration:none;
border-bottom:3px double #ffa78a;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}

u:hover{
border-bottom:2px solid #fff;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}

b:hover{
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
color:#ffa78a;
}

.navigateu {
color:#888;
width:40px;
padding: 3px;
margin:1px;
font:8px tt;
display: inline-block;
border:3px double #f6f1ee;
}

.navigateu:hover{
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
border:3px solid #e5dada;
}

.sidebareu1 {
width:270px;
background:#fff;
padding:15px;
border: 1px solid #eee;
margin:0px 0px 10px;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
}

.posteu {
width:580px;
background:#fff;
padding:15px;
border: 1px solid #eee;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
}

@font-face{font-family:cd;src:url('http://static.tumblr.com/tedujjb/C78mkkmk4/charleedoodles.ttf')}

.tajuk {padding-left:10px;
color:#ffa78a;
font-family:open sans;
font-size:18px;
line-height: 5px;
text-transform:lowercase;
margin-bottom:3px;
text-align: left;
}

.date{border-bottom:1px solid #eee; padding: 2px; padding-right:10px; color: #000; font:8px tt; text-align: right; margin-top:5px;
letter-spacing:1px; text-transform: uppercase; }

@font-face{font-family:tt;src:url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf')}
.comment-timestamp {
margin:0 0 .5em;
padding:0 0 .75em 20px;
color:#666;
}

.comment-timestamp {
margin:0 0 .5em;
padding:0 0 .75em 20px;
color:#666;
}

.deleted-comment {
font-style:italic;
color:gray;
}

#comments {
margin:5;
border-width:0 1px 1px;
padding:20px 0 15px 0;
}
.comment-icon blogger-comment-icon{display:none}
#comments-block {
margin:2px ;
}

.comment-data {
background:url("http://media.tumblr.com/tumblr_m89rmpKOEf1qdlkyg.gif") no-repeat 2px .3em;
margin-top:5px !important;background-size:10px;
padding:0 0 0 20px;
color:#666;
}

span.comment-icon{display:none}

.comment-poster {
font-weight:bold;
}

.comment-body {
margin:0px;
}

.comment-body p {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV1YJoxqP2ypzv0xl7bdZhAAf-nVyDWZRxIanj4JjH57mv6x1nm8-ADZ_50nCTgPhJWnqDsDWiLnynRBtOXJEhw0JdABL889w9Xur2oEOA0S_84FJ9aRYcEiVAcwAWKd7IDEdXhSraBBbY/s1600/bodybg.gif);
border:3px double #FCEBED ;
font-size:11px;
margin:0em;
padding:5px;
color:#808080;
}

#main img{max-width:540px;padding:3px;margin-bottom:5px;border:1px solid #f8f8f8;
}

a.navi {
color:#c8c6c6;
width:50px;
padding: 3px;
margin:1px;
font:8px tt;
display: inline-block;
border: 2px solid #f6f1ee;
cursor:url(http://static.tumblr.com/mpornxv/JVilj15ds/0215.png);
}

a.navi:hover {
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
border: 2px solid #e5dada;
}

a.jeonjin1{
display:inline-block;
background:url(http://media.tumblr.com/95013b0032ce4eb7a6aba4c9aa1afa0a/tumblr_inline_mgpj6knXDY1qdlkyg.gif) left center;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
background-repeat:no-repeat;
color:#666;text-align:left;
width:220px;background-size:10px;
line-height:10px;text-decoration:none;
border:none;
padding:5px 5px 5px 20px;}

a.jeonjin1:hover{
display:inline-block;
background:url(http://media.tumblr.com/d736aa8ba9252da4e0e4a1b54b0aa089/tumblr_inline_mgpj6oqs3q1qdlkyg.gif) left center;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
background-repeat:no-repeat;
color:#666;text-align:left;
width:240px;background-size:10px;
line-height:10px;text-decoration:none;
padding:5px 5px 5px 20px;}

.h1 {
text-transform:lowercase;
background:url(http://i.imgur.com/BCwCX.png);
color:#bbb;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;letter-spacing:5px;
margin-bottom:5px;
font-size:12px;
line-height:20px;
text-align:right;
padding-right:0px;
border:1px solid #FFEEEE;
}

textarea{
background:url(http://31.media.tumblr.com/cdedc082f3c7eeaf7c2e9ec30aacd283/tumblr_movdbcThVO1ru3nbdo1_250.png);
border-radius:8px;
border:3px solid #f6f1ee;
padding:15px;
height:200px;width:95%;
overflow-x:hidden;
letter-spacing:1px;
font:10px consolas; color:#A4A4A4;
overflow-y:scroll;margin-top:5px; margin-bottom:5px;}

blockquote{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGBrnabR9L-1g3nMl9NQSQizgToRNCI9mAIqaNok3SYA25e7MvhSqLqGU3oUE3BQ12sr37Hq1h96S9pfv_SLO4V__vw-e6XobwT3x_bw7uKO3Ek0RnnAcOcKvHXqN6JNa3vZzVlRVh3xk_/s1600/grey.png);
padding:10px;
border:3px solid #ffd5d5;
color:#808080;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}

blockquote:hover{
border-radius:20px;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
-webkit-box-shadow: 0px 0px 8px #ffd5d5;
-moz-box-shadow: 0px 0px 8px #ffd5d5;
box-shadow: 0px 0px 8px #ffd5d5;
}

.post-footer{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBUaQOipY3mYtpDsuQUa0POzJGChzSb8qb4cWSx8yGQsmFuhtdxmWS2-MI6RR3gvzWCZ4Y7976JAdg7ybDzzXWm-S5K3Hkmx_FFjavj5HvntNSCBmW8sI0RQN8Lp4YI9HTrKso_wPGWsE/s1600/wanawanawanaseoby.png);
border-top: 1px dashed #d7c5c5;
height:20px;
padding:3px;
margin:10px 0px 5px;
}

.em{
padding:5px;
margin-bottom:2px;
text-transform:lowercase;
font-family:open sans;
font-size:15px;
display:block;
width:42px;
float:left;
color:#ffa78a;
margin-bottom:5px;
text-align:center;
}

.em:hover {
background-color:#ffa78a;
color:#fff;
}

@font-face {font-family: "open sans";src: url('http://static.tumblr.com/iuggpng/jrXm0dlyf/opensans-condlight.ttf');}

#case {
background:#FFE0E0;
width:45px;
display:inline-block;
height:20px;
font-size:17px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
position:absolute;
bottom:45px;
right:950px;
text-align:left;
padding-bottom:2px;
padding-left:20px;
}

a.new{
color: #fff;
padding:1px;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}

a.new:hover{
color: #fff;background:#DFDFDF;}

a.old{
color: #fff;
padding:1px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}

a.old:hover{
color: #fff;background:#D7E3FF;
}

a.credit{
font-size:11px;text-decoration:none; color:#ADAAF3;}
</style>
</head>
<body>

<a class="credit" href="http://umihumairayusof.blogspot.com/"> ©</a>
</style>
<div id="case" ><a class="new" title="Newest post"href=<$NewerPosts$>>◀</a></NewerPosts><OlderPosts><a class="old" title="older post" href=<$OlderPosts$>>▶</a> </OlderPosts></center></div>

<body>
<center>
<table cellpadding="1" cellspacing="1">
<tr>



<td valign="top" style="width: 300px; font-size: 12px;">
<br><br><br><br><br><br>
<div class="sidebareu1">
<center><img src="http://static.tumblr.com/iuggpng/pgim7lezp/seoliside.png" width="240" height="170"></center>
<a class="em" onClick="document.getElementById('main').innerHTML=document.getElementById('one').innerHTML" title="">MINE</a>
<a class="em" onClick="document.getElementById('main').innerHTML=document.getElementById('two').innerHTML" title="">POST</a>
<a class="em" onClick="document.getElementById('main').innerHTML=document.getElementById('four').innerHTML" title="">LINKS</a>
<a class="em" onClick="document.getElementById('main').innerHTML=document.getElementById('six').innerHTML" title="">THINGS</a>
<a class="em" href="http://www.blogger.com/follow-blog.g?blogID=UR BLOG ID" target="_blank">FOLLOW</a><br></div>

</div>

<div class="sidebareu1">
replace this site with ur own cbox
</div>

<div class="sidebareu1">
<div style="background:#fff; width:250px; overflow-x:hidden; overflow-y:scroll;padding:10px; height:100px;font-size:10px;font:calibri; ">
<u>blogskins;</u><br>
<li><a href="">YOUR SKINS</a><br>
<li><a href="">YOUR SKINS</a><br>
<li><a href="">YOUR SKINS</a><br>
<li><a href="">YOUR SKINS</a><br>
<li><a href="">YOUR SKINS</a><br>
<li><a href="">YOUR SKINS</a><br>
<li><a href="">YOUR SKINS</a><br>
<li><a href="">YOUR SKINS</a><br>
<li><a href="">YOUR SKINS</a><br>
<li><a href="">YOUR SKINS</a><br>
</div>
</div>



<td valign="top" style=" font-size: 12px"><br><br><br/>
<div class="posteu" style="text-align:left" ><div id="main"><div class="tajuk"><blogger><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="date"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> - {<a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> Infinity</a></BlogItemCommentsEnabled>}</div>
<div style="text-align: left;">

<div class="post-body">

<p>
<$BlogItemBody$>
</p>
<br></br>
<itempage>
<div id="comments" style="margin-top:5px;">
<blogitemcommentsenabled><a name="comments"></a>
<dl id="comments-block">
<div style="width:540px; padding:5px;margin-top:-50px;border:4px solid #fff;6px;background:url(http://31.media.tumblr.com/41ef2e469cfb47a878640d40fbf6d741/tumblr_movdbcThVO1ru3nbdo9_250.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>
</div>
<p class="comment-timestamp">
<$BlogItemCreate$>
</p>
</div>
</ItemPage>

</Blogger>
</div></div></div>
</div>
</div>


<div id="one" style="display: none;">

<div class="tajuk">Know me</div> <br/>
<center><img src="http://static.tumblr.com/iuggpng/Wlvm6lwcn/hyesidebar.jpg" width="500" height="333"></center>
Change this site with ur own

<div class="post-footer"></div>
</div>


<div id="two" style="display: none;">

<div class="tajuk"><blogger><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div><div class="date"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> - {<a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> Infinity</a></BlogItemCommentsEnabled>}</div>
<div style="text-align: left;">

<div class="post-body">

<p>
<$BlogItemBody$>
</p>
<br></br>
<itempage>
<div id="comments" style="margin-top:5px;">
<blogitemcommentsenabled><a name="comments"></a>
<dl id="comments-block">
<div style="width:540px; padding:5px;margin-top:-50px;border:4px solid #fff;6px;background:url(http://31.media.tumblr.com/41ef2e469cfb47a878640d40fbf6d741/tumblr_movdbcThVO1ru3nbdo9_250.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>
</div>
<p class="comment-timestamp">
<$BlogItemCreate$>
</p>
</div>
</ItemPage>

</Blogger>
</div></div></div>
</div>
</div>


<div id="four" style="display: none;">

<div class="tajuk">my friends. i love them</div> <br/><center>
<center>
<a class="navi" href="http://umihumairayusof.blogspot.com/">Uhbmy<a>
<a class="navi" href="LINK">inspirit</a>
<a class="navi" href="LINK">inspirit</a>
<a class="navi" href="LINK">inspirit</a>
<a class="navi" href="LINK">inspirit</a>
<a class="navi" href="LINK">inspirit</a>
<a class="navi" href="LINK">inspirit</a>
<a class="navi" href="LINK">inspirit</a>
</center>

<div class="post-footer"></div>
</div>


<div id="six" style="display: none;">

<div class="tajuk">Tutorials yooo</div> <br/>

<div class="h1">Tutorials</div>
<a class="jeonjin1" href="">Tutorial</a>
<a class="jeonjin1" href="">Tutorial</a>
<a class="jeonjin1" href="">Tutorial</a>
<a class="jeonjin1" href="">Tutorial</a>
<a class="jeonjin1" href="">Tutorial</a>
<a class="jeonjin1" href="">Tutorial</a>
<a class="jeonjin1" href="">Tutorial</a>
<a class="jeonjin1" href=""></a><br><br>

<div class="h1">Tutorial</div>
<a class="jeonjin1" href="">Tutorial</a>
<a class="jeonjin1" href="">Tutorial</a>
<a class="jeonjin1" href="">Tutorial</a>
<a class="jeonjin1" href="">Tutorial</a>
<a class="jeonjin1" href="">Tutorial</a>
<a class="jeonjin1" href="">Tutorial</a>
<a class="jeonjin1" href="">Tutorial</a>
</br>

<div class="post-footer"></div>
</div>

</body></html>

CODES