by uhbmy

<!---JANGAN PERNAH BUANG CREDIT DALAM BASECODE INI OK.IF I FOUND U WILL REGRET---!>

<html>
<center><img src="http://i.imgur.com/ai3v6b5.png"></center>
<head>
<link rel="shortcut icon" href="http://media.tumblr.com/f0b34e8f747533cbcc70937aaa782d30/tumblr_inline_n2pje2TPZt1qdlkyg.gif" />

</script>
<link href='http://fonts.googleapis.com/css?family=Cedarville+Cursive' rel='stylesheet' type='text/css'>

<title>BLOG BASEOCODE #1</title>

<script type="text/javascript">
function changeNavigation(id)
{document.getElementById('main').innerHTML=document.getElementById(id).innerHTML}
</script>

</head>

<style type="text/css">
#navbar-iframe { display: none; }

body {
background:url(http://i.imgur.com/JQLYlGK.png);
color: #888888;
line-height: 15px;
text-align: justify;}

table {
background:#fff;
font: 11px arial;
letter-spacing: 1px;
color: #999;
line-height: 20px;
padding:5px;
border:1px solid #eee;
border-radius:0px;
width:950;}

a{text-decoration:none ;
color:#BDA291;cursor:pointer;
-webkit-transition:All 0.4s ease ;
-moz-transition:All 0.4s ease ;
-o-transition:All 0.4s ease ; }

a:hover{color:#fff ;
background:url(http://24.media.tumblr.com/2b4ac66bf0e1b565eeb7d1484071447e/tumblr_n335zljCLy1tpb6d9o1_500.jpg);
background-position:50% 80%;background-size:400px;}

::-moz-selection {
background:#000;
color:#fff;
}

::selection {
background:#eee;
color:#fff;
}

b {
-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;
color:#F778A1;
text-decoration:none;

}

i {
-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;
color:#F778A1;
text-decoration:none;
background:#FDEEF4;
padding:2px;
border-radius:5px;
}

i:hover {
padding: -3px;
background:#FAF8CC;
}

blockquote {
background:url(YOUR URL BACKGROUND);
border:2px solid #f8f8f8;
padding:15px;
letter-spacing:1px;
font:10px consolas; color:#A4A4A4;
}

.post-footer{border-top:1px solid #EEF9F3;margin-top:10px;}

.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_m23qjaRj6S1qb1380.gif") no-repeat 2px .3em;
margin-top:5px !important;background-size:15px;
padding:0 0 0 20px;
color:#666;
}

span.comment-icon{display:none}

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

.comment-body {
margin:0px;
}

.comment-body p {
background:#FFFFFF;
border:1px solid #eee;
margin:0em;
padding:5px;
color:#808080;
}

.pocetit {
background:#FFF;
color:#000;border:1px solid #f8f8f8;
font-family:calibri;border-bottom:none;
font-size:13px;
letter-spacing:3px;
text-transform:uppercase;
padding:3px;
margin-bottom:0px;
}

a.jeonjin1{
display:inline-block;
background:url(http://media.tumblr.com/75049532ccb5a711bbf5930995b5f1df/tumblr_inline_n2pjektkoB1qdlkyg.gif) left center;
font:11px calibri, halvetica;
text-transform:uppercase;
letter-spacing:1px;
-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:250px;background-size:15px;
line-height:10px;text-decoration:none;
padding:5px 5px 5px 20px;}

a.jeonjin1:hover{
display:inline-block;
background:url(http://media.tumblr.com/74f18db9c36139a0ab5bec4889dc57f6/tumblr_inline_n2pjd648pi1qdlkyg.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:250px;background-size:15px;
line-height:10px;text-decoration:none;
padding:5px 5px 5px 20px;}

.h1 {
text-transform:lowercase;
background:url(YOUR URL BACKGROUND);
color:#fff;
-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 #f8f8f8;
}

img{padding:3px;margin-bottom:5px;;-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;}

img:hover{
transform: rotate(206deg) scale(0.791) skew(1deg) translate(-2px);
-webkit-transform: rotate(206deg) scale(0.791) skew(1deg) translate(-2px);
-moz-transform: rotate(206deg) scale(0.791) skew(1deg) translate(-2px);
-o-transform: rotate(206deg) scale(0.791) skew(1deg) translate(-2px);
-ms-transform: rotate(206deg) scale(0.791) skew(1deg) translate(-2px);}

.umi {
margin-top:0px;
background:#fff;
border:1px solid #f8f8f8;
font-family:tt;
font-size: 8px;
padding:2px;
padding-left:20px;
letter-spacing:1px;
text-transform:block;
}

@font-face {
font-family:tt;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
}

::-webkit-scrollbar-thumb:vertical {background-color: #ffffff;border:1px solid #e2e2e2; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

::-webkit-scrollbar-thumb:horizontal {background-color: #ffffff;height: 4px;border:1px solid #e2e2e2; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}

::-webkit-scrollbar {width:6px;background:#fcfbfb;height:4px;}

::-webkit-scrollbar-track { background:#fcfbfb; width:6px; }

a.nae {
display:inline-block;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
padding-top:3px;
width:60px;
font:8px tt;
height:18px;
text-transform:uppercase;
color: #666;
background:url(http://25.media.tumblr.com/df649b19489b2954788d8856188cdd18/tumblr_movcawwYsM1ru3nbdo1_250.png);
text-align:center;
cursor:crosshair;
margin-bottom:10px;
border:1px solid #eee;
}

a.nae:hover{
background:#FFF4F3;
}
</style>

</head>

<div align="center">
<center>
<table border="0" cellspacing="0" cellpadding="20">
</center>

<tr>

<td valign="top" width="275">

<div class="pocetit">OWNER;</div>
<div class="umi">ssup</div><br>

<center><img src="http://24.media.tumblr.com/tumblr_m28gt4WukL1qm2ld8o1_500.jpg" width="270" height="165"></center>

LETAK JE BIO AWAK KAT SINI . IMAGE ATAS TU BOLEH TUKAR OK<br></br>
</div>

<div class="pocetit">Choose;</div>
<div class="umi">Navigation</div><br>

<center><img src="http://24.media.tumblr.com/tumblr_lgazxntqIr1qd6f29o1_500.png" width="270" height="165"></center>
<center><a class="nae" onClick="document.getElementById('main').innerHTML=document.getElementById('a').innerHTML" >HOME</a>
<a class="nae" onClick="document.getElementById('main').innerHTML=document.getElementById('b').innerHTML" >AUTHOR</a>
<a class="nae" onClick="document.getElementById('main').innerHTML=document.getElementById('c').innerHTML" >TUTORIALS</a>
<a class="nae" href="http://www.blogger.com/follow-blog.g?blogID=<$BlogId$>">FOLLOW+</a>
</center>
<br><br>

</div>

<div class="pocetit">Chatting;</div>
<div class="umi">lets chat!</div><br>

LETAK CODE CBOX ANDA DISINI<br><br>

</div>

<div class="pocetit">Memory;</div>
<div class="umi">past or future?</div>

<div style="background:transparent; width:253px; overflow-x:hidden; overflow-y:scroll;padding:10px; height:90px; ">
<bloggerpreviousitems>
<li><a href="<$BlogItemPermalinkURL$>">
<$BlogPreviousItemTitle$></li></a>
</BloggerPreviousItems>
</div></div></center><br>

</div>

<div class="pocetit">Credit;</div>
<div class="umi">Look! who helping me a lot!</div><br>

© 6 MAY 2014 - Basecode by <a href="http://umihumairayusof.blogspot.com">UHBMY</a> Cute icon from <a href="http://pixel-diary.tumblr.com/">Pixel</a>. Skins by <a href="http://YOUR BLOG NAME.blogspot.com">UHBMY</a>.<!---BAHAGIAN NI JGN USIK--!>
</div></div></td>

</div>

<td id="main" valign="top" style="width:590px; padding-left:13px; border-left:1px solid #eee; padding-right:13px; ">

<Blogger>
<div class="pocetit"><$BlogItemTitle$></div><div class="umi" style="float:center;text-align:left;"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Comments</a></BlogItemCommentsEnabled></div></br><$blogitembody$><div class="post-footer"></div>

</p>

<itempage>
<div id="comments" style="margin-top:5px;">
<blogitemcommentsenabled><a name="comments"></a>
<dl id="comments-block">
<div style="width:570px; padding:1px;margin-top:-20px;">
<$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>
</td>

<td id="a" style="display: none;">

<Blogger>
<div class="pocetit"><$BlogItemTitle$></div><div class="umi" style="float:center;text-align:left;"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Comments</a></BlogItemCommentsEnabled></div></br><$blogitembody$><div class="post-footer"></div>
</br>

<itempage>
<div id="comments" style="margin-top:5px;">
<blogitemcommentsenabled><a name="comments"></a>
<dl id="comments-block">
<div style="width:570px; padding:1px;margin-top:-20px;">
<$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>
</div>
</td>

<td id="b" style="display: none;">

<div class="pocetit">about</div>
<div class="umi">Here owner! meet them</div><br>

<li>BAHAGIAN NI AWAK BOLEH TUKAR DENGAN AYAT AWAK SENDIRI</li>
<li>EDIT BAHAGIAN, NAK LETAK GAMBAR PON BOLEH BUT MAKE SURE CODE URL GAMBAR TU BETUL OK ^^</li>

<br><br>

</td>

<td id="c" style="display: none;">

<div class="pocetit">Tutorials</div>
<div class="umi">I wanna share with you!</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="">Tutorial</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>
</div>

</td>

<br><br/>
</table>
</body>
<br><br><br>
</html>

CODES