//test blog

<html><head>
<!--------------------------------------
Blogger Classic Template
Name: Kawaii world ★
Skin by: kawaiilady.blogspot.com
*Don't remove this*
*Don't use this skin as basecode*
--------------------------------------!>
<script type='text/javascript'> document.ondragstart = function () { return false; }; </script>
<base target='_blank'/>

<link href='http://media.tumblr.com/tumblr_m7efdhWLFX1qdlkyg.gif' rel='icon' type='image/x-icon'/>
<title>Kawaii World ★</title>
<link href='http://fonts.googleapis.com/css?family=Noticia+Text:700' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Glass+Antiqua' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'/>

</head>
<style type="text/css">
#navbar-iframe {
display: none;
}
body {
background: url(http://i.imgur.com/ev8VyQW.png);
background-attachment: fixed;
font-family:Short Stack;
font-size:11px;color:#555555;
cursor: url(http://media.tumblr.com/tumblr_lpyq1tfKzG1qcn2vb.gif), auto;
}
a{
text-decoration:none ;
color:#222222 ;padding:2px; cursor: url(http://media.tumblr.com/tumblr_lpyq1tfKzG1qcn2vb.gif), progress;
-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:#ffffff ;
background:#D3D8FF;
}
b {
font-family:verdana;padding:3px;
font-weight: bold;color:#444444;background:#F2F9FF;
-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;
}
b:hover{
background:#CBE5FF;text-shadow:1px 1px 2px #111;
border-radius:5px;color:#ffffff;
}
blockquote{
padding:10px;
background-image:url(http://i.imgur.com/DKomg.png);
border-left: 10px solid #FFEDEF;
border-right: 10px solid #FFEDEF;
border-top: 2px solid #EFE6FF;
border-bottom: 2px solid #EFE6FF;
color:#555555;
border-radius: 10px;
-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;}

blockquote:hover {
background:url(http://i.imgur.com/tDtge.png);
border-right: 10px solid #EFE6FF;
border-left: 10px solid #EFE6FF;
border-top: 2px solid #FFEDEF;
border-bottom: 2px solid #FFEDEF;
border-radius:30px;
-webkit-box-shadow: 0px 0px 8px 3px #FFFAD8;
-moz-box-shadow: 0px 0px 8px 3px #FFFAD8;
box-shadow: 0px 0px 8px 3px #FFFAD8;
}

i {
padding-bottom:18px;
color: #808080;
-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;
}
i:hover{
color:transparent;padding-bottom:0px;
text-shadow:0px 10px 0px #333333;
}
u {
color: #808080;
padding-bottom:2px;
border-bottom: 2px #D6EBFF solid;
text-decoration: none;
-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;
}
u:hover {
color: #000000;
border-bottom: 10px transparent solid;
}
::-webkit-scrollbar {
width: 7px;
height: auto;
}
::-webkit-scrollbar-track-piece {
background:#ffffff;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background:#E6E7FF;border-radius:20px;
}
img {
border:2px solid #eeeeee;
Opacity:1;
-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;
}
img:hover{
Opacity:0.6
}
.h1 {
background-image: url(http://media.tumblr.com/tumblr_lfhu3fRcmR1qzvcyt.gif);
background-repeat:no-repeat;
background-position:97% 100%;
padding:5px;
font:20px 'Glass Antiqua';
text-align:center;
letter-spacing: 2px;
margin:10px;margin-bottom:0px;
border-bottom: 5px solid #FBF2E4;
border-radius:25px;
background-color:#FBF9FF;
}
.h2 {
text-align: center;
background:#FFF7F8;
padding:4px;border-bottom: 3px solid #FFEEF0;border-top:none;
margin-bottom:5px;
font:10px;width:350px;
color:#666;
webkit-border-bottom-right-radius: 35px;
-webkit-border-bottom-left-radius: 35px;
-moz-border-radius-bottomright: 35px;
-moz-border-radius-bottomleft: 35px;
border-bottom-right-radius: 35px;
border-bottom-left-radius: 35px;}
}
.h3 {
text-align: center;
background:url(http://colourlovers.com.s3.amazonaws.com/images/patterns/3827/3827647.png);
padding:5px;
border: 2px dotted #ffffff;
margin-bottom:5px;
font-size:19px;
color:#fff;text-shadow:0px 0px 4px #000000;
}
::-moz-selection {
background:#D4CBF8;
color:#fff;
}
::selection {
text-shadow: 3px 3px 2px #FFC2C2;
color:#fff;background:#D4CBF8;
}

a.button {
border:2px solid #EBF5FF;border-radius:10px;
width:90px;
text-align:center;
padding:5px;margin-bottom:10px;
}
/* Comment Start
----------------------------------------------- */
#comments h4 {
margin:10px;text-align:center; color: #444; text-shadow: 1px 1px 1px #B2D5FF; border: 2px dashed #ffffff;font-weight:normal;font:20px short stack;
-webkit-border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;border-radius: 15px;
box-shadow:0px 0px 4px 4px #DFEEFF;background:#F5FAFF;
}
@font-face{
font-family:ttn;
src:url(http://static.tumblr.com/dep4vzc/82Km8jmz4/tutano_cc_v2.ttf);
}
#comments-block {
width:460px;
margin:1.5em;
background:url(http://colourlovers.com.s3.amazonaws.com/images/patterns/3853/3853878.png);
color:#555555;
padding:5px;box-shadow:0px 0px 4px 4px #FFF7DD;
border:2px dashed #ffffff;border-radius:20px;
}
#comments-block .comment-author {margin:.5em 0;}
#comments-block .comment-body {margin:.25em 0 0; background: #ffffff;}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
letter-spacing:.1em;
}
#comments-block {
background:url(http://colourlovers.com.s3.amazonaws.com/images/patterns/3853/3853878.png);
border-radius:30px;
}
.comment-body p {
margin:0 0 .60em;
padding: 5px 5px 5px 5px;
background: url(http://i.imgur.com/tDtge.png) repeat top left;
border-radius: 25px;
box-shadow:0px 0px 4px 4px #EBF6FF;
border:2px dashed #ffffff;
}
.comment-timestamp {
margin:1em;
padding:5px;margin-bottom:2em;
color:#666;width:200px;
box-shadow:0px 0px 4px 4px #DFEEFF;background:#F5FAFF;
border:2px dashed #ffffff;border-radius: 25px;
}
.comment-data {
background:white;
box-shadow:0px 0px 4px 4px #F9EBFF;
border:2px dashed #ffffff;border-radius: 25px;
margin-top:5px !important;margin-bottom:10px !important;
padding:3px;width:170px;
color:#666;text-align:center;
}
.comment-date {
background:#ffffff;
box-shadow:0px 0px 4px 4px #FFF2F2;width:170px;float:right;
border:2px dashed #ffffff;border-radius: 25px;
margin-top:5px !important;margin-bottom:10px !important;
padding:3px;color:#666;
text-align:center;
}

.deleted-comment {
font-style:italic;
color:#B2B2B2;
}
/* Comment Ends
----------------------------------------------- */
.haha{
width:59px;height:40px;
box-shadow:0px 0px 2px 3px #FFE3E5;
background:#FFEBED;
font:10px short stack;
text-align:center;
Text-decoration:none;
color:#888;
display:inline-block;
-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;
padding-bottom:5px;
padding-top:20px;padding-left:0px;padding-right:0px;
display:inline-block;
-webkit-border-bottom-right-radius: 35px;
-webkit-border-bottom-left-radius: 35px;
-moz-border-radius-bottomright: 35px;
-moz-border-radius-bottomleft: 35px;
border-bottom-right-radius: 35px;
border-bottom-left-radius: 35px;
}

.haha:hover{
background:#FFFFFF;text-shadow:0px 0px 0px #fff;
color:#777;height:50px;
}
.huhu{
width:59px;height:40px;
box-shadow:0px 0px 2px 3px #F1E3FF;
background:#F7EFFF;
font:10px short stack;
text-align:center;
Text-decoration:none;
color:#888;
display:inline-block;
-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;
padding-bottom:5px;
padding-top:20px;padding-left:0px;padding-right:0px;
display:inline-block;
-webkit-border-bottom-right-radius: 35px;
-webkit-border-bottom-left-radius: 35px;
-moz-border-radius-bottomright: 35px;
-moz-border-radius-bottomleft: 35px;
border-bottom-right-radius: 35px;
border-bottom-left-radius: 35px;
}
.huhu:hover{
background:#FFFFFF;text-shadow:0px 0px 0px #fff;
color:#777;height:50px;
}
.hehe{
width:60px;
padding:8px;
margin-top:15px;
box-shadow:2px 2px 4px #DFDFDF;
background:#eee;
font:8px short stack;
text-align:center;
Text-decoration:none;
color:#888;
text-transform:uppercase;
display:block;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
border-left:0px solid #000;
-webkit-border-top-right-radius: 33px;
-webkit-border-bottom-right-radius: 33px;
-moz-border-radius-topright: 33px;
-moz-border-radius-bottomright: 33px;
border-top-right-radius: 33px;
border-bottom-right-radius: 33px;
}
.hehe:hover{
background:#ffffff;color:#666;
}
.cutie {
background:#ffffff;
color: #6C6C6C;
font-size: 11px;position:fixed;
padding: 10px;
border:5px solid #EBF5FF;
border-radius: 25px;
width: 210px;
text-align: center;
}
.yaya {
text-align:center;
font-size:12px;
border-top:2px dotted #EBF5FF;
padding:4px;
}
#ck{
border:5px solid #DCE7FF;
background:#F5F8FF;
color:#555;
width:210px;
height:154px;font-family:candara;
font-size:13px;
margin-top:-167px;
padding-left:0.5px;
padding-right:0.5px;
padding-bottom:0.5px;
padding-top:5px;
opacity:.0;
-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; }
#ck:hover{opacity:0.9}
</style></head>
<body>

<!-------------------------- MAIN WRAPPER --------------------------!>
<table style="margin-top: 15px;margin-bottom: 15px;margin-left:410px;font-size: 11px; color: #444444; line-height: 16px; background:transparent;width="920" align="center" border="0" cellspacing="10";>
<tbody><tr>
<td valign="top" style="width:520px;border:5px solid #F2F4F2;border-radius: 25px;background:white;padding:10px;box-shadow:0px 0px 20px #ffffff;">
<div id="page">

<div style="font:45px 'Noticia Text';text-align:center;color:#FFFFBB; text-shadow: 1px 1px 2px #777;font-weight:bold;padding:10px;border-radius:20px;"><span style="color: #FFFC8F;">★ </span><span style="color: #a3e0ff;">K</span><span style="color: #FFBFBF;">aw</span><span style="color: #b9f0b9;">ai</span><span style="color: #ffcc80;">i-</span><span style="color: #e0a3ff;">Wo</span><span style="color: #FFBFD0;">rl</span><span style="color: #a3e0ff;">d</span><span style="color: #FFFC8F;"> ★</span></div>

<blogger><center><div class="h1"><BlogItemTitle><span class="PostTitle">
<a href="<$BlogItemPermalinkURL$>">
<$BlogItemTitle$></a></span></BlogItemTitle></div></center>
<center><div class="h2";><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> • <$BlogItemDateTime$> • <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Love Note</span></a></BlogItemCommentsEnabled></div></center><br><br>
<$BlogItemBody$><b></b><br><br>
<center><div class="yaya"><$I18NPostedByAuthorNickname$> @ <a href="<$BlogItemPermalinkUrl$>" title="permanent link"><$BlogItemDateTime$></a></div></center>  
<br><br>
<itempage>
<div id="comments" style="margin-top:5px;">
<blogitemcommentsenabled><a name="comments"></a><h4><$I18NNumComments$>:</h4>
<dl id="comments-block">
<div style="width:445px;padding:5px;">
<$CommentPager$>
<blogitemcomments>
<dt class="comment-date" id="<$I18NAtCommentTimeWithPermalink$></dt>
<dt class="comment-data" id="<$BlogCommentAnchorName$>"><a name="<$BlogCommentAnchorName$>"></a>
<$I18NCommentAuthorSaid$>
</dt>
<dd class="comment-body">
<p>
<$BlogCommentBody$></p>
</dd>
</BlogItemComments>
<$CommentPager$>
</dl>
</div>
<center><p class="comment-timestamp">
<$BlogItemCreate$>
</p>
</div>
</ItemPage></center>

</blogger>
<div style="float:right"><a class="button" href=<$OlderPosts$>>Older Post</a> </div><div style="float:left"><a class="button" href=<$NewerPosts$>>Newer Post</a></NewerPosts></center></div>
<br /><br />
<center><select style="background-color: #FFFFFF; color: #848484; font: 13px tahoma; letter-spacing: 2px; border: 1px #ddd solid; padding: 5px; width: 400px;" onChange="location.href=this.options[this.selectedIndex].value;">
<option value=''>History By Month</option><BloggerArchives><option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option></BloggerArchives></select></center><br /><br />

<!----------------------- SIDEBAR WRAPPER -----------------------!>
<div style="position:fixed; top:40px;left:75px;width:260px;">
<center><img height="155" src="http://i.imgur.com/Dp7yV6Z.jpg"style="width:200px;box-shadow:1px 1px 3px #ddd;border:5px solid #F2F4F2;"/><br>
<div id="ck"><br>
Assalamualaikum and hi people ! Welcome to my kawaii land...Don't forget to leave your footprint on my tagboard...Don't open my page source and copy anything without my permission...Enjoy your visit here...<br />Do follow me dear visitor...^^
</div><br>
<br />
<div style="background:#eee;color:#fff; position:fixed; top:0px;left:135px;width:10px;height:40px; box-shadow:2px 2px 6px #ddd; text-align:center; font-size:12px; text-transform:uppercase;">
</div>
<div style="background:#eee;color:#fff; position:fixed; top:0px;left:260px;width:10px;height:40px; box-shadow:2px 2px 6px #ddd; text-align:center; font-size:12px; text-transform:uppercase;">
</div>
<div style="background:#eee;color:#fff; position:fixed; top:202px;left:135px;width:10px;height:39px; box-shadow:2px 2px 6px #ddd; text-align:center; font-size:12px; text-transform:uppercase;">
</div>
<div style="background:#eee;color:#fff; position:fixed; top:202px;left:260px;width:10px;height:39px; box-shadow:2px 2px 6px #ddd; text-align:center; font-size:12px; text-transform:uppercase;">
</div>
<style>
.adv2 ul{background:url(http://i.imgur.com/tDtge.png);padding:5px;border:1px dashed #DDDDDD;text-align:center;width:250px;color:#555;cursor:url(http://media.tumblr.com/tumblr_m2wjtvuSCc1qfamg6.gif);}

.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:url(http://media.tumblr.com/tumblr_m2wjtvuSCc1qfamg6.gif);background:#FFFAFA;
width:20px;
text-decoration:none;
border:1px dashed #BBBBBB;
border-radius:33px;
color:#555;
display:inline-block;
text-align:center;
}

a.tablo:hover{background:#ccc;color:#fff;text-shadow:0px 0px 0px #fff;}

</style>
<div id="adv2" class="adv2">
<center><style>
.babo{background:url(http://colourlovers.com.s3.amazonaws.com/images/patterns/3853/3853878.png);padding:5px;border:3px solid #F2F4F2;text-align:center;width:250px;color:#555;box-shadow:1px 1px 3px #ddd;cursor:url(http://media.tumblr.com/tumblr_m2wjtvuSCc1qfamg6.gif);}

a.tablo{
-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;
cursor:url(http://media.tumblr.com/tumblr_m2wjtvuSCc1qfamg6.gif);background:#FFDDE1;
width:20px;
text-decoration:none;
border:3px solid #FFFFFF;
color:#fff;
box-shadow:1px 1px 3px #ddd;
border-radius:33px;
display:inline-block;
text-align:center;
font:16px calibri;text-shadow:0px 0px 0px #fff;
}

a.tablo:hover{background:#F8E6FF;color:#888;}

#nav img{max-width:245px;}
</style>
<div class="babo">
<a class="tablo" onclick="document.getElementById('nav').innerHTML=document.getElementById('1').innerHTML" >1</a>
<a class="tablo" onclick="document.getElementById('nav').innerHTML=document.getElementById('2').innerHTML" >2</a>
<a class="tablo" onclick="document.getElementById('nav').innerHTML=document.getElementById('3').innerHTML" >3</a>
<a class="tablo" onclick="document.getElementById('nav').innerHTML=document.getElementById('4').innerHTML" >4</a>
<a class="tablo" onclick="document.getElementById('nav').innerHTML=document.getElementById('5').innerHTML" >5</a> </div>

<div id="nav" style="width:250px;color:#999; padding:5px;border:3px solid #F2F4F2;box-shadow:1px 1px 3px #ddd;border-top:none;font:11px arial; letter-spacing:1px;background:url(http://i.imgur.com/tDtge.png);cursor:url(http://media.tumblr.com/tumblr_m2wjtvuSCc1qfamg6.gif);">
<div id="bar">
<div style="padding-bottom:2px;margin-bottom:4px;border-bottom:1px dashed #ddd;"><center>Stalk me ?</center></div><br />
<style>
a.navi{
text-decoration:none;
background-color: #DFDBFF;
display:inline-block;
padding-left: 2px;padding-right: 2px; padding-top:10px;
text-align: center;
color:#fff;width:30px;height:22x;
border-radius:50px;box-shadow:0px 0px 3px 2px #eee;
border:3px solid #ffffff;
text-transform:uppercase;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
a.navi:hover{
background-color: #FFDBB9;
-webkit-transform: rotate(360deg) ;
-moz-transform: rotate(360deg) ;
-o-transform: rotate(360deg) ;
-ms-transform: rotate(360deg) ;
border-radius:10px;text-shadow:0px 0px 0px #fff;
}
</style>
<!-------------------------------------
*EDIT BELOW URL WITH YOU OWN FB,TWITTER,
TUMBLR,BLOGSKIN PROFILE URL*
-------------------------------------!>
<center>
<a class="navi" href="https://www.facebook.com/FbUsername"title="Facebook">Fb</a>
<a class="navi" href="https://twitter.com/TwitterUsername"title="Twitter">Tw</a>
<a class="navi" href="http://TumblrURL.tumblr.com"title="Tumblr">Tu</a>
<a class="navi" href="http://blogskins.com/me/BlogskinURL"title="Blogskin">Bs</a></center><br />
</div>
</div>

<div id="1" style="display: none;">
<div id="bar">
<div style="padding-bottom:2px;margin-bottom:4px;border-bottom:1px dashed #ddd;"><center>Stalk me ?</center></div><br />
<style>
a.navi{
text-decoration:none;
background-color: #DFDBFF;
display:inline-block;
padding-left: 2px;padding-right: 2px; padding-top:10px;
text-align: center;
color:#fff;width:30px;height:22px;
border-radius:50px;box-shadow:0px 0px 3px 2px #eee;
border:3px solid #ffffff;
text-transform:uppercase;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
a.navi:hover{
background-color: #FFDBB9;
-webkit-transform: rotate(360deg) ;
-moz-transform: rotate(360deg) ;
-o-transform: rotate(360deg) ;
-ms-transform: rotate(360deg) ;
border-radius:10px;text-shadow:0px 0px 0px #fff;
background-image:none;
}
</style>
<center>
<a class="navi" href="https://www.facebook.com/FbUsername"title="Facebook">Fb</a>
<a class="navi" href="https://twitter.com/TwitterUsername"title="Twitter">Tw</a>
<a class="navi" href="http://TumblrURL.tumblr.com"title="Tumblr">Tu</a>
<a class="navi" href="http://blogskins.com/me/BlogskinURL"title="Blogskin">Bs</a></center><br />
</div>
</div>
<div id="2" style="display: none;">
<div id="bar">
<div style="padding-bottom:2px;margin-bottom:4px;border-bottom:1px dashed #ddd;"><center>Let's Chatting</center></div>
<center>Put your cbox / shout box code here...maximum width is 240px<center>
</div>
</div>
<div id="3" style="display: none;">
<div id="bar">
<div style="padding-bottom:2px;margin-bottom:4px;border-bottom:1px dashed #ddd;"><center>Post History</center></div>
<bloggerpreviousitems>
<span class="icon"> ♥</span> >><a href="<$BlogItemPermalinkURL$>">
<$BlogPreviousItemTitle$></a><br />
</BloggerPreviousItems>
</div>
</div>

<div id="4" style="display: none;">
<style type="text/css">
#scroll{
width:238px;
text-align:left;color:#666;
height:95px;
padding:5px;overflow:auto;
}
#bar {
text-align:left;
height:95px;
padding:5px;overflow:auto;
}
.icon{
color: pink;
}

.time{
color: #777;
font: normal 7pt ;
padding-right:7px;
padding-bottom:3px;
padding-top:3px;
padding-left:7px;
background:#EBF4FF;
}

.date{
color: #777;
font: normal 7pt ;
padding-right:7px;
padding-bottom:3px;
padding-top:3px;
padding-left:7px;
background: #F9EEFF;
}
</style>
<div id="scroll">
<span class="icon"> ♥</span> >> Write your own status here...
<br/>
<div style="float: left;margin-top:5px;">
<span class="time">9:00 PM</span></div>
<div style="float: right;margin-top:5px;">
<span class="date">9 Sept 13</span></div>
<br/>
<br/>
<span class="icon"> ♥</span> >> Need to study add math today...
<br/>
<div style="float: left;margin-top:5px;">
<span class="time">9:00 PM</span></div>
<div style="float: right;margin-top:5px;">
<span class="date">8 Sept 13</span></div>
<br/>
<br/>
<span class="icon"> ♥</span> >> Another great days today...
<br/>
<div style="float: left;margin-top:5px;">
<span class="time">9:00 PM</span></div>
<div style="float: right;margin-top:5px;">
<span class="date">7 Sept 13</span></div>
<br/>
<br/>
<span class="icon"> ♥</span> >> New blogskin created! ^^,
<br/>
<div style="float: left;margin-top:5px;">
<span class="time">9:00 PM</span></div>
<div style="float: right;margin-top:5px;">
<span class="date">6 Sept 13</span></div>
<br/>
<br/>
<span class="icon"> ♥</span> >> Yeah! shopping time...
<br/>
<div style="float: left;margin-top:5px;">
<span class="time">9:00 PM</span></div>
<div style="float: right;margin-top:5px;">
<span class="date">5 Sept 13</span></div>
</div>
</div>
<div id="5" style="display: none;">
<div id="bar">
<div style="padding-bottom:2px;margin-bottom:4px;border-bottom:1px dashed #ddd;"><center>Credits</center></div>
<center>Theme made by : <a href="http://kawaiilady.blogspot.com">Kawaii Lady ♥</a><br />
With help by : <a href="http://wanaseoby.blogspot.com">Wana</a>
<a href="http://nurulatiqahjaidin.blogspot.com">Tieqa</a>
<a href="http://chocollyheart.blogspot.com">Fiqah</a>
<br />
Helpfull sites : <a href="http://htmledit.squarefree.com/">Lo</a> <a href="http://colourlovers.com/">Ve</a> <a href="http://html-color-codes.info">Ly</a>
<br />
Best view : <a href="https://www.google.com/intl/en/chrome/browser/">chrome ♥</a><br />
Owned By : <a href="http://YourBlogUrl.blogspot.com">Me</a>
</center>
</div>
</div>
</center>
<div style="position:fixed; top:77px;left:310px;color:#aaa;">
<a class="hehe" href="http://www.blogger.com/follow-blog.g?blogID=<$BlogID$>">Follow</a>
<a class="hehe" href="http://www.blogger.com/home">Dashboard</a>
</div>
<!-------------------------------------
*EDIT BELOW URL WITH YOU OWN ABOUT,STUFF,
EXCHANGE LINK AND BLOG LINK URL*
-------------------------------------!>
<div style="position:fixed;top:405px;left:83px;width:250px; color:#aaa;">
<center>
<a class="haha" href="http://AboutPageUrl">About</a>
<a class="huhu" href="http://StuffPageUrl">Stuff</a>
<a class="haha" href="http://LinkPageUrl">Linky</a>
<a class="huhu" href="http://YourBlogUrl">Home</a>
</center>
</div></div>
</div>
<!------------------------ MUSIC PLAYER ------------------------!>
<style>
#music{
position:fixed; top:90px; left:10px;
padding-top:10px;padding-bottom:17px;
text-align:center;
height:10px; width:34px;
overflow:hidden;
border:3px solid #FFF1C6;
color:#888;
border-radius:40px;
-webkit-transition: opacity 0.7s linear;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
background-color:#FFFFFF;
z-index:999;
}
#musicplayer{
padding-top:10px;
-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;
} #music:hover {
border:3px dotted #FFF1C6; padding:5px; height:65px; width:65px;
border-radius:70px;
}
</style>
<div id="music">
<center>
<img src="http://media.tumblr.com/tumblr_m9sq8vPdF31qdlkyg.gif" style="background:none;border:none;padding-top:0px;" /></center>
<div id="musicplayer">
<center><object width="30" height="25"><param name="movie" value="http://www.youtube.com/v/ZAohs1bucvY?version=2&autoplay=1&hl=en_US&color1=E4E1FF&color2=F3E1FF" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed src="http://www.youtube.com/v/ZAohs1bucvY?version=2&autoplay=1&hl=en_US&color1=E4E1FF&color2=F3E1FF" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="30" height="25"></embed></object></center>
</div>
</div>

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