Annyeong!
This is my page code !

<html>
<head>
<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_m89t9mCiSV1qdlkyg.gif"/>', //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:'pointer'})
.attr({title:"Let's Fly High !"})
.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 rel="shortcut icon" href="http://media.tumblr.com/b4eeded2a33828200b8c43b254a58122/tumblr_inline_mgtqahOFYp1qk1or3.gif" />
<br><br>
</script>
<link href='http://fonts.googleapis.com/css?family=Cedarville+Cursive' rel='stylesheet' type='text/css'>
<center><img class="header" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIGttWTpCY8aGrxZ2V00GtT6LOpTzbbgCfxR2CfpUWsZxOqRJQOFL2DlzP7ZcLDSOnc1mQOAtAo0a40Ffa-m6qReZAitHqjNDmMQHb2mx-zphWEnz_li7ixw0ILPo1TFjYVf4jQdZr/s1600/Untitled-4.png" /></center>
<title>Snow Blue</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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh69n2Ezkn2_PerXs9q9C2KvTGuZzr8ACmapFfGa1k4v5MttUYUH2SPjW0ud5eFLZJdDfOWIQtY_s2y0088LfULqUADVLB4nlnCpYQICFuminuusgrRPz0GeRTatTIxcG1x1Q1zbbgP/s1600/otakubg2-100x100-BLUE.png);
color: #888888;
line-height: 15px;
text-align: justify;}

table {
cursor: url(http://i42.tinypic.com/wvo2yq.png);
background:#fff;
font: 11px arial;
letter-spacing: 1px;
color: #999;
line-height: 20px;
padding:10px;
border:10px solid #eee;
border-radius:5px;
width:880;}

a:link,a:visited{
text-decoration:none;
color:#ccc;-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:#A4A4A4;
background:transparent;
}

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

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

i , s, strike {
color: #A4A4A4;
}

b {
color:#A4A4A4;
-webkit-transition-duration: 1.5s;
}

b:hover {
color: #FFCFD0;
-webkit-transition-duration: 1.5s;
}

blockquote{
padding:5px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5A88qYX9vqW-7md476xNZX15HMuidIzUq03rx_-askvPeupkQ-A3blKM_F-4uv5atW3WczfPFL8i7Ks06rK2ezJBgY9ZOwzYfnjzw8LHfzbjBVQLCydoAhhBxa7sNPC1OAmkZOYrO/s1600/2.gif);
border:1px solid #eee;
}

<!----------------------start navi-------------------------------!>
a.navi{
padding:5px;
text-decoration:none;
font-family:tahoma;
font-size:10px;
text-transform:uppercase;
color: #aaa;
text-align:center;
width:70px;
background: #FFD7D7;
display:inline-block;
-webkit-transition: 2.0s;
-moz-transition: 2.0s;
-moz-box-shadow:inset 200px 0px 0px #FFD7D7;
-webkit-box-shadow:inset 200px 0px 0px #fff;
box-shadow:inset 200px 0px 0px #FFD7D7;
}
a.navi:hover{
color: #fff;
-webkit-transition: 2.0s;
-moz-transition: 2.0s;
padding-left : 5px;
-moz-box-shadow:inset -100px 0px -200px -0.5px #eee;
-webkit-box-shadow:inset -100px 0px -200px -0.5px #fff;
box-shadow:inset -100px 0px 0px -0.5px #eee;
}


#text          {
background: #fff;
-moz-transition-duration:.55s;
-webkit-transition-duration:.55s;
width:15px;
height:140px;
overflow:hidden;
position:fixed;
}

#text:hover    {
background: #fff;
-moz-transition-duration:.55s;
-webkit-transition-duration:.55s;
width:234px;
height:138px;
overflow:hidden;}

.imgbackground{
position:fixed;
overflow:hidden;
background:url(http://i.imgur.com/fJp2S.png);
border-radius:2px;
padding:17px;
-moz-box-shadow: 0px 0px 5px #ddd;
-webkit-box-shadow: 0px 0px 5px #ddd;
box-shadow: 0px 0px 5px #ddd;
}

#navi {
opacity:0;
position:absolute;
margin-top:5px;
padding:2px;
font-family:Short Stack;
font-size:10px;
width:130px;
height:auto;
text-align:center;
text-transform:uppercase;
letter-spacing:1px;
background-color:#fff;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.7) rotate( 0deg);
-moz-transform: scale( 0.7) rotate( 0deg);
}

 #pic:hover #navi{
opacity:9;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.7) rotate( 0deg);
-moz-transform: scale( 0.7) rotate( 0deg);
}

#pic {
position:fixed;
top:160px;
left:47px;
width:110px;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
}

#pic:hover #inimg{
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.7) rotate( 0deg);
-moz-transform: scale( 0.7) rotate( 0deg);
}



#inimg {
width:130px;
height:auto;
position:fixed;
height:auto;
top:90px;
left:40px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwuhIb0mI0LM4WJkjVLQxtNOhGaux1mxewY4VgtgIuNG9j3DizWqwZZFi6r5RRO0tYdRM26ViW3kcx7DAuKBql1WvyftxwL3u6CDUAfNrdBGPoMY6PTO3Kw3paQsmY1TQ27u61j0AJ/s1600/blue.jpg);
border-radius:2px;
padding:10px;
-moz-box-shadow: 0px 0px 5px #ddd;
-webkit-box-shadow: 0px 0px 5px #ddd;
box-shadow: 0px 0px 5px #ddd;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.7) rotate( 0deg);
-moz-transform: scale( 0.7) rotate( 0deg);
}

#navi2 {
opacity:0;
position:absolute;
margin-top:5px;
padding:2px;
font-family:Short Stack;
font-size:10px;
width:130px;
height:auto;
text-align:center;
text-transform:uppercase;
letter-spacing:1px;
background-color:#fff;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.7) rotate( 0deg);
-moz-transform: scale( 0.7) rotate( 0deg);
}

 #pic2:hover #navi2{
opacity:9;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.7) rotate( 0deg);
-moz-transform: scale( 0.7) rotate( 0deg);
}

#pic2 {
position:fixed;
top:280px;
left:47px;
width:110px;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
}

#pic2:hover #inimg2{
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.7) rotate( 0deg);
-moz-transform: scale( 0.7) rotate( 0deg);
}


#inimg2 {
width:130px;
height:auto;
position:fixed;
height:auto;
top:210px;
left:40px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwuhIb0mI0LM4WJkjVLQxtNOhGaux1mxewY4VgtgIuNG9j3DizWqwZZFi6r5RRO0tYdRM26ViW3kcx7DAuKBql1WvyftxwL3u6CDUAfNrdBGPoMY6PTO3Kw3paQsmY1TQ27u61j0AJ/s1600/blue.jpg);
border-radius:2px;
padding:10px;
-moz-box-shadow: 0px 0px 5px #ddd;
-webkit-box-shadow: 0px 0px 5px #ddd;
box-shadow: 0px 0px 5px #ddd;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.7) rotate( 0deg);
-moz-transform: scale( 0.7) rotate( 0deg);
}



#navi3 {
opacity:0;
position:absolute;
margin-top:5px;
padding:2px;
font-family:Short Stack;
font-size:10px;
width:130px;
height:auto;
text-align:center;
text-transform:uppercase;
letter-spacing:1px;
background-color:#fff;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.7) rotate( 0deg);
-moz-transform: scale( 0.7) rotate( 0deg);
}

 #pic3:hover #navi3{
opacity:9;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.7) rotate( 0deg);
-moz-transform: scale( 0.7) rotate( 0deg);
}

#pic3 {
position:fixed;
top:400px;
left:47px;
width:110px;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
}

#pic3:hover  #inimg3{
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.7) rotate( 0deg);
-moz-transform: scale( 0.7) rotate( 0deg);
}
#inimg3 {

width:130px;
height:auto;
position:fixed;
height:auto;
top:330px;
left:40px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwuhIb0mI0LM4WJkjVLQxtNOhGaux1mxewY4VgtgIuNG9j3DizWqwZZFi6r5RRO0tYdRM26ViW3kcx7DAuKBql1WvyftxwL3u6CDUAfNrdBGPoMY6PTO3Kw3paQsmY1TQ27u61j0AJ/s1600/blue.jpg);
border-radius:2px;
padding:10px;
-moz-box-shadow: 0px 0px 5px #ddd;
-webkit-box-shadow: 0px 0px 5px #ddd;
box-shadow: 0px 0px 5px #ddd;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.7) rotate( 0deg);
-moz-transform: scale( 0.7) rotate( 0deg);
}



#navi4 {
opacity:0;
position:absolute;
margin-top:5px;
padding:2px;
font-family:Short Stack;
font-size:10px;
width:130px;
height:auto;
text-align:center;
text-transform:uppercase;
letter-spacing:1px;
background-color:#fff;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.7) rotate( 0deg);
-moz-transform: scale( 0.7) rotate( 0deg);
}

 #pic4:hover #navi4{
opacity:9;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.7) rotate( 0deg);
-moz-transform: scale( 0.7) rotate( 0deg);
}

#pic4 {
position:fixed;
top:515px;
left:47px;
width:110px;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
}

#pic4:hover #inimg4{
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.7) rotate( 0deg);
-moz-transform: scale( 0.7) rotate( 0deg);
}

#inimg4 {
width:130px;
height:130;
position:fixed;
top:450px;
left:40px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwuhIb0mI0LM4WJkjVLQxtNOhGaux1mxewY4VgtgIuNG9j3DizWqwZZFi6r5RRO0tYdRM26ViW3kcx7DAuKBql1WvyftxwL3u6CDUAfNrdBGPoMY6PTO3Kw3paQsmY1TQ27u61j0AJ/s1600/blue.jpg);
border-radius:2px;
padding:10px;
-moz-box-shadow: 0px 0px 0px #ddd;
-webkit-box-shadow: 0px 0px 0px #ddd;
box-shadow: 0px 0px 5px #ddd;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.7) rotate( 0deg);
-moz-transform: scale( 0.7) rotate( 0deg);
}
<!----------------------end navi-------------------------------!>

a.oldernewer{
letter-spacing:3px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
display:inline-block;
font:8px tt;
text-align:center;
width:100px;
height:10px;
color:#888 ;
padding:5px;
background:#fff;
border-radius:5px;
text-decoration:none;
border:2px solid #F0E9BD ;}

a.oldernewer:hover{
background: #fff;
color:#333 !important;
box-shadow:inset 0px 25px 0px #F0E9BD;
}

.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://i985.photobucket.com/albums/ae340/ameliaaaaaaaa/pix/speechbub1-1.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:3px solid #FCEBED;
margin:0em;
padding:5px;
color:#808080;
}

.pocetit {
margin-top:10px;
color:#A4A4A4;
font: 20px 'short stack';
letter-spacing: 1px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHI_Szk09dXhrcEL77zjZvDGUQG5XVS9ZbcR1bNfXVvMOG4iOYNzEE8BqVEMWpDQ07puPXhroYi-KsAdI_lNO_VpNeO_EsW_sagstIKQwlFYcJVx5gSF5ZkX7aTAckFEr6M0mxfpSV/s1600/ff.png);
line-height: 40%;
text-transform: uppercase;
-webkit-transition: 0.3s;}


.umi {
margin-top:0px;
background:#fff;
border:1px solid #f8f8f8;
font-family:Indie Flower;
font-size: 12px;
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 {
width: 5px;
height: 10px;
background:white;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #eee;
border: 1px solid #fff;
}

.sidenav2 a:link, .sidenav2 a:active, .sidenav2 a:visited
{
width:96px;
background:#BAD4E6;
color:#939BA1;
display: inline-block;
text-decoration:none;
text-align:center;
font:10px arial;
font-weight:bold;
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;
border-bottom:1px solid #DDD9BE;
}

.sidenav2 a:hover
{
-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
background:#fff;
color:#938B54;
border-bottom:1px solid #BAD4E6;
}

<style>
@font-face {
font-family:tt;
src:url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
}
.nav,a.nav{
border:1px solid #ebebeb;
padding:7px;
font:8px tt;
letter-spacing:2px;
display:inline-block;
text-align:center;
text-transform:uppercase;
width:65px;
background:#ccc;
color:#fff;
margin-left: 5px;
margin-right: 5px;
-webkit-transition:2s;
}
.nav:hover,a.nav:hover{
letter-spacing:4px;
box-shadow:inset -50px -40px 0px #fff,inset 50px 40px 0px #fff;
-webkit-transition:3s;
color:#000;
}

a.kai {border-radius:3333px; opacity:0.9;padding:10px; margin:2px;background:#eee; display:inline-block; height:50px; width: 50px;}

a.kai:hover { border-radius:6px; transform: rotate(360deg) ; -webkit-transform: rotate(360deg) ; -moz-transform: rotate(360deg) ; -o-transform: rotate(360deg) ; -ms-transform: rotate(360deg) ;-webkit-transition-duration: 0.5s;}

.icon {border-radius:3333px; height: 50px; width: 50px;}

.icon:hover {border-radius:6px; border-radius: none; transform: rotate(360deg) ; -webkit-transform: rotate(360deg) ; -moz-transform: rotate(360deg) ; -o-transform: rotate(360deg) ; -ms-transform: rotate(360deg) ;-webkit-transition-duration: 0.5s;}

.header {
margin-left: 1px;
margin-bottom: -5px;
-webkit-transition:2s
}

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

</style>


<div id="pic" ><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5rQv4WsK6djbDtDiI9ITOHBotz97GTnG2A0DgLUeB9EZMnLT3Iics-7B3qMC4kjegzMIJi5ujII-1ZKmPru7K_TdybMd34VASIzysvyYQ1KkYS6sjUh1C4UeC2WP_8TSYby8y1FsVAoI7/s320/persian+cat.jpg" width="100px" id="inimg">
<div id="navi" onClick="document.getElementById('main').innerHTML=document.getElementById('o').innerHTML">BACK</div></div>

<div id="pic2"><img src="http://khezo.com/wp-content/uploads/2013/04/KUCING-PUTIH.jpg" width="110px" id="inimg2">
<div id="navi2" onClick="document.getElementById('main').innerHTML=document.getElementById('k').innerHTML">ABOUT</div></div>


<div id="pic3"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEaEvlDQT6_9oU7vdZsvsYdsYwyVJxMMsEOBNNkLNQo4fTmrxTozL6f4sUXulzrDJeRDIW14pavpQWJIjm6zlfRJddcv6ay58wo_MZg-lhm6-f4r4V1kFr4czIfHamnmFkfHAJ_mJEDb5H/s1600/054d7111.jpg" width="100px" id="inimg3">
<div id="navi3" onClick="document.getElementById('main').innerHTML=document.getElementById('p').innerHTML">AFFIES</div></div>


<div id="pic4"><img src="http://data1.whicdn.com/images/88920471/thumb.jpg" width="100px" id="inimg4">
<div id="navi4" onClick="document.getElementById('main').innerHTML=document.getElementById('stuffs').innerHTML">TUTOBIES</div></div>

</head>

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

<tr>

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

<div class="pocetit">About</div>
<div class="umi">What's Happening?</div><br>
<center>
<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwuhIb0mI0LM4WJkjVLQxtNOhGaux1mxewY4VgtgIuNG9j3DizWqwZZFi6r5RRO0tYdRM26ViW3kcx7DAuKBql1WvyftxwL3u6CDUAfNrdBGPoMY6PTO3Kw3paQsmY1TQ27u61j0AJ/s1600/blue.jpg) repeat; border:1px solid #EEE;padding:5px;width:200px;">
<img style="width:200px;height:140px;" src="http://i.space.com/images/i/000/032/850/i02/persian-cat.jpg?1379514276">
<div class="sidenav2">
<a href="http://blogger.com/home">Dashboard</a>
<a href="http://www.blogger.com/follow-blog.g?blogID=4259633660096732610">Follow</a>
</center>
</div>
<center>Holla ! Welcome to My blog. Feel free here. Design your blog with my tutobies. This blog is not allowed COPYCATS & COPYDOG ! </center>
<br>
</div>

<div class="pocetit">Meoww</div>
<div class="umi">Feed me here</div><br>
<br> Put Your Cbox or Shoutbox Here </div>
<br>
</br>

<div class="pocetit">Old Post</div>
<div class="umi">View my history</div><br>
<br> <div style="border:3px solid #eee;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHvNg41of29xHf-yB7CqknJ8cn7zyQvNNmlejr-RnreOEtDLww5TJeOl-4lDUZ10-w0qxN4jp7DztfEx5EYCoP9-VDWJ1gxPdbHQ8E4yLE0okQM4-aupgBi4D1rRJCc_i7V2Yi4reG/s1600/plaidblue.png); 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:#aaa;text-align:center;">
    Archive</div>
    <div style="border:3px solid #eee;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjT9u7Jm9tlwmMmat0s9jOPLYPPLC3JY-inryMKcABm8tg-uFTtvgqsUhyphenhyphen4F2zq2e_kRJtaWvffnC4HyDt59m-ToCM6b6EicR7xy5OMTzNUoZ95-b_4ocA9qMt2xKE5py1h1ZIUQQQ/s1600/bblue_polkadots_copyright.jpg); 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> </div>
<br>
</br>

<!------------Dont remove the credit or i kill u---------->
<div class="pocetit">Credit</div>
<div class="umi">The Makers!</div><br>

© 2013 - Full Template by <a href="http://arrienlove.blogspot.com/">Amatullah</a> <a href="http://www.blogskins.com/me/arrien">Mufidah</a>
Basecode by <a href="http://umihumairayusof.blogspot.com/"> Arrien</a> and someone help me is <a href="http://umihumairayusof.blogspot.com/">Mayra</a> and <a href="http://arrienlove.blogspot.com/">Inficon</a> Edit by <a href="urlblog">Me</a>.
<!------------Dont remove the credit or i kill u---------->
<br>
<img style="padding:0px;border:0px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi12ymjGDQNtvgC9uSC-UTll774pkElNXFCWtR4W1hN6dYBaAJY8DJhekge9jB_Ii2M1tKCqQD7tTN_4CyEZD-0BEe3IPyZ31kSJ0He-jfzFTCTdA2gp2fz1ITRjUN1KULUcqJMGGhW/s1600/hata1.gif"></div>

</div>

<td id="main" valign="top" style="width:535px; 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><$blogitembody$><br>
<center><OlderPosts><a href=<$OlderPosts$>>PAST</a> </OlderPosts> <NewerPosts> • <a href=<$NewerPosts$>>FUTURE</a></NewerPosts></center><br><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(http://i55.tinypic.com/v3d7ps.jpg); 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>
</td>

<td id="o" 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><$blogitembody$><br>
<center><OlderPosts><a href=<$OlderPosts$>>PAST</a> </OlderPosts> <NewerPosts> • <a href=<$NewerPosts$>>FUTURE</a></NewerPosts></center><br><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(http://i55.tinypic.com/v3d7ps.jpg); 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>
</div>
</td>

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

<div class="pocetit">The Big Boss</div>
<div class="umi">Cat behind the screen</div><br>
<center><img style="padding: 2px; border: 1px solid #eee;"src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg38qBXArX5Ab6GS-753SNydtcuLAe6IlOjmKxOybW9xlqvFtn8r182HW9cTM5iE8AVG_kaMwsxnWogwerCJY9nn0l0LKO08aA-eGv9g0N8otuF4pgR0v8f-RBLghmEKXEAidFFNccVH_E/s1600/animal-wallpapers-persian-cat-wallpaper.jpg" width="500"></center><br>

<img src="http://media.tumblr.com/tumblr_mdnsird9sN1qdlkyg.gif"width="12"> <i><span style="color: #E6DCD8;">Biography ;</span></i> Hello Cat Lovers ! I'm Amatullah Mufidah. I'm the owner of this bluely & catlovers blog. I really love persian cat. But, i don't have one.. I like blogging, listen the music, reading, writing, cooking,etc. I really really like fried chicken, meatball, fried rice, chicken soto, etc. I have a many classmates. There are 19 student. I REALLY LOVE BLOGGING !!!
<br /><br/>
<center><blockquote>Change with your own profile ! Don't copy my profile !</blockquote></center>

</td>

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

<div class="pocetit">Affies</div>
<div class="umi">We are a best friend</div><br>
<center><img style="padding: 2px; border: 1px solid #eee;"src="http://www.desktopas.com/files/2013/09/Persian-Kitten-Wallpaper-6-1920x1080.jpg" width="500"></center><br>
<u><b> Read The Rules First </u></b><br>
<img src="http://media.tumblr.com/tumblr_lm6ovviidy1qfoi4t.gif"width="12"> Ex-Changed Links open now <br>
<img src="http://media.tumblr.com/tumblr_lm6ovviidy1qfoi4t.gif"width="12"> Put mine first as Sweety<br>
<img src="http://media.tumblr.com/tumblr_lm6ovviidy1qfoi4t.gif"width="12"> Tell me at my cbox that you want to ex-changed link & banner with me.<br>
<img src="http://media.tumblr.com/tumblr_lm6ovviidy1qfoi4t.gif"width="12"> You delete me, I delete you back!! Want?? ^_^<br><br>

<center>
<input type="text" size="11" value="Fida Cat Lovers" style="width:180px;font:11px trebuchet ms;color:#666;border:1px  solid #eee;margin-right:6px;background-color:#ffffff;padding:2px;padding-left:4px;" onclick="this.focus()" onfocus="this.select()">
<input type="text" size="11" value="http://mylovelyblog-fida.blogspot.com/" style="width:180px;font:11px trebuchet ms;color:#666;border:1px solid #eee;background-color:#ffffff;padding:2px;padding-left:4px;" onclick="this.focus()" onfocus="this.select()"></center>
<br><br>
<center>
<a class="kai" href="http://arrienlove.blogspot.com"><img class="icon" src="http://www.sfgate.com/blogs/images/sfgate/pets/2009/05/08/persian_cat_white.jpg" title="Arrien"></a>
<a class="kai" href="http://mylovelyblog-fida.blogspot.com/"><img class="icon" src="http://t2.gstatic.com/images?q=tbn:ANd9GcTrjrwzexZSw-6PM2UI4pbDhKLbIRsuqFLLEMn0FeCZF958LD3K" title="Mufida"/></a>
<a class="kai" href="http://URL BLOG"><img class="icon" src="http://www.zastavki.com/pictures/originals/2013/Animals___Cats_Small_Persian_cat_on_a_pink_background_044983_.jpg" title="Kitty"/></a>
<a class="kai" href="http://URL BLOG"><img class="icon" src="http://ladieskorner.com/wp-content/uploads/2012/08/Pure-Persian-Kittens-For-sale-3.jpg" title="Kitty"/></a>
<a class="kai" href="http://URL BLOG"><img class="icon" src="hhttp://ladieskorner.com/wp-content/uploads/2012/08/Pure-Persian-Kittens-For-sale-3.jpg" title="Kitty"/></a>
<a class="kai" href="http://URLBLOG"><img class="icon" src="http://t3.gstatic.com/images?q=tbn:ANd9GcTDiR9m9LCLHJJYqnHITzG0y8GE34K6Mabh8tq2vJczKfFa_Djq0A" title="Kitty"/></a>
</center>

</td>

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

<div class="pocetit">Tutobies</div>
<div class="umi">Fell free to use it</div><br>

<center><img style="padding: 2px; border: 1px solid #eee;"src="http://data.whicdn.com/images/56007381/tumblr_mk1zkuaqam1rq89lio1_500_large.jpg" width="500"></center><br>


<b>Tutorial :</b><br>
<a class="thingi" href="http://mylovelyblog-fida.blogspot.com/">Your Tutorial</a>

<a class="thingi" href="http://mylovelyblog-fida.blogspot.com/">Your  Tutorial</a>

<a class="thingi" href="http://mylovelyblog-fida.blogspot.com/">Your Tutorial</a>

<a class="thingi" href="http://mylovelyblog-fida.blogspot.com/">Your Tutorial</a>

<a class="thingi" href="http://mylovelyblog-fida.blogspot.com/">Your Tutorial</a><br>

<b>Freebies :</b><br>
<a class="thingi" href="http://mylovelyblog-fida.blogspot.com/">Your Freebies</a>

<a class="thingi" href="http://mylovelyblog-fida.blogspot.com/">Your Freebies</a>

<a class="thingi" href="http://mylovelyblog-fida.blogspot.com/">Your Freebies</a>

<a class="thingi" href="http://mylovelyblog-fida.blogspot.com/">You Freebies</a>

<a class="thingi" href="http://mylovelyblog-fida.blogspot.com/">Your Freebies</a>
</div>

<style>
a.thingi {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOHoekTRLFTFxb5zRb9kYUMJRLtcWLugikiDlvzOY6fWld5_4vN2idnWHlLdTghvT54lrWaAeGUwemlzrr_RwIX-RaATOcXOAL9D2pHpeQ-GQIB3CqDbMOiArlgAFWdeDQFo7iyKz-/s1600/tumblr_inline_mkhtqsolW81qz4rgp.png);
background-repeat:no-repeat;
background-size:8px;
padding-left:25px;
color:#666;
display:inline-block;
font:11px short stack;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
width:305px;
line-height:18px;
}

a.thingi:hover{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQSlLo3seaFHP5Y-HeYpLwuXxzIrTb27ZzaV2bFDAn83CDuapKzuT7PUM7ZyoQyBKSncmbX6ERcwSl8pzusz_6gAI4_TVyieglW7xMyYdfph2nmMXpfcBx4-kxXj2FE3pQGRG8kIrB/s1600/1898.gif);
background-repeat:no-repeat;
background-size:8px;
color: #938B54;
}

<style>
@font-face {
font-family:tt;
src:url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
}
.nav,a.nav{
border:1px solid #ebebeb;
padding:7px;
font:8px tt;
letter-spacing:2px;
display:inline-block;
text-align:center;
text-transform:uppercase;
width:65px;
background:#ccc;
color:#fff;
margin-left: 5px;
margin-right: 5px;
-webkit-transition:2s;
}
.nav:hover,a.nav:hover{
letter-spacing:4px;
box-shadow:inset -50px -40px 0px #fff,inset 50px 40px 0px #fff;
-webkit-transition:3s;
color:#000;
}
</style>

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