Salsa's Page Codes

<center>
<td valign="top" style="width: 200px; font-size: 12px;">
<div class="sidebareu"><div class="sidebareu1">
<div class="h1">Welcome!</div>
<center><img style="padding: 2px; border: 1px solid #c5c5f5;"src="http://37.media.tumblr.com/662aa74276b234feb6e592bb2cfb4b46/tumblr_mfhdkaT6j11qieq9mo1_500.jpg" width="200"/><br/>
<center>Hello there! My name is lady and I was born at London, UK. Love gardening, mirroring, singing, photographing, and walking. Have fun in here! <br>
[Replace this with yours, and you can put your music player here if you want]</center>

</div>

<div class="sidebareu1">
<div class="h1">Navigate</div>
<center><img style="padding: 2px; border: 1px solid #c5c5f5;"src="http://38.media.tumblr.com/tumblr_mdvx2jtlzE1qe1q4to1_500.jpg" width="200"/><br/><br/><center>
<a class="navigateu" onClick="document.getElementById('main').innerHTML=document.getElementById('two').innerHTML" title="">HOME</a>
<a class="navigateu" onClick="document.getElementById('main').innerHTML=document.getElementById('one').innerHTML" title="">ABOUT</a>
<a class="navigateu" onClick="document.getElementById('main').innerHTML=document.getElementById('three').innerHTML" title="">STUFFS</a><br/>
<a class="navigateu" onClick="document.getElementById('main').innerHTML=document.getElementById('four').innerHTML" title="">LINKS</a>
<a class="navigateu" onClick="document.getElementById('main').innerHTML=document.getElementById('five').innerHTML" title="">FREE</a>
<a class="navigateu" onClick="document.getElementById('main').innerHTML=document.getElementById('six').innerHTML" title="">CREDITS</a>

</div>

<div class="sidebareu1">
<div class="h1">Tagboard</div><br><center><img style="padding: 2px; border: 1px solid #c5c5f5;"src="http://37.media.tumblr.com/tumblr_mcxjs2TUco1qfb46yo1_500.jpg" width="200"/><center><br>
[Put your chatbox code here. Width 230px.]</center>
</div>

<div class="sidebareu1">
<div class="h1">Credits</div><center><center><img style="padding: 2px; border: 1px solid #c5c5f5;"src="http://31.media.tumblr.com/tumblr_mecr6jO79a1qfct2mo1_500.jpg" width="200"/><br/><br/><center><br>
Copyright © 2014 - Full template by : <a href="http://wanaseoby.blogspot.com/">Anugerah</a><a href="http://wanaseoby.blogspot.com/">Salsa</a>. Basecode by <a href="http://wanaseoby.blogspot.com/">Wanaseoby</a>. Image by <a href="http://weheartit.com/">We♥It</a>. Edited by <a href="http://link.blogspot.com">Yourname</a>. This blog is officially mine. Don't ever dare to open my page source.
</div></div>



<td valign="top" style=" font-size: 12px"><br><br/>
<div class="posteu" style="text-align:left" ><div id="main"><div class="h1"><blogger><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div style="text-align: left;">

<div class="post-body">

<p>
<$BlogItemBody$>
</p>

</div>
<div style="text-align:right;"><div class="post-footer">
<a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> Bird[s]</a></BlogItemCommentsEnabled>
</div></div>

<ItemPage>
<div id="comments">

<BlogItemCommentsEnabled><a name="comments"></a>

<dl id="comments-block">
<$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>
<br/><br/>
<p style="padding-left:20px;">
<a href="<$BlogURL$>"><< home ♥</a>
</p>
</div>

</ItemPage>



</Blogger>
<center><OlderPosts><a href=<$OlderPosts$>>Older Post</a> </OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>Newer Post</a></NewerPosts></center>
</div></div></div>
</div>
</div>


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

<div class="h1">Meet the owner</div> <br/>
<center><img style="padding: 2px; border: 1px solid #c5c5f5;"src="http://38.media.tumblr.com/tumblr_md7xkurRIw1qdlmhfo1_500.jpg" /><br/><center><br>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.<br>
<blockquote>Replace this with your own profile</blockquote>

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


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

<div class="h1"><blogger><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div style="text-align: left;">

<div class="post-body">

<p>
<$BlogItemBody$>
</p>

</div>
<div style="text-align:right;"><div class="post-footer">
<a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> Bird[s]</a></BlogItemCommentsEnabled>
</div></div>

<ItemPage>
<div id="comments">

<BlogItemCommentsEnabled><a name="comments"></a>

<dl id="comments-block">
<$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>
<br/><br/>
<p style="padding-left:20px;">
<a href="<$BlogURL$>"><< home ♥</a>
</p>
</div>

</ItemPage>



</Blogger>
<center><OlderPosts><a href=<$OlderPosts$>>Older Post</a> </OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>Newer Post</a></NewerPosts></center>
</div></div></div>
</div>
</div>


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

<div class="h1">Tutobies</div> <br/>
<center><img style="padding: 2px; border: 1px solid #c5c5f5;"src="http://37.media.tumblr.com/tumblr_m8q8g9htWR1qmzhmeo1_500.jpg" /><br/><center><br>
<a class="grace" href="http://www.blogger.com/">Tutorial</a>
<a class="grace" href="http://www.blogger.com/">Tutorial</a>
<a class="grace" href="http://www.blogger.com/">Tutorial</a>
<a class="grace" href="http://www.blogger.com/">Tutorial</a>
<a class="grace" href="http://www.blogger.com/">Tutorial</a>
<a class="grace" href="http://www.blogger.com/">Tutorial</a>
<a class="grace" href="http://www.blogger.com/">Tutorial</a>
<a class="grace" href="http://www.blogger.com/">Tutorial</a>
<a class="grace" href="http://www.blogger.com/">Tutorial</a>
<a class="grace" href="http://www.blogger.com/">Tutorial</a>

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


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

<div class="h1">Links</div> <br/>
<center><img style="padding: 2px; border: 1px solid #c5c5f5;"src="http://38.media.tumblr.com/tumblr_m2lehffWBP1qhcmw4o1_500.jpg" /><br/><center><br>
<a class="linkies" href="http://anugerahsalsa.blogspot.com/">SALSA</a>
<a class="linkies" href="LINK">LOVE</a>
<a class="linkies" href="LINK">LOVE</a>
<a class="linkies" href="LINK">LOVE</a>
<a class="linkies" href="LINK">LOVE</a>
<a class="linkies" href="LINK">LOVE</a>
<a class="linkies" href="LINK">LOVE</a>
<a class="linkies" href="LINK">LOVE</a>
<a class="linkies" href="LINK">LOVE</a>
<a class="linkies" href="LINK">LOVE</a>
<a class="linkies" href="LINK">LOVE</a>
<a class="linkies" href="LINK">LOVE</a>
<a class="linkies" href="LINK">LOVE</a>
<a class="linkies" href="LINK">LOVE</a>
<a class="linkies" href="LINK">LOVE</a>
<a class="linkies" href="LINK">LOVE</a>
<a class="linkies" href="LINK">LOVE</a>
<a class="linkies" href="LINK">LOVE</a>
<a class="linkies" href="LINK">LOVE</a>
<a class="linkies" href="LINK">LOVE</a>
<a class="linkies" href="LINK">LOVE</a>
<a class="linkies" href="LINK">LOVE</a>
<a class="linkies" href="LINK">LOVE</a>
<a class="linkies" href="LINK">LOVE</a>
<a class="linkies" href="LINK">LOVE</a>
<a class="linkies" href="LINK">LOVE</a>
<a class="linkies" href="LINK">LOVE</a>
<a class="linkies" href="LINK">LOVE</a>
<a class="linkies" href="LINK">LOVE</a>
<a class="linkies" href="LINK">LOVE</a>
<a class="linkies" href="LINK">LOVE</a>
<a class="linkies" href="LINK">LOVE</a>

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


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

<div class="h1">Free page</div> <br/>
<center><img style="padding: 2px; border: 1px solid #c5c5f5;"src="http://38.media.tumblr.com/tumblr_mcmbfaUdmq1rd49zjo1_500.jpg" /><br/><center><br>
<center><b>Instagramaddicted</b> <i>Instagramaddicted</i> <u>Instagramaddicted</u> <s>Instagramaddicted</s><br>
[This is the free page. You can put anything here]</center><br>

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


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

<div class="h1">Copyrighted</div> <br/>
<center><img style="padding: 2px; border: 1px solid #c5c5f5;"src="http://38.media.tumblr.com/tumblr_m003pbj0ao1qio6gvo1_500.jpg" /><br/><center><br>
<center>Template was fully made by <a href="http://anugerahsalsa.blogspot.com/">Anugerah</a><a href="http://www.blogskins.com/me/anugerahsalsa">Salsa</a>. The beautiful basecode from <a href="http://wanaseoby.blogspot.com/">Wanaseoby</a>. Beautiful image was taken at <a href="http://weheartit.com/">We♥It</a>. Re-edit by YOURNAME. Cute pixels were taken from <a href="http://pixel-diary.tumblr.com/">Pixel-Diary</a>. Header, cursor and icons from <a href="http://snow-white.lolipop.jp/">Snow-White</a> . All rights reserved 2014 © YOURNAME. Thank you so much for using my skin!</center><br>
<!----------------------------------------------------------
DO NOT REMOVE THE CREDITS SECTION! I WAS HARD WORK FOR IT.
-----------------------------------------------------------!>

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

</body></html>

<!-----------------------------------------------------------------------
Name : BURBERRY
Template by : http://anugerahsalsa.blogspot.com/
Basecode by : http://chocolly.blogspot.com/
Theme : cute, purple, violet, cool, simple, sweet
Thanks for download and using my skin. Please don't ever remove these credits!
-----------------------------------------------------------------------!>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".about").hide();
$(".navi-about").click(function(){
$('.about').slideToggle("fast");
return true;
});
});
$(document).ready(function(){
$(".site").hide();
$(".navi-site").click(function(){
$('.site').slideToggle("fast");
return true;
});
});
$(document).ready(function(){
$(".nav").hide();
$(".navi-nav").click(function(){
$('.nav').slideToggle("fast");
return true;
});
});
</script>
<link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>
<html><head>
<link href='http://media.tumblr.com/tumblr_lu2df5OEzy1qfoi4t.gif' rel='icon' type='image/x-icon'/>
<title>// Burberry</title>
<style>
#navbar-iframe {
display: none;
}

body {
color: #aaa;
font: 12px Short Stack;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDEOGRQrwXuOiQI9O6OKLThxTf-t6tEM2mX58SOxKZ3S958SKKG0prOPa58pgQdHDX4gkVkrrJowQiOkIk4hcpNo_-lWHzuSIEmTcQ87hijHiwz7G-h3TPhfNNdlUWjDGCwrUro4qVQ-0/s1600/purple.png);
background-attachment: fixed;
background-position: top left;
background-repeat: repeat;
}

a:link,a:active,a:visited {
text-decoration: none;
color: #cab0ca;
-webkit-transition: 0.3s;
padding-bottom: -2px;
}

a:hover {
color: #ead1ea;
text-decoration: none;
-webkit-transition: 0.3s;
border-bottom: 1px dashed #ead1ea;
}

.blogger-labels {
display: none!important;
}

::-webkit-scrollbar {
width: 7px;
}

::-webkit-scrollbar-track-piece {
background-color: #ead1ea;
border: 3px solid #FFFFFF;
}

::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #ead1ea;
border: 1px solid #FFFFFF;
}

.tr-caption {
font-family: Short Stack;
font-style: italic;
letter-spacing: 2px;
font-size: 8px;
text-transform: lowercase;
background: #eee;
color: #777;
padding: 1px;
}

blockquote {
padding: 5px;
border: 1px dashed #ebdceb;
padding-left: 25px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVqcXXyAfi-T5ZdtC8Pl2ZWnoFhdofNaPcJ6ZAXpS3rxpDS6s7E82Pz73pg91FRfLW5jqFXX-N5KClB7k3TYl-0li5l-Trojmh-bjm3j7U2dcTVUrc2hGFKlgMyhG9fvmDS1g4nyJ8_ig/s1600/purple.png) repeat-y;
background-size: 20px 20px;
color: #aaa;
-webkit-transition: all .4s ease-in-out!important;
-moz-transition: all .4s ease-in-out!important;
-o-transition: all .4s ease-in-out!important;
}

.entries-position {
height: auto;
left: 440px;
position: absolute;
top: 0px;
width: 620px;
}

.side-position {
left: 140px;
position: fixed;
top: 0px;
width: 400px;
}

.entries-background {
border-right: 1px dashed #ead1ea;
border-bottom: 1px dashed #ead1ea;
border-left: 1px dashed #ead1ea;
background-color: #ffffff;
padding: 10px;
height: auto;
margin-bottom: 30px;
}

.imgbackground {
position: fixed;
overflow: hidden;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir8RK8accxLs5pPTnscByTp1eGGHLh41AzNjc-84tC5ruEWIuG4WPvSeJDQ4mQ3ZFjpXoonv5Lkb07uPc2I-b1pQnC7LwP3QXgDsRsCbn8M95c_TpIZrc31KXsYRwP4oxQnuZEg3Nv5njC/s1600/purple1.png);
padding: 17px;
}

#side {
top: 180px;
left: 110px;
position: fixed;
height: auto;
width: 200px;
}

#side:hover #text {
opacity: 0.9;
margin-top: 70px;
-webkit-transition: 0.8s;
}

#text {
opacity: 0;
margin-top: -100px;
margin-left: 17px;
font-size: 8px;
font-family: Short Stack;
padding: 7px;
font-style: normal;
position: absolute;
width: 236px;
text-align: center;
height: auto;
text-transform: lowercase;
color: #000;
background-color: #f7e5ef;
-webkit-transition: 0.8s;
}

#block {
margin-top: 0px;
margin-left: 127px;
width: 250px;
height: 170px;
position: fixed;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDEOGRQrwXuOiQI9O6OKLThxTf-t6tEM2mX58SOxKZ3S958SKKG0prOPa58pgQdHDX4gkVkrrJowQiOkIk4hcpNo_-lWHzuSIEmTcQ87hijHiwz7G-h3TPhfNNdlUWjDGCwrUro4qVQ-0/s1600/purple.png);
z-index: 6;
}

h10 {
font-family: Short Stack;
padding-top: 1px;
font-size: 12px;
color: #fff;
text-align: center;
text-transform: uppercase;
background: #f7e5ef;
letter-spacing: 5px;
height: 16px;
padding-left: 6px;
display: block;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
}

#box {
background: #fff;
-moz-transition-duration: .85s;
-webkit-transition-duration: .85s;
width: 285px;
height: 17px;
overflow: hidden;
}

#box:hover {
background: #fff;
-moz-transition-duration: .85s;
-webkit-transition-duration: .85s;
width: 285px;
height: 130px;
overflow: hidden;
border-radius: 0px 0px 30px 30px;
}

.side-position {
left: 110px;
position: fixed;
top: 370px;
}

.box {
width: 265px;
padding: 10px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir8RK8accxLs5pPTnscByTp1eGGHLh41AzNjc-84tC5ruEWIuG4WPvSeJDQ4mQ3ZFjpXoonv5Lkb07uPc2I-b1pQnC7LwP3QXgDsRsCbn8M95c_TpIZrc31KXsYRwP4oxQnuZEg3Nv5njC/s1600/purple1.png);
}

.box2 {
padding: 3px;
display: block;
height: 17px;
width: 255px;
background: #fff;
-webkit-transition-duration: .8s;
-moz-transition-duration: .8s;
overflow: hidden;
}

.box2:hover {
height: 150px;
}

a.link1 {
background: #ebceeb;
width: 70px;
padding: 1px;
letter-spacing: 1px;
text-align: center;
display: inline-block;
-webkit-transition: 0.3s;
font: 9px Short Stack;
text-transform: uppercase;
}

a.link1:hover {
background: #eee;
-webkit-transition: 0.3s;
}

.h1 {
color: #dfccdf;
font-family: Short Stack;
letter-spacing: 2px;
background: #fcf0fc;
margin-top: 3px;
padding: 2px;
text-align: center;
font-size: 11px;
margin-bottom: 4px;
}

@font-face {
font-family:snowpersonVqfixedbyfrogii;src:url('http://static.tumblr.com/eq1rpir/Rbpm54azj/snowpersonsv3__q_fixed_by_frogii_.ttf');
}

@font-face {
font-family:theonlyexception;src:url('http://static.tumblr.com/eq1rpir/rasm518kt/theonlyexception.ttf');
}

.right {
background: #fcf0fc;
float: right;
width: 95px;
margin-top: 3px;
margin-bottom: 3px;
padding: 2px;
font-family: Short Stack;
letter-spacing: 2px;
color: #9C9C9C;
font-size: 10px;
text-align: center;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
border-left: 3px solid #f0ddf0;
}

.right:hover {
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
color: #000;
border-left: 20px solid #f0ddf0;
}

.right2 {
background: #fcf0fc;
float: right;
width: 130px;
margin-top: 3px;
margin-bottom: 3px;
padding: 2px;
font-family: Short Stack;
letter-spacing: 2px;
color: #9C9C9C;
font-size: 10px;
text-align: center;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
border-left: 3px solid #f0ddf0;
}

.right2:hover {
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
color: #000;
border-left: 20px solid #f0ddf0;
}

a.older {
text-transform: uppercase;
background: #fcf0fc;
border: 1px solid #f0ddf0;
letter-spacing: 2px;
color: #555;
padding: 2px;
font: 9px trebuchet ms;
float: right;
}

a.newer {
text-transform: uppercase;
background: #fcf0fc;
border: 1px solid #f0ddf0;
letter-spacing: 2px;
color: #555;
padding: 2px;
font: 9px trebuchet ms;
float: left;
}

a.button {
color: #555;
width: 50px;
height: 50px;
border-radius: 80px;
letter-spacing: 2px;
font-family: Short Stack;
background: #fcf0fc;
margin: 3px;
font-size: 9px;
text-align: center;
display: inline-block;
border: 2px solid #ecd3ec;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}

a.button:hover {
color: #fff;
background: #f1dbf1;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}

#button {
color: #555;
width: 50px;
height: 50px;
border-radius: 80px;
letter-spacing: 2px;
font-family: Short Stack;
background: #fcf0fc;
margin: 3px;
font-size: 9px;
text-align: center;
display: inline-block;
border: 2px solid #ecd3ec;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}

#button:hover {
color: #fff;
background: #fcf0fc;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}

a.link3 {
text-transform: uppercase;
border: 2px solid transparent;
background: #fcf0fc;
width: 50px;
margin: 5px;
padding: 5px;
color: #555;
text-align: center;
font: 9px Short Stack;
display: inline-block;
-webkit-transition: 0.3s;
}

a.link3:hover {
border: 2px solid #ecd3ec;
background: #fff;
color: #aaa;
-webkit-transition: 0.3s;
}

.blogskins {
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
width: 150px;
height: 110px;
border: 5px solid #fcf0fc;
}

.blogskins:hover {
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
border: 5px solid #f4e2f4;
}

.word2 {
width: 50px;
font-size: 12px;
font-family: Short Stack;
text-transform: uppercase;
color: #888;
margin-top: 5px;
text-align: center;
-webkit-transition: 0.8s;
}

.word2:hover {
background: #f4e2f4;
color: #000;
webkit-transition: 0.8s;
}

.nav {
width: 255px;
padding: 15px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir8RK8accxLs5pPTnscByTp1eGGHLh41AzNjc-84tC5ruEWIuG4WPvSeJDQ4mQ3ZFjpXoonv5Lkb07uPc2I-b1pQnC7LwP3QXgDsRsCbn8M95c_TpIZrc31KXsYRwP4oxQnuZEg3Nv5njC/s1600/purple1.png);
}

.navi-nav {
color: #555;
width: 50px;
height: 50px;
border-radius: 80px;
letter-spacing: 2px;
font-family: Short Stack;
background: #fcf0fc;
margin: 3px;
font-size: 9px;
text-align: center;
display: inline-block;
border: 2px solid #ecd3ec;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}

.navi-nav:hover {
color: #fff;
background: #f1dbf1;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}

#top {
position: fixed;
z-index: 500;
top: 0;
left: 0px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKrb7gVhaH4ordhC4HJ3nrMR_EyiSKpNxAa5lhiHbymbsLvBU1JE_5Uvlh71JIBlmBvX8N9GTybAAw89h7HcH4-EM0DmA2VjTW4JhmBMiWSt8OK5DnYyT0jdQtwAqNDrxb-AANddu2LX6h/s1600/topdivider.png);
width: 100%;
height: 97px;
}

#title {
overflow-y: hidden;
height: 65px;
z-index: 3;
position: relative;
}

#title {
overflow-y: hidden;
height: 75px;
z-index: 3;
position: relative;
}

.title {
width: 100%;
float: center;
font-size: 65px;
font-family: 'snowpersonVqfixedbyfrogii', cursive;
color: #999;
margin-top: 5px;
text-align: center;
-webkit-transition: 0.8s;
}

.title:hover {
margin-top: -120px;
}

.desc {
color: #e8cfe8;
margin-top: 75px;
font: 25px 'theonlyexception';
}

#s-m-t-tooltip {
background: #f4e2f4;
font-size: 9px;
line-height: 11px;
font-family: Short Stack;
letter-spacing: 1px;
text-transform: uppercase!important;
color: #333;
text-align: center;
padding: 5px 10px 5px 10px;
display: block;
border-radius: 5px;
margin: 24px 14px 7px 12px;
text-transform: lowercase;
}

</style><body>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
<script>
(function($){
$(document).ready(function(){
$("[title]").style_my_tooltips();
});
})(jQuery);
</script>
<div style="position: fixed; bottom: 5px; right: 5px"><a class="word2" style="color:#000;" href="http://anugerahsalsa.blogspot.com/" title="ANUGERAHSALSA">THEME</a></div>

<div id="block"><div style="position:fixed;top:110px;left:130px;">
<a class="button" href="http://www.blogger.com/profile/5427539181675835792"><br/><br/>About</a>
<a class="button" href="javascript:void(0);" onclick="window.open('http://www.blogger.com/follow-blog.g?blogID=7871771811045931378','me','width=520,height=530')"><br/><br/>Follow</a>
<a class="navi-nav"><br/><br/>Cbox</a>
<a class="button" href="https://www.facebook.com/anugerahwookie1004?ref=tn_tnmn"><br/><br/>Faceb</a>
</div></div>
<div id="top"><div id="title"><div class="title"><font color=#DDA0DD>BURBERRY</font><div class="desc">
All I know is pouring rain and everything has changed.
</div></div></div></div>
<div id="side"><div class="imgbackground"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjypf-WGSYYZZ3nfFnAbJBS6mq_9-13EAHEh15D_WuCnUZcqH8bCzfMENG05X3TJf5vPBVPm9qimDft3MZJgq2jJ_Q8gUh9th4sGgj8UYDdjazE0orm2mWGVEJXTK4p82rfE6PpmBB1AgU7/s1600/taylor341-1.jpg" width="250px;" height="140px;"></div>
<div id="text"><div style="font-family:Short Stack;font-size:9px;">
Click if you don't mind.{<script type="text/javascript" src="http://st2.freeonlineusers.com/on4.php?id=YOURID"> </script>}
<br/>
<a class="link1" onClick="document.getElementById('main').innerHTML=document.getElementById('one').innerHTML" >Free Page</a>
<a class="link1" onClick="document.getElementById('main').innerHTML=document.getElementById('two').innerHTML" >Entries</a>
<a class="link1" onClick="document.getElementById('main').innerHTML=document.getElementById('three').innerHTML" >Free Page</a>
</div></div></div>

<div class="side-position"><div class="box"><div class="box2"><h10>HOVER THE IMAGE</h10>
<div style="font-family:Short Stack;font-size:8px;height:130px; overflow:auto;margin-top:3px;">
<center><a class="link3" onclick="window.open('http://anugerahsala.blogspot.com/'); return false;">Salsa</a>
<a class="link3" onclick="window.open('#'); return false;">Open</a>
<a class="link3" onclick="window.open('#'); return false;">Open</a>
<a class="link3" onclick="window.open('#'); return false;">Open</a>
<a class="link3" onclick="window.open('#'); return false;">Open</a>
<a class="link3" onclick="window.open('#'); return false;">Open</a>
<a class="link3" onclick="window.open('#'); return false;">Open</a>
<a class="link3" onclick="window.open('#'); return false;">Open</a>
<a class="link3" onclick="window.open('#'); return false;">Open</a>
<a class="link3" onclick="window.open('#'); return false;">Open</a>
<a class="link3" onclick="window.open('#'); return false;">Open</a>
<a class="link3" onclick="window.open('#'); return false;">Open</a>
<a class="link3" onclick="window.open('#'); return false;">Open</a>
<a class="link3" onclick="window.open('#'); return false;">Open</a>
<a class="link3" onclick="window.open('#'); return false;">Open</a>
</center>
</div></div></div>

<br/><div class="nav"><center>
<div style="font-family:Short Stack;color:red;font-size:9px;margin-bottom:-15px;">PRIVATE CBOX! DON'T OPEN MY CBOX! DON'T SPAM!</div>
<div style="background:#fff; width:235px;padding:10px;"><br/><br/>Put your code cbox at here<br/><br/></center></div></div>

<div class="entries-position">
<div class="entries-background" style="padding-top:90px;">
<div id="main"><blogger>
<br/>
<div class="right"><a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>>comments(<$BlogItemCommentCount$>)</a></BlogItemCommentsEnabled></div>
<div class="h1"><a href="<$BlogItemPermalinkURL$>"><$BlogItemTitle$></a></span></BlogItemTitle></div>
<br/>
<$BlogItemBody$></blogger>
<br/>
<a class="newer" href=<$NewerPosts$>>NEWER POST</a><a class="older" href=<$OlderPosts$>>OLDER POST</a>
<br/>
<br/>
</div></div>

<div id="one" style="display: none;">
<br/>
<div class="right">Fearless</div>
<div class="h1">Free Pages</div>
<br/>
<blockquote class="tr_bq" style="text-align: center;">You may put anything at here</blockquote>
<br/>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
<br/><br/><br/>
</div>

<div id="two" style="display: none;">
<div id="main"><blogger>
<br/>
<div class="right"><a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>>comments (<$BlogItemCommentCount$>)</a></BlogItemCommentsEnabled></div>
<div class="h1"><a href="<$BlogItemPermalinkURL$>"><$BlogItemTitle$></a></span></BlogItemTitle></div>
<br/>
<$BlogItemBody$></blogger>
<br/>
<a class="newer" href=<$NewerPosts$>>NEWER POST</a><a class="older" href=<$OlderPosts$>>OLDER POST</a>
<br/>
<br/>
</div>
<div id="three" style="display: none;">
<br/>
<div class="right2">Butterflies</div>
<div class="h1">Free Page</div>
<br/>
<br/>
<blockquote class="tr_bq" style="text-align: center;">You may put anything at here</blockquote>
<br/>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
<br/><br/><br/><br/>
</div>
</body>
</head>
<style type="text/css">body, a, a:link{cursor:url(http://media.tumblr.com/tumblr_lpyq1ipTIe1qcn2vb.gif), default;} a:hover {cursor:url(http://static.tumblr.com/z7e2cpq/PDhlllqdn/ponteiro_roxo.png),wait;}
</style>
</html>

<!----------------------------------------------------------------------
Name : The Floating Palace
Theme : Gorgeous, Gray, Nice, Glamour
Template by : http://anugerahsalsa.blogspot.com/
Basecode by : http://chocollyheart.blogspot.com/
Thanks for using My skin. Don't remove the credits!
----------------------------------------------------------------------!>
<script type="text/javascript">$('body').hide();$('body').fadeIn(2000);</script>
<html><head>
<script type="text/javascript">
document.ondragstart = function () { return false; }; </script>
<link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Delius' rel='stylesheet' type='text/css'>
<link href='http://media.tumblr.com/tumblr_lkl6u2Pii71qfamg6.gif' rel='icon' type='image/x-icon'/>
<title>The Floating Palace</title>
<style>

#navbar-iframe {
display: none;
}

body {
color: #808080;
font: 10px Delius;
background: url(http://31.media.tumblr.com/cdedc082f3c7eeaf7c2e9ec30aacd283/tumblr_movdbcThVO1ru3nbdo1_250.png);
background-attachment: fixed;
background-position: top left;
background-repeat: repeat;
}

a:link,a:active,a:visited {
text-decoration: none;
color: #c4c6c7;
-webkit-transition: 0.3s;
}

a:hover {
color: #e8e9e9;
text-decoration: none;
-webkit-transition: 0.3s;
}

.blogger-labels {
border-top: 1px dotted #c4c6c7;
font: 9px Delius;
letter-spacing: 1px;
color: #555;
text-transform: uppercase;
}

::-webkit-scrollbar {
width: 7px;
}

::-webkit-scrollbar-track-piece {
background-color: #e8e9e9;
border: 3px solid #FFFFFF;
}

::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #e8e9e9;
border: 1px solid #FFFFFF;
}

blockquote {
-webkit-user-select: text;
-moz-user-select: text;
padding: 5px;
border: 1px dashed #e8e9e9;
padding-left: 25px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoHHSipfQmUSQ_iDUObOfoFZDb5lV20ExG7wotJ6N3YLU2e7iADyqkhpQaegDa5AN5bsGpb1QTwrEpMINOGEJ1rGBu4ghriR2TabOhTgVKVTGdMMXiV7Pgt_828cdnrOYjd4p-lDJ92sE/s1600/grayy.png) repeat-y;
background-size: 20px 20px;
color: #aaa;
-webkit-transition: all .4s ease-in-out!important;
-moz-transition: all .4s ease-in-out!important;
-o-transition: all .4s ease-in-out!important;
}

.entries-position {
right: 180px;
position: absolute;
top: 100px;
width: 620px;
}

@font-face {
font-family:"Cac";
font-weight:
bolder;src:url('http://static.tumblr.com/ijqoxlo/SlOlvqdf2/cacpinafore.ttf');
}

.tr-caption {
background: #dde0e1;
padding: 1px;
font-family: Delius;
font-size: 15px;
font-style: italic;
letter-spacing: 2px;
}

.entries-background {
border: 2px solid #e7e8e8;
background: #fff;
padding: 10px;
box-shadow: 0 0 10px rgba(0,0,0,.05);
margin-bottom: 30px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease-in-out;
}

.entries-background:hover {
border: 2px solid #d5d7d8;
background: #fff;
padding: 10px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease-in-out;
margin-bottom: 30px;
}

.entries-title {
background: #ebeeef;
font-size: 14px;
color: #aaa;
padding: 2px;
font-family: Delius;
letter-spacing: 3px;
margin-top: 10px;
margin-left: -20px;
margin-bottom: 10px;
margin-right: -20px;
text-align: center;
font-weight: normal;
}

h10 {
font-family: Delius;
padding-top: 1px;
font-size: 12px;
color: #aaa;
text-align: center;
text-transform: uppercase;
background: #e9eaea;
letter-spacing: 5px;
height: 16px;
padding-left: 6px;
display: block;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
}

.box {
width: 235px;
padding: 10px;
background: url(http://static.tumblr.com/5uvtpxx/GfZmplc3n/other.gif);
margin-bottom: 10px;
}

.box2 {
padding: 3px;
display: block;
height: 17px;
width: 225px;
background: #fff;
-webkit-transition-duration: .8s;
-moz-transition-duration: .8s;
overflow: hidden;
}

.box2:hover {
height: 150px;
}

a.older {
margin-top: -20px;
margin-bottom: 10px;
text-transform: uppercase;
background: #f0eeee;
border: 1px solid dddddd;
letter-spacing: 2px;
color: #555;
padding: 2px;
font: 9px trebuchet ms;
float: right;
}

a.newer {
margin-top: -20px;
margin-bottom: 10px;
text-transform: uppercase;
background: #f0eeee;
border: 1px solid #dddddd;
letter-spacing: 2px;
color: #555;
padding: 2px;
font: 9px trebuchet ms;
float: left;
}

.blogskins {
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
width: 150px;
height: 110px;
border: 5px solid #f0eeee;
}

.blogskins:hover {
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
border: 5px solid pink;
}

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

@font-face {
font-family:loraitalic;src:url('http://static.tumblr.com/eq1rpir/eqRm5w1z1/lora-italic.ttf');
}

a.link1 {
display: inline-block;
width: 50px;
background: #d6d5d5;
padding: 4px;
padding-left: 6px;
padding-right: 6px;
font: 8px 'tinytots';
text-transform: uppercase;
color: white;
-webkit-transition: 1s;
-moz-transition: 1s;
}

a.link2 {
display: inline-block;
width: 50px;
background: #e5e4e4;
padding: 4px;
padding-left: 6px;
padding-right: 6px;
font: 8px 'tinytots';
text-transform: uppercase;
color: white;
-webkit-transition: 1s;
-moz-transition: 1s;
}

a.link4 {
display: inline-block;
width: 50px;
background: #d6d5d5;
padding: 4px;
padding-left: 6px;
padding-right: 6px;
font: 8px 'tinytots';
text-transform: uppercase;
color: white;
-webkit-transition: 1s;
-moz-transition: 1s;
}

a.link1:hover {
z-index: 116;
padding-right: 30px;
-webkit-transition: 1s;
-moz-transition: 1s;
text-align: center;
}

a.link2:hover {
padding-left: 30px;
padding-right: 26px;
-webkit-transition: 1s;
-moz-transition: 1s;
text-align: center;
}

a.link4:hover {
padding-left: 30px;
-webkit-transition: 1s;
-moz-transition: 1s;
text-align: center;
}

#thing {
left: 10px;
position: relative;
margin-top: 10px;
margin-left: -7px;
}

#lol {
position: fixed;
margin-top: 100px;
margin-left: 25px;
}

#round {
padding: 10px;
width: 95px;
height: 95px;
margin-left: 75px;
margin-bottom: 10px;
background-color: #dde0e1;
border-radius: 80px;
}

#round img {
max-width: 96px;
border-radius: 100px;
}

#desc {
width: 230px;
margin-top: 5px;
padding: 5px;
font-family: loraitalic;
font-size: 12px;
background-color: #dde0e1;
border-top: 1px dashed #dde0e1;
border-bottom: 1px dashed #dde0e1;
}

#title {
font-family: cac;
letter-spacing: 2px;
font-size: 25px;
text-align: center;
margin-bottom: 2px;
padding-bottom: -8px;
color: #d5d4d4;
border-bottom: 1px dashed #dde0e1;
}

#sidebar {
width: 240px;
padding: 5px;
background-color: #ffffff;
border: 2px solid #dad8d8;
}

#krik {
position: fixed;
left: 120px;
top: 0px;
width: 300px;
height: 100%;
background-color: ;
background-image: url('http://static.tumblr.com/5uvtpxx/CmMmplaii/vintage__3_.png');
background-attachment: fixed;
}

#navi a {
padding: 7px;
display: inline-block;
width: 160px;
margin-left: 40px;
background: #e5e4e4;
font: 8px 'tinytots';
text-transform: uppercase;
color: #999;
letter-spacing: 1px;
display: block;
text-align: center;
overflow: hidden;
margin-bottom: 4px;
}

#navi a:hover {
background: #e5e4e4;
color: #fff;
}

a #desi {
padding: 7px;
color: #999;
background: #dad8d8;
width: 100px;
z-index: 1;
position: absolute;
margin-top: -15px;
margin-left: -125px;
color: #777;
opacity: 0;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
transition: all 0.5s linear;
}

a:hover #desi {
color: #fff;
width: 100px;
position: absolute;
margin-top: -15px;
margin-left: 20px;
opacity: 1;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
transition: all 0.5s linear;
}

#com {
width: 200px;
margin-top: -5px;
margin-left: -10px;
padding: 2px;
position: absolute;
font-family: tinytots;
letter-spacing: 1px;
background: #dad8d8;
color: #444;
font-size: 8px;
opacity: 0;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
transition: all 0.5s linear;
z-index: 103;
}

.entries-background:hover #com {
opacity: 1;
padding-left: 20px;
width: 594px;
overflow: hidden;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
transition: all 0.5s linear;
}

#top2 {
position: fixed;
z-index: 500;
margin-top: 0;
margin-left: 290px;
border: 2px solid #dde0e1;
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-HJPMq2n_e2JRVkRkDJElCzvWxcifHpibnfXEjMYWRM9ebHorH4zsAhB3Orx0Cu-vS2H3XZtVH6hLCycYcNP6n0R3p25Q8xgtksSY-mQD3euW8crCgrXWZsBQgGYTqpG_GVvwk_fwarQ/s1600/tumblr_mt67noIbPl1ru3nbdo5_r1_100.png");
width: 10px;
height: 100%;
}

#bottom2 {
position: fixed;
z-index: 500;
margin-top: 0;
margin-left: 0px;
border: 2px solid #dde0e1;
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-HJPMq2n_e2JRVkRkDJElCzvWxcifHpibnfXEjMYWRM9ebHorH4zsAhB3Orx0Cu-vS2H3XZtVH6hLCycYcNP6n0R3p25Q8xgtksSY-mQD3euW8crCgrXWZsBQgGYTqpG_GVvwk_fwarQ/s1600/tumblr_mt67noIbPl1ru3nbdo5_r1_100.png");
width: 10px;
height: 100%;
}

#center2 {
position: fixed;
overflow: hidden;
margin-top: 0;
margin-left: 150px;
background: #dedddd;
width: 10px;
height: 100%;
}

a.link3 {
text-transform: uppercase;
border: 2px solid transparent;
background: #e4e3e3;
width: 45px;
margin: 5px;
padding: 3px;
color: #555;
text-align: center;
font: 8px 'tinytots';
display: inline-block;
-webkit-transition: 0.3s;
}

a.link3:hover {
border: 2px solid #e4e3e3;
background: #fff;
color: #aaa;
-webkit-transition: 0.3s;
}

.word2 {
width: 50px;
font-size: 14px;
font-family: Delius;
letter-spacing: 2px;
text-transform: uppercase;
color: #888;
margin-top: 5px;
text-align: center;
-webkit-transition: 0.8s;
}

.word2:hover {
background: #dedddd;
color: #000;
webkit-transition: 0.8s;
}

#dhtmltooltip {
position: absolute;
width: 110px;
border: 2px solid #dedddd;
padding: 2px;
visibility: hidden;
z-index: 100;
font-family: 'Delius';
color: #777;
font-size: 12px;
background: #fff;
-moz-box-shadow: 0px 0px 8px #e6e4e4;
-webkit-box-shadow: 0px 0px 8px #e6e4e4;
box-shadow: 0px 0px 8px #e6e4e4;
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#header {
font-family: 'pacifico', sans-serif!important;
font-size: 46pt!important;
text-shadow: 0px 0px 0px transparent;
-webkit-transition: all .15s linear;
-moz-transition: all .15s linear;
color: dddddd;
text-transform: lowercase;
-webkit-text-stroke: 1px transparent;
margin: 0px;
position: absolute;
z-index: 8;
}

#header:hover {
font-size: 46pt!important;
text-shadow: 1px 1px 0px #dddddd, 2px 2px 0px #dddddd, 3px 3px 0px #dddddd, 4px 4px 0px #dddddd, 5px 5px 0px #dddddd, 6px 6px 0px #dddddd, 7px 7px 0px #dddddd, 8px 8px 0px #e6e4e4;
-webkit-transition: all .15s linear;
-moz-transition: all .15s linear;
color: #fff;
}

</style><body>

<div id="header"><div style="margin-left:490px;margin-top:-10px;">Floating Article</div></div>
<div id="dhtmltooltip"></div>

<script type="text/javascript">

/***********************************************
* Cool DHTML tooltip script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

var offsetxpoint=-60 //Customize x offset of tooltip
var offsetypoint=20 //Customize y offset of tooltip
var ie=document.all
var ns6=document.getElementById && !document.all
var enabletip=false
if (ie||ns6)
var tipobj=document.all? document.all["dhtmltooltip"] : document.getElementById? document.getElementById("dhtmltooltip") : ""

function ietruebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function ddrivetip(thetext, thecolor, thewidth){
if (ns6||ie){
if (typeof thewidth!="undefined") tipobj.style.width=thewidth+"px"
if (typeof thecolor!="undefined" && thecolor!="") tipobj.style.backgroundColor=thecolor
tipobj.innerHTML=thetext
enabletip=true
return false
}
}

function positiontip(e){
if (enabletip){
var curX=(ns6)?e.pageX : event.clientX+ietruebody().scrollLeft;
var curY=(ns6)?e.pageY : event.clientY+ietruebody().scrollTop;
//Find out how close the mouse is to the corner of the window
var rightedge=ie&&!window.opera? ietruebody().clientWidth-event.clientX-offsetxpoint : window.innerWidth-e.clientX-offsetxpoint-20
var bottomedge=ie&&!window.opera? ietruebody().clientHeight-event.clientY-offsetypoint : window.innerHeight-e.clientY-offsetypoint-20

var leftedge=(offsetxpoint<0)? offsetxpoint*(-1) : -1000

//if the horizontal distance isn't enough to accomodate the width of the context menu
if (rightedge<tipobj.offsetWidth)
//move the horizontal position of the menu to the left by it's width
tipobj.style.left=ie? ietruebody().scrollLeft+event.clientX-tipobj.offsetWidth+"px" : window.pageXOffset+e.clientX-tipobj.offsetWidth+"px"
else if (curX<leftedge)
tipobj.style.left="5px"
else
//position the horizontal position of the menu where the mouse is positioned
tipobj.style.left=curX+offsetxpoint+"px"

//same concept with the vertical position
if (bottomedge<tipobj.offsetHeight)
tipobj.style.top=ie? ietruebody().scrollTop+event.clientY-tipobj.offsetHeight-offsetypoint+"px" : window.pageYOffset+e.clientY-tipobj.offsetHeight-offsetypoint+"px"
else
tipobj.style.top=curY+offsetypoint+"px"
tipobj.style.visibility="visible"
}
}

function hideddrivetip(){
if (ns6||ie){
enabletip=false
tipobj.style.visibility="hidden"
tipobj.style.left="-1000px"
tipobj.style.backgroundColor=''
tipobj.style.width=''
}
}

document.onmousemove=positiontip

</script>

<div style="position: fixed; bottom: 5px; left: 5px"><DIV onMouseover = "ddrivetip ('Anugerah Salsa', '# EFEFEF')";
onMouseout = "hideddrivetip ()"> <a class="word2" style="color:#000;" href="http://anugerahsalsa.blogspot.com/">THEME</a> </ Div>
</div>
<div id="krik">
<div id="top2"></div>
<div id="bottom2"></div>
<div id="center2"></div>
<div id="lol">
<div id="round"><img src="http://data.whicdn.com/images/18985030/tumblr_lekwj2xvw61qzr2i2o1_250_large.gif"></div>

<div class="box"><div class="box2"><h10>Exchange Link!</h10>
<div style="font-family:arial;font-size:8px;height:130px; overflow:auto;margin-top:3px;">
<center><table cellpadding="3" cellspacing="2" width="160">
<tbody><tr>
<td style="text-align:right;">Name</td>
<td><input type="text" size="12" font="Delius" value="Salsa" style="width:150px;color:#777;border:1px dashed #e4e3e3;background-color:#ffffff;" onclick="this.focus()" onfocus="this.select()"></td>
</tr><tr>
<td style="text-align:right;">URL</td>
<td><input type="text" size="12" value="http://anugerahsalsa.blogspot.com/" style="width:150px;color: #777;border:1px dashed #e4e3e3;background-color:#ffffff;" onclick="this.focus()" onfocus="this.select()"></td>
</tr></tbody>
</table></center>
<center><a class="link3" onclick="window.open('http://anugerahsalsa.blogspot.com/'); return false;">Salsa</a>
<a class="link3" onclick="window.open('#'); return false;">Open</a>
<a class="link3" onclick="window.open('#'); return false;">Open</a>
<a class="link3" onclick="window.open('#'); return false;">Open</a>
<a class="link3" onclick="window.open('#'); return false;">Open</a>
<a class="link3" onclick="window.open('#'); return false;">Open</a>
<a class="link3" onclick="window.open('#'); return false;">Open</a>
<a class="link3" onclick="window.open('#'); return false;">Open</a>
<a class="link3" onclick="window.open('#'); return false;">Open</a>
<a class="link3" onclick="window.open('#'); return false;">Open</a>
<a class="link3" onclick="window.open('#'); return false;">Open</a>
<a class="link3" onclick="window.open('#'); return false;">Open</a>
<a class="link3" onclick="window.open('#'); return false;">Open</a>
<a class="link3" onclick="window.open('#'); return false;">Open</a>
<a class="link3" onclick="window.open('#'); return false;">Open</a>

</center>
</div></div></div>

<div id="sidebar">
<div id="title">Friendship</div>

<center><a class="link1" onClick="document.getElementById('main').innerHTML=document.getElementById('one').innerHTML" >Free Page</a>
<a class="link2" onClick="document.getElementById('main').innerHTML=document.getElementById('two').innerHTML" >Entries</a>
<a class="link4" onClick="document.getElementById('main').innerHTML=document.getElementById('three').innerHTML" >Free Page</a></center>

<div id="desc"><div style="text-align:left;">
"Let us be grateful to people who make us happy, they are the charming gardeners who make our souls blossom." </div>
<div style="text-align:right;">- Anon {<script type="text/javascript" src="http://st1.freeonlineusers.com/on3.php?id=FREEONLINEUSERID" > </script>}<embed src="http://www.strangecube.com/audioplay/online/audioplay.swf?file=http://k007.kiwi6.com/hotlink/xw5emq5en7/Music_Box_Cute.mp3&auto=yes&sendstop=no&repeat=87&buttondir=http://www.strangecube.com/audioplay/online/alpha_buttons/negative_small&bgcolor=0xffffff&mode=playpause" quality=high wmode=transparent width="15" height="20" style="margin-bottom:-9px;" TYPE="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>
</div>

</div>

</div>

<div id="thing">
<div id="navi">
<a href="http://www.blogskins.com/me/anugerahsalsa">자기 소개<div id="desi">Blogskins</div></a>
<a href="javascript:void(0);" onclick="window.open('http://www.blogger.com/follow-blog.g?blogID=3191439666331140370','me','width=520,height=530')">따라<div id="desi">Follow</div></a>
<a href="https://www.facebook.com/anugerahwookie1004?ref=tn_tnmn">페이 스북<div id="desi">Facebook</div></a>
<a href="https://cbox.ws/">발자국<div id="desi">Cbox</div></a>
</div>
</div></div></div></div>

<div class="entries-position">
<div id="main"><blogger><div class="entries-background">
<center><div id="com">Posted at <$BlogItemDateTime$></BlogItemDateTime>, Leave Your <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>>Sparkle[s] </a>(<$BlogItemCommentCount$>)</BlogItemCommentsEnabled></div></center>
<div class="entries-title"><a href="<$BlogItemPermalinkURL$>"><$BlogItemTitle$></a></span></BlogItemTitle></div>
<$BlogItemBody$>
</div></blogger><a class="newer" href=<$NewerPosts$>>NEWER POST</a><a class="older" href=<$OlderPosts$>>OLDER POST</a></div></div>

<div id="one" style="display: none;"><div class="entries-background">
<div class="entries-title">Free Page</div>
<br/>
<blockquote class="tr_bq" style="text-align: center;">You may put anything at here</blockquote>
<br/>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
</div></div>

<div id="two" style="display: none;">
<div id="main"><blogger><div class="entries-background">
<center><div id="com">Posted at <$BlogItemDateTime$></BlogItemDateTime>, leave your <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>>Sparkle[s] <$BlogItemCommentCount$>)</a></BlogItemCommentsEnabled></div></center>
<div class="entries-title"><a href="<$BlogItemPermalinkURL$>"><$BlogItemTitle$></a></span></BlogItemTitle></div>
<$BlogItemBody$>
</div></blogger><a class="newer" href=<$NewerPosts$>>NEWER POST</a><a class="older" href=<$OlderPosts$>>OLDER POST</a></div>

<div id="three" style="display: none;"><div class="entries-background">
<div class="entries-title">Free Page</div>
<br/>
<blockquote class="tr_bq" style="text-align: center;">You may put anything at here</blockquote>
<br/>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
</div></div>
</body></head>
<style type="text/css">body, a, a:link{cursor:url(http://media.tumblr.com/tumblr_lqs4qoKE1V1qfoi4t.png), default;} a:hover {cursor:url(http://media.tumblr.com/tumblr_lqs4it9hbQ1qfoi4t.png),wait;}
</style>
</html>

<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://www.testesdrika.blogger.com.br/5bul1.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://static.tumblr.com/6oysso7/k0Jls1t44/a-helphtml__11_.ico" />
<br><br>
</script>
<link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Delius+Unicase' rel='stylesheet' type='text/css'>
<center><img class="header" src="http://i.imgur.com/OV73Lwb.png" /></center>
<title>Sweet Escape</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://25.media.tumblr.com/9e42867bbe3d5a23e9ce35bfde172ffa/tumblr_mt67noIbPl1ru3nbdo9_r1_250.png);
color: #888888;
line-height: 15px;
text-align: justify;
cursor: url(http://media.tumblr.com/tumblr_m2wiw8YuiF1qfamg6.gif);
}

table {
cursor: url(http://media.tumblr.com/tumblr_m2wiw8YuiF1qfamg6.gif);
background:#fff;
font: 11px Short Stack;
letter-spacing: 1px;
color: #999;
line-height: 20px;
padding:5px;
border:15px solid #fff1f4;
border-radius:5px;
width:900;}

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

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

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

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

u {
text-decoration: none;
border-bottom: 1px solid Pink;
}

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

blockquote{
padding:5px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNs9O-eDi23MvPAkFb8RpbEsY75ovwRKNkg2MYhLlD6q31NSn5uMF5W-LNkXjwpGgG042g6IDds46-N7m8HWsrjFg6jQQDjcdjjK5sdKWm3CH12JJOzTRxDDxXLFah0NWwwyJeCCCaQ2I/s1600/sparkles.png);
border:2px solid #ffdfe7;
}

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 #ffcbd7;}

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

.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_lkl5gmg2ZC1qfamg6.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 #fcebef;
margin:0em;
padding:5px;
color:#808080;
}

.pocetit {
text-transform:uppercase !important;
background:url(http://25.media.tumblr.com/ab6fae6efe0134f8829013acaf10a99e/tumblr_movdbcThVO1ru3nbdo5_250.png) !important;
color:#bbb !important;-webkit-transition: 1.0s !important;
-moz-transition: 1.0s;letter-spacing:5px !important;
margin-bottom:0px !important;
font-size:12px !important;line-height:20px; !important;
text-align:right !important;
padding-right:0px !important;border:1px solid #ffe3e8!important;
}

.arrien {
margin-top:0px;
background:#fff;
border:1px solid #ffe3e8;
font-family:Short Stack;
font-size: 10px;
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:8px;
height:8px;
}
::-webkit-scrollbar-track-piece {
background-color: #fbc3cf;
border: 3px solid #FFFFFF;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background: url(http://snow-white.lolipop.jp/sozai/wall/dot/25_01.gif);
border: 1px solid #FFFFFF;
}

a.navi{
border:1px solid #ffe1e5;
padding:7px;
font:9px Short Stack;
letter-spacing:2px;
display:inline-block;
text-align:center;
text-transform:uppercase;
width:65px;
background:#ffdae4;
color:#fff;
margin-left: 5px;
margin-right: 5px;
-webkit-transition:2s;}

a.navi:hover{
letter-spacing:4px;
box-shadow:inset -50px -40px 0px #ffe1e9,inset 50px 40px 0px #ffe1e9;
-webkit-transition:3s;
color:#000;
}

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

</style>

<style>
.raejun{
width:60px;
padding:15px;
margin-top:15px;
box-shadow:2px 2px 4px #ffd9e0;
background:#ffe2e8;
font:11px Short Stack;
text-align:center;
Text-decoration:none;
color:#ff85a2;
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:1px solid Pink;
-webkit-border-top-right-radius: 333px;
-webkit-border-bottom-right-radius: 333px;
-moz-border-radius-topright: 333px;
-moz-border-radius-bottomright: 333px;
border-top-right-radius: 333px;
border-bottom-right-radius: 333px;
}

.raejun:hover{
width:66px;
border-left:10px solid #ffd9e0;
}

.raejun1{
width:60px;
padding:15px;
margin-top:15px;
box-shadow:2px 2px 4px #ffd9e0;
background:#ffcdd8;
font:11px Short Stack;
text-align:center;
Text-decoration:none;
color:#fff;
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:1px solid Pink;
-webkit-border-top-right-radius: 333px;
-webkit-border-bottom-right-radius: 333px;
-moz-border-radius-topright: 333px;
-moz-border-radius-bottomright: 333px;
border-top-right-radius: 333px;
border-bottom-right-radius: 333px;
}

.raejun1:hover{
width:66px;
border-left:10px solid #ffc0cc;
}

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

<div style="position:fixed; top:100px;left:0px;width:100px; color:#aaa;">
<a class="raejun" onClick="document.getElementById('main').innerHTML=document.getElementById('o').innerHTML">Home</a>
<a class="raejun1" onClick="document.getElementById('main').innerHTML=document.getElementById('k').innerHTML">About</a>
<a class="raejun" onClick="document.getElementById('main').innerHTML=document.getElementById('p').innerHTML">Friends</a>
<a class="raejun1" onClick="document.getElementById('main').innerHTML=document.getElementById('stuffs').innerHTML">Stuffs</a>
<a class="raejun" href="http://www.blogger.com/follow-blog.g?blogID=" >Follow</a>
</div>

</head>

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

<tr>

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

<div class="pocetit">Welcome!</div>
<div class="arrien">hello there</div><br>
<center>
<div style="background:url(http://i.imgur.com/mKh81cc.gif) repeat; border:1px solid Pink;padding:5px;width:200px;">
<img style="width:200px;height:140px;" src="http://24.media.tumblr.com/013ce97bbba9494432e064f3f435b6dc/tumblr_met91bvJNF1rbavh7o1_500.png">
</center>
</div>
<center>AnugerahSalsa @ Wuyifanwifeyy. Fourteen. Seoul.
I'm ELF and Exostan forever.
All my love is for Exostan ?<br>
</center><br>
</div>

<div class="pocetit">Tagboard</div>
<div class="arrien">Sweety Talkie</div><br>
<center><img src="http://i.imgur.com/gRbgyut.jpg"></center>
<center> Put your own cbox code</center><br>



<div class="pocetit">Credit</div>
<div class="arrien">big claps!</div><br>

<center>© 2013 - Full Template by <a href="http://anugerahsalsa.blogspot.com/">Anugerah</a> <a href="http://www.blogskins.com/me/anugerahsalsa">Salsa</a>. Basecode by <a href="http://arrienlove.blogspot.com/">Arrien</a><a href="http://www.blogskins.com/me/arrien">Amani</a>. Special template for <a href="http://novitalesyani28.blogspot.com/">Novita</a><br></center>


</div>
</td>

</div>

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

<Blogger>
<div class="pocetit"><$BlogItemTitle$></div><div class="arrien" style="float:center;text-align:left;"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Girl(s)</a></BlogItemCommentsEnabled></div><$blogitembody$><br>
<br>

<center><OlderPosts><a href=<$OlderPosts$>>OLDER</a> </OlderPosts> <NewerPosts> • <a href=<$NewerPosts$>>NEWER</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:1px solid Pink;6px;background:url(http://25.media.tumblr.com/5d628da23049314b7c347cbbd55b6755/tumblr_movcawwYsM1ru3nbdo2_250.png); box-shadow:0 0 3px #ffc6d2;">
<$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="arrien" style="float:center;text-align:left;"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Girl(s)</a></BlogItemCommentsEnabled></div><$blogitembody$><br>
<br>

<center><OlderPosts><a href=<$OlderPosts$>>OLDER</a> </OlderPosts> <NewerPosts> • <a href=<$NewerPosts$>>NEWER</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:1px solid Pink;6px;background:url(http://25.media.tumblr.com/5d628da23049314b7c347cbbd55b6755/tumblr_movcawwYsM1ru3nbdo2_250.png); box-shadow:0 0 3px #ffc6d2;">
<$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">Le' Owner!</div>
<div class="arrien">Meet the owner</div><br>
<center><img height="280" src="http://25.media.tumblr.com/87ef6b12c3bcf3d20fa6cb338555b11f/tumblr_mv2wmcEu6J1rpjqjso1_500.png" width="400" /></center><br>
<center><blockquote> Put your own profile!!</blockquote> </center>

</td>

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

<div class="pocetit">Linkies</div>
<div class="arrien">Friendship never end</div><br>
<center><img style="padding: 2px; border: 1px solid Pink;"src="http://25.media.tumblr.com/tumblr_m15qzqd1aG1qbbisao1_500.png" width="500"></center><br>

<center>
<input type="text" size="11" value="Your Name" style="width:180px;font:11px Short Stack;color:#666;border:1px solid #ffe7ec;margin-right:6px;background-color:#ffffff;padding:2px;padding-left:4px;" onclick="this.focus()" onfocus="this.select()">
<input type="text" size="11" value="http://your url.blogspot.com" style="width:180px;font:11px Short Stack;color:#666;border:1px solid #ffe7ec;background-color:#ffffff;padding:2px;padding-left:4px;" onclick="this.focus()" onfocus="this.select()"></center>
<br><br>
<center>
<a class="navi" href="http://.blogspot.com/">Salsa</a>
<a class="navi" href="http://.blogspot.com/">Kitty</a>
<a class="navi" href="http://.blogspot.com/">Kitty</a>
<a class="navi" href="http://.blogspot.com/">Kitty</a>
<a class="navi" href="http://.blogspot.com/">Kitty</a>
</center>

</td>

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

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

<center><img style="padding: 2px; border: 1px solid #eee;"src="http://25.media.tumblr.com/tumblr_m6y7hlXurU1qbbisao1_500.jpg" width="500"></center><br>

<center><blockquote> Put anything!!</blockquote> </center>

</div>

<style>

a.thingi {
background:url(http://media.tumblr.com/918a0e4c19b25c044e156b5b82079837/tumblr_inline_mg0ncyz50L1qdlkyg.gif);
background-repeat:no-repeat;
background-size:13px;
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(http://media.tumblr.com/e65b52f5ccc91f5cc05290f648447622/tumblr_inline_mg0ncuWUv21qdlkyg.gif);
background-repeat:no-repeat;
background-size:13px;
color: #938B54;
}

</style>

</div>
</td>

<br><br/>
</table>
<script language=JavaScript>

</script>
</body>
</html>

Arrien