<< Back
Hello!
Welcome to my page codes. Press CTRL + C to copy.
<!----------------------------------------------------------------------
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>
Arrien