Codes Boyfriend








<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://lh6.ggpht.com/_NZJzdRm10Y0/TUbt6t4hQMI/AAAAAAAAAgU/d48ohIw8_Ak/icons18.gif' rel='icon' type='image/x-icon'/>
<title>//Boyfriend</title>
<style>

#navbar-iframe {
    display: none;
}

body {
    cursor: url('http://media.tumblr.com/tumblr_m2umkkR6T61qfamg6.gif'), auto;
    color: #808080;
    font: 10px trebuchet ms;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwxBo8S2NscHHsbz3-PN-scvR6UU3BxBm5nQmqKWJaKjV9zqdWZopEluoyFpHUmOjDnxM1lIoi_cGVTxWD6FhkVl-TJyVmaDy_kWx3fLc4bPLYeWji964lOj-M6WOown9C23dPmht9XtI/s1600/backpink.png);
    background-attachment: fixed;
    background-position: top left;
    background-repeat: repeat;
}

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

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

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

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

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

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

blockquote {
    -webkit-user-select: text;
    -moz-user-select: text;
    padding: 5px;
    border: 1px dashed pink;
    padding-left: 25px;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLPhrusk5Djq1-lrYvEOnYDG0HmIdSfXeREZbLI5bFci-AF1_a3WcjvHhTvG8XDBXn9m8y7XHMzaTbntVWucVdiwRuz42R9rvvMQLyeYDl7HU8sdeZl3B-Vl91zkFI4q_DOAkFp8ktI24/s1600/pink.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: #eee;
    padding: 1px;
    font-family: georgia;
    font-size: 10px;
    font-style: italic;
    letter-spacing: 2px;
}

.entries-background {
    border: 2px solid #FFE0E0;
    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  #FFB8B8;
    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: #FFEBEB;
    font-size: 12px;
    color: #aaa;
    padding: 2px;
    font-family: consolas;
    letter-spacing: 3px;
    margin-top: 10px;
    margin-left: -20px;
    margin-bottom: 10px;
    margin-right: -20px;
    text-align: center;
    font-weight: normal;
}

h10 {
    font-family: consolas;
    padding-top: 1px;
    font-size: 12px;
    color: #aaa;
    text-align: center;
    text-transform: uppercase;
    background: #FFF5F5;
    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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOV7yIBt4a4n5_fkWuYYSUp-1v1iHFSAgDbeiRynTsWCJ0355AKNYdrfOkSr8id3-EROGepI9mopJMy-72ouZZH7ST61le0lfvs-THbWxLDORbN6xqv9Vriq6cqFrsoHh4GG8VtfA2Gdk/s320/pink1.png);
    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: #FFF5F5;
    border: 1px solid pink;
    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: #FFF5F5;
    border: 1px solid pink;
    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 #FFF5F5;
}

.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: #FFB8B8;
    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: #FFD6D6;
    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: #FFB8B8;
    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: #FFE0E0;
    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: #FFF0F0;
    border-top: 1px dashed #FFB8B8;
    border-bottom: 1px dashed #FFB8B8;
}

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

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

#krik {
    position: fixed;
    left: 120px;
    top: 0px;
    width: 300px;
    height: 100%;
    background-color: ;
    background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZsE5HjGpZ6zabfJNcH4IKW0BW3iQwCvsJct6h5NKVwX2tZ90ots7h1J4kCcQHJRVQhjx_W3b0mh9kzJrD2pwwqrgkD4mdrXbNFOG3fqXDoa1ayicVz9E4FAc07NTOGPNulYNBmgTlE9g/s1600/pink22.png');
    background-attachment: fixed;
}

#navi a {
    padding: 7px;
    display: inline-block;
    width: 160px;
    margin-left: 40px;
    background: #FFE0E0;
    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: #FF6699;
    color: #fff;
}

a #desi {
    padding: 7px;
    color: #999;
    background: #FFADAD;
    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: #FFF5F5;
    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;
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6-lJt8Y5QTxpkKawKEpZCIoqrXT_9VF53mH5onlsJCfpXGcVPT3qT5o6_lUfwv3-JFPMv7411k78zcB4-oXUJWllobg-OSwuz8mlXq_tos8lswpKi7lYAx7PviOkgCkELpoS6uQuAGPI/s1600/pink.png");
    width: 10px;
    height: 100%;
}

#bottom2 {
    position: fixed;
    z-index: 500;
    margin-top: 0;
    margin-left: 0px;
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6-lJt8Y5QTxpkKawKEpZCIoqrXT_9VF53mH5onlsJCfpXGcVPT3qT5o6_lUfwv3-JFPMv7411k78zcB4-oXUJWllobg-OSwuz8mlXq_tos8lswpKi7lYAx7PviOkgCkELpoS6uQuAGPI/s1600/pink.png");
    width: 10px;
    height: 100%;
}

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

a.link3 {
    text-transform: uppercase;
    border: 2px solid transparent;
    background: #FFE0E0;
    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  #FFE0E0;
    background: #fff;
    color: #aaa;
    -webkit-transition: 0.3s;
}

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

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

#dhtmltooltip {
    position: absolute;
    width: 110px;
    border: 2px solid pink;
    padding: 2px;
    visibility: hidden;
    z-index: 100;
    font-family: 'consolas';
    color: #777;
    font-size: 12px;
    background: #fff;
    -moz-box-shadow: 0px 0px 8px pink;
    -webkit-box-shadow: 0px 0px 8px pink;
    box-shadow: 0px 0px 8px pink;
    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: pink;
    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 pink, 2px 2px 0px pink, 3px 3px 0px pink, 4px 4px 0px pink, 5px 5px 0px pink, 6px 6px 0px pink, 7px 7px 0px pink, 8px 8px 0px pink;
    -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;">Wanna be my boyfriend ?</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; right: 5px"><DIV onMouseover = "ddrivetip ('Afiqah Junizan', '# EFEFEF')";
 onMouseout = "hideddrivetip ()"> <a class="word2" style="color:#000;" href="http:/chocollyheart.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>교환 링크</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="15" value="Afiqah" style="width:150px;color:#777;border:1px dashed #FFE0E0;background-color:#ffffff;" onclick="this.focus()" onfocus="this.select()"></td>
</tr><tr>
<td style="text-align:right;">URL</td>
<td><input type="text" size="15" value="http://chocollyheart.blogspot.com/" style="width:150px;color: #777;border:1px dashed #FFE0E0;background-color:#ffffff;" onclick="this.focus()" onfocus="this.select()"></td>
</tr></tbody>
</table></center>
<center><a class="link3" onclick="window.open('http://chocollyheart.blogspot.com/'); return false;">Afiqah</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">Boyfriend</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;">
    "There are 4 steps to happiness: 1. you, 2. me, 3. our hearts, 4. together!" </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://k003.kiwi6.com/hotlink/83cra5woz3/korean_song_Kiss_Because_I39m_A_Girl_with_lyrics.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.blogger.com/profile/11539663776071135318">자기 소개<div id="desi">About Me</div></a>
<a href="javascript:void(0);" onclick="window.open('http://www.blogger.com/follow-blog.g?blogID=7871771811045931378','me','width=520,height=530')">따라<div id="desi">Follow</div></a>
<a href="https://www.facebook.com/ieqa.munchie">페이 스북<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$>>comment </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$>>comment (<$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></html>