BS ; 02 // Memories
<!---------------------------------------------------------------------------
Don't COPY Any Code From This Template ! 101% Made & Create By Elaine0211 !
Designed By; Elaine0211
Designer's Blog; https://elaine0211.blogspot.com/
Date Of Design; 23.11.13
---------------------------------------------------------------------------!>
<HTML><head>
<link href='https://fonts.googleapis.com/css?family=Imprima' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Snippet' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
<base target='_blank'/><title>Memories</title>
<style type="text/css">
#navbar-iframe {
display: none;
}
body {
background:#fff;
font-family:'Imprima';
font-size:13px;
color:#ff99a3;
}
::-moz-selection {
background:#fff;
color:#fff;
text-shadow: 0.2em 0.1em 0.1em #ffbfbf;
}
::selection {
background:#fff;
color:#fff;
text-shadow: 0.2em 0.1em 0.1em #ffbfbf;
}
::-webkit-scrollbar { width: 6px;}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment { height:0px; display: block; background-color: #fff;}
::-webkit-scrollbar-track-piece { background-color:#fff; }
::-webkit-scrollbar-thumb{ border:1px solid #fff5f5;box-shadow:inset 0 0 10px #fff; margin-left:100px;}
::webkit-scrollbar-thumb:vertical {background:#fff;border: 0px solid #ffffff;border-right:none;}
::webkit-scrollbar-thumb:horizontal {background:#fff;border: 0px solid #ffffff;border-bottom:none;}
a:link,a:visited {
text-decoration:none;
padding:2px;
-webkit-background-clip:text;
-webkit-text-fill-color: transparent;
background-image:url(https://i1245.photobucket.com/albums/gg581/elaine960211/10045119709156add5_zpsfc669d38.jpg);
background-position:70% 20%;
-webkit-transition: 0.6s;
-moz-transition: 0.6s;
}
a:hover {
-webkit-background-clip:text;
-webkit-text-fill-color: transparent;
background-image:url(https://i1245.photobucket.com/albums/gg581/elaine960211/10045119709156add5_zpsfc669d38.jpg);
background-position:20% 70%;
-webkit-transition: 0.6s;
-moz-transition: 0.6s;
}
u {
text-decoration:underline;
border-bottom:1px dashed #ffe0e0;
filter: blur(0px);
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
-webkit-transition: 0.6s;
-moz-transition: 0.6s;
}
u:hover {
text-decoration:none;
border-bottom:4px double #fff;
filter: blur(1px);
-webkit-filter: blur(1px);
-moz-filter: blur(1px);
-webkit-transition: 0.6s;
-moz-transition: 0.6s;
}
b {
text-decoration:bold;
-webkit-transition: .8s;
-moz-transition: .8s;
}
b:hover {
-webkit-filter: hue-rotate(300deg);
-webkit-transition: .8s;
-moz-transition: .8s;
}
i {
-webkit-transition: .2s;
-moz-transition: .2s;
}
i:hover {
letter-spacing:2px;
-webkit-transition: .2s;
-moz-transition:.2s;
}
.post-title{
font-family: 'Snippet';
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNUSMqNOArbX26yN-SIMAtSZGgnfZdGJq-yq82Z6sZc_KsvwgJiQU44S1fkkREmbJwoNGEXMJ-9kYCqxTMTJSF-GeUfU8fIkMpu5o9cz5M0Oi1WFbEF7fB8lQJGC68F1M1ybEJ5_hbtkrU/s1600/pl3.png) no-repeat;
background-position:bottom left;
padding:0 0 3px 8px;
text-align:left;
margin-left:10px;
}
.page-title{
font-family: 'Great Vibes';
font-size:29px;
padding:4px 0 -2px 0;
text-align:left;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNUSMqNOArbX26yN-SIMAtSZGgnfZdGJq-yq82Z6sZc_KsvwgJiQU44S1fkkREmbJwoNGEXMJ-9kYCqxTMTJSF-GeUfU8fIkMpu5o9cz5M0Oi1WFbEF7fB8lQJGC68F1M1ybEJ5_hbtkrU/s1600/pl3.png) no-repeat;
background-position:bottom left;
}
/* Comment
----------------------------------------------- */
#comments {
margin:5px 13px 0;
border-width:0 1px 1px;
padding:20px 0 5px 0;
}
#comments-block {
margin:0 10px 0 9px;
}
span.comment-icon{
display:none;
}
.comment-icon blogger-comment-icon{
display:none;
}
.comment-poster {
}
.comment-data {
width:400px;
text-align:left;
margin: 1em .3em 0 0.4em;
padding:5px;
padding-left:20px;
border-radius:20px 20px 0 0;
border:1px dashed #ffeded;
}
.comment-body {
margin:0 0 1em;
padding:0 0 0 10px;
}
.comment-body p{
width:400px;
text-align:left;
margin:-2px 5px 2px -5px;
padding: 10px 5px 10px 20px;
text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
border-radius:0 0 6px 6px;
border:1px dashed #ffeded;
}
.comment-timestamp {
margin:0 0 .5em;
padding:0 0 0 10px;
float:center;
}
.comment-timestamp a:link {
color:#c7a189;
}
.deleted-comment {
font-style:italic;
color:gray;
}
.paging-control-container {
float:center;
margin: 0px 6px 0px 0px;
font-size: 80%;
}
.unneeded-paging-control {
visibility: hidden;
}
/* Footer
----------------------------------------------- */
.footer{
margin:10px 0px 3px ;
padding:4px;
padding:3px 20px 6px 10px;
text-align:right;
-webkit-transition-duration:.6s;
}
.footer:hover{
padding-right:30px;
-webkit-transition-duration:.6s;
}
a.footer{
color:#c7a189;
}
/* Other
----------------------------------------------- */
blockquote {
font-family:Imprima;
font-size:13px;
text-align:center;
padding:4px;
width:450px;
margin-left:5px;
border:1px dashed #ffeded;
border-radius:8px;
-webkit-transition: all 0.8s;
}
blockquote:hover{
border-radius:0px;
-webkit-transition: all 0.8s;
}
a.li {
border:1px solid #ffd8d6;
border-radius:5px;
padding: 3px;
display:inline-block;
width:100px;
margin: 2px;
-webkit-transition: .6s;
}
a.li:hover {
border-radius:0px;
-webkit-transition: .6s;
}
/* Post
----------------------------------------------- */
#main{
width:500px;
height:440px;
overflow-x:hidden;
overflow-y:scroll;
background:#fff;
-moz-box-shadow: 0 0 6px 6px #fff;
-webkit-box-shadow: 0 0 6px 6px #fff;
border-radius:10px;
padding:6px;
}
#sidebar {
text-align:center;
width:300px;
height:440px;
overflow-x:hidden;
overflow-y:scroll;
background:#fff;
-moz-box-shadow: 0 0 6px 6px #fff;
-webkit-box-shadow: 0 0 6px 6px #fff;
border-radius:10px;
padding:6px;
}
/* ImgHover1
----------------------------------------------- */
#imgh1{
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
border:2px double #ffdbdf;
width:270px;
height:180px;
background :url(https://i1245.photobucket.com/albums/gg581/elaine960211/bear_zps3eb6b645.jpg);
background-size:270px 180px;
overflow:hidden;
}
.t1 {
margin-top:25px;
margin-left:-230px;
padding:5px;
width:268px;
height:64px;
background:#fff;
border-top: 2px solid #ffdbdf;
opacity:0;
-webkit-transition:all .4s linear;
-moz-transition:all .4s linear;
transition:all .4s linear;
}
#t2 {
margin-top:-3px;
margin-left:240px;
padding:3px;
width:268px;
height:50px;
background:#fff;
border-bottom: 2px solid #ffdbdf;
display:block;
opacity:0;
-webkit-transition:all .2s linear;
-moz-transition:all .2s linear;
transition:all .2s linear;
}
#imgh1:hover .t1 {
opacity:.8;
margin-left:0px;
-webkit-transition:all .2s linear;
-moz-transition:all .2s linear;
transition:all .2s linear;
}
#imgh1:hover #t2 {
opacity:.8;
margin-left:0px;
-webkit-transition:all .4s linear;
-moz-transition:all .4s linear;
transition:all .4s linear;
}
/* ImgHover2
----------------------------------------------- */
.cbox {
width: 270px;
height: 180px;
position: relative;
overflow: hidden;
border: 2px solid #ffdbdf;
background:url(https://i1245.photobucket.com/albums/gg581/elaine960211/cut2_zps289bbb8e.png);
background-size: 270px 180px;
font-family:e-minny;
font-size:16px;
}
.cbox .mask,.cbox .content {
width: 270px;
height: 180px;
position: absolute;
overflow: hidden;
}
.cbox img {
padding:2px;
}
.cbox p {
position: relative;
padding: 6px;
margin-top:-15px;
}
.cbox-th .mask {
background-color: rgba(255, 255, 255, 0.7);
filter: alpha(opacity=0);
top: -200px;
opacity: 0;
-webkit-transition: all 0.3s ease-out 0.5s;
-moz-transition: all 0.3s ease-out 0.5s;
transition: all 0.3s ease-out 0.5s;
}
.cbox-th p {
-webkit-transform: translateX(-200px);
-moz-transform: translateX(-200px);
transform: translateX(-200px);
-webkit-transition: all 0.2s ease-in-out 0.2s;
-moz-transition: all 0.2s ease-in-out 0.2s;
transition: all 0.2s ease-in-out 0.2s;
}
.cbox-th:hover .mask {
filter: alpha(opacity=100);
opacity: 1;
top: 0px;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
transition-delay: 0s;
-webkit-animation: bounceX 0.9s linear;
-moz-animation: bounceX 0.9s linear;
-ms-animation: bounceX 0.9s linear;
animation: bounceX 0.9s linear;
}
.cbox-th:hover p {
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
transform: translateX(0px);
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
transition-delay: 0.2s;
}
@keyframes bounceX {
0% { transform: translateX(-205px);}
40% { transform: translateX(-100px);}
65% { transform: translateX(-52px);}
82% { transform: translateX(-25px);}
92% { transform: translateX(-12px);}
55%, 75%, 87%, 97%, 100% { transform: translateX(0px);}
}
@-moz-keyframes bounceX {
0% { -moz-transform: translateX(-205px);}
40% { -moz-transform: translateX(-100px);}
65% { -moz-transform: translateX(-52px);}
82% { -moz-transform: translateX(-25px);}
92% { -moz-transform: translateX(-12px);}
55%, 75%, 87%, 97%, 100% { -moz-transform: translateX(0px);}
}
@-webkit-keyframes bounceX {
0% { -webkit-transform: translateX(-205px);}
40% { -webkit-transform: translateX(-100px);}
65% { -webkit-transform: translateX(-52px);}
82% { -webkit-transform: translateX(-25px);}
92% { -webkit-transform: translateX(-12px);}
55%, 75%, 87%, 97%, 100% { -webkit-transform: translateX(0px);}
}
/* Navi
----------------------------------------------- */
.navb {
width:452px;
position:fixed;
right:110px;
top:140px;
}
.navp{
font-family:Imprima;
font-size:13px;
color:#ff808c;
background :url(https://i1245.photobucket.com/albums/gg581/elaine960211/cut1-1_zps95135f9d.png);
background-size:100%;
position:fixed;
width:200px;
height:207px;
top:140px;
right: 158px;
border:2px solid #ffdbdf;
padding:10px 10px 5px 10px;
border-radius: 15px 0px 0px 15px;
}
.home{
height:48px;
width:48px;
position:absolute;
top:0px;
right:0px;
padding:2px;
background-color:#ffdbdf;
border-radius: 0px 15px 0px 0px;
}
.home img{
width:48px;
border-radius: 0px 15px 0px 0px;
}
.icon{
text-align:center;
opacity:0;
width:50px;
height:50px;
position:absolute;
z-index:503;
top:2px;
background-color:#fff;
border-radius: 0px 15px 0px 0px;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
.icon img{
margin-top:5px;
width:40px;
height:auto;
}
.home:hover .icon{
opacity:0.7;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
.nav{
position:absolute;
right:0px;
top:52px;
z-index:800;
}
#link0, #link1, #link2, #link3{
position:absolute;
right:0px;
height:10px;
width:50px;
padding: 10px 1px;
text-align:center;
font-family:e-minny;
font-size:16px;
color:#fff;
border-top:1px solid #fff;
background-color:#ffdbdf;
-webkit-transition: all 0.9s ease-in-out;
-moz-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;
transition: all 0.9s ease-in-out;
}
#link0{ top:0px;border-bottom:1px solid #fff;}
#link1{ top:30px;border-bottom:1px solid #fff;}
#link2{ top:60px;border-bottom:1px solid #fff;}
#link3{ top:90px;border-bottom:1px solid #fff;}
#link0:hover, #link1:hover, #link2:hover, #link3:hover{
color:#ffdbdf;
padding-right:220px;
-webkit-transition: all 0.9s ease-in-out;
-moz-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;
transition: all 0.9s ease-in-out;
}
.innav {
text-align:center;
opacity:0.8;
width:0px;
position:absolute;
overflow:hidden;
top:2px;
right:0px;
-webkit-transition: all 0.9s ease-in-out;
-moz-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;
transition: all 0.9s ease-in-out; ;
}
.innav table {
width:268px;
table-layout:fixed;
}
#link0:hover .innav, #link1:hover .innav, #link2:hover .innav, #link3:hover .innav {
opacity:1;
width:270px;
-webkit-transition: all 0.9s ease-in-out;
-moz-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;
transition: all 0.9s ease-in-out;
}
.fol{
height:48px;
width:48px;
position:absolute;
top:122px;
right:0px;
padding:2px;
background:#ffdbdf;
border-radius: 0px 0px 15px 0px;
}
.fol img{
width:48px;
border-radius: 0px 0px 15px 0px;
}
.ican{
text-align:center;
opacity:0;
width:50px;
height:50px;
position:absolute;
z-index:503;
top:2px;
background-color:#fff;
border-radius: 0px 0px 15px 0px;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
.ican img{
margin-top:5px;
width:40px;
height:auto;
}
.fol:hover .ican{
opacity:0.7;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
a.navi{
letter-spacing:2px;
color:#fff;
font-family:e-minny;
font-size:16px;
cursor:url(https://i1245.photobucket.com/albums/gg581/elaine960211/xx-cur3_zps7a3a252c.png);
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
a.navi:hover{
-webkit-background-clip: none;
-webkit-text-fill-color: #ffdbdf;
text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
@font-face{
font-family:e-minny;
src:url(https://static.tumblr.com/ib5boas/kTgmgu0jx/minny.ttf);
</style>
<script language="JavaScript">
document.ondragstart = function () { return false; };
</script>
<!-------------------Banner----------------------->
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMeXqMLaQl2dkOHVVtcCk9n_P9W3HJm1Z51TnrKPaYVTuCZhWX6BK9uXevEVvMMrDWIL0-tXIWnZkwDh7Us5AWAYuHxk0_phHm8wPzMz_7HKAAvdUTTqaNX_c210fbPdHH06I9UzgZYZiJ/s1600/memophoto_%E5%89%AF%E6%9C%AC.png" style="position:fixed; top:-1px; left:130px;"/>
<!-------------------Navigation----------------------->
<div class="navb">
<div class="navp">
<br>Big Clap To Them ;
<br> > Template Design by ; <a href="https://elaine0211.blogspot.com/">BabeX e.ling</a>
<br> > Redesign by ; <a href="URL">Your Name</a>
<br> > Tutorials ; <a href="https://www.blogskins.com/me/Ndotwhatever">Ndot</a> || <a href="https://www.blogskins.com/info/395051">Rin Shin</a>
<br> > Materials ; <a href="https://www.google.com/">Google</a> || <a href="https://pixel-diary.tumblr.com/">Pixel-diary</a>
<br> > Thank to ; <a href="https://pixlr.com/editor/?loc=zh-cn">Pixlr</a> || <a href="https://photobucket.com/">Photobucket</a><br><br>
<center>- Best Viewed In <a href="https://www.google.com/">Google Chrome</a> -<br><br>
* DONT REMOVE THE CREDIT *
<br> Music Player HERE :)</center></div>
<a href="https://www.blogger.com/">
<div class="home"><img src="https://i1245.photobucket.com/albums/gg581/elaine960211/bearr_zpse60a1181.png"/>
<div class="icon"><img src="https://i1245.photobucket.com/albums/gg581/elaine960211/icon2_home_zps1e643d86.png"title="Home"></div></div></a>
<div class="nav">
<div id="link0">Entry
<div class="innav">
<table style="text-align: center;" cellspacing="5px" cellpadding="0px"><tr>
<td><a class="navi" onClick="document.getElementById('main').innerHTML=document.getElementById('diary').innerHTML" title="">Back To Posts</a>
</td></tr></table></div></div>
<div id="link1">Owner
<div class="innav">
<table style="text-align: center;" cellspacing="5px" cellpadding="0px"><tr>
<td><a class="navi" onClick="document.getElementById('main').innerHTML=document.getElementById('about').innerHTML" title="">About Da' Owner</a>
</td></tr></table></div></div>
<div id="link2">Links
<div class="innav">
<table style="text-align: center;" cellspacing="5px" cellpadding="0px"><tr>
<td><a class="navi" onClick="document.getElementById('main').innerHTML=document.getElementById('link').innerHTML" title="">Exchange Links</a>
</td></tr></table></div></div>
<div id="link3">Stuff
<div class="innav">
<table style="text-align: center;" cellspacing="5px" cellpadding="0px"><tr>
<td><a class="navi" onClick="document.getElementById('main').innerHTML=document.getElementById('stuff').innerHTML" title="">Click here to view more</a>
</td></tr></table></div></div>
<a href="https://www.blogger.com/follow-blog.g?blogID=YOUR ID">
<div class="fol"><img src="https://i1245.photobucket.com/albums/gg581/elaine960211/bearr2_zpsa629c1fe.png"/>
<div class="ican"><img src="https://i1245.photobucket.com/albums/gg581/elaine960211/icon2_follow_zps935c6efd.png"title="Follow"></div></div></a></div></div>
</div>
<!-------------------Post----------------------->
<table style="position:fixed; top:135px; left:42px; border:1px solid #ebd4c3; background:url(https://i1245.photobucket.com/albums/gg581/elaine960211/bg-dot_zpsc1f61aa1.png); border-radius:15px; font-family:e-bh; font-size:13px; padding:10px;" align="center" border="0" cellspacing="5">
<tbody><tr>
<td valign="top" style="">
<div id="sidebar"><center>
<br>
<div id="imgh1">
<div class="t1">
Bla Bla Bla
<br>Your text here (1)</div>
<div id="t2">
Hello Hello
<br>Your text here (2)
</div></div>
<br><br>
<div class="cbox cbox-th">
<img src="https://i1245.photobucket.com/albums/gg581/elaine960211/cut2_zps289bbb8e.png" width="270" height="180"/>
<div class="mask">
<p><center>
Do not remember, because not go back. <br>
Loved your tears left to the people, <br>
the smile left to hurt you most of the people.<br><br>
* Your Cbox Here *</center></p>
</div>
</div></div></div>
<br></td>
<td valign="top" style="padding-left:20px;">
<div id="main">
<blogger>
<img src='https://i1245.photobucket.com/albums/gg581/elaine960211/cutt3_zps0dc9c2c9.png' align='left' width='42' style='padding:3px; border-radius:50px; border: 1px dashed #ffd1d1; margin-top:-3px; margin-bottom:10px;'/><div class="post-title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<span style="font-family:e-minny; font-size:16px;padding-left:5px;">Posted ; <BlogDateHeader><$BlogDateHeaderDate$> </BlogDateHeader><$BlogItemDateTime$> // <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> Love(s)</a></BlogItemCommentsEnabled></span>
<div style="text-align: center;">
<div class="post-body">
<p>
<$BlogItemBody$>
</p>
</div></div>
<ItemPage>
<div style='background:#ffeded; border:1px inset #fff;padding:8px;'><div style='background:#fff;
border:1px outset #ffeded;padding:6px;'>
<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><br/>
<$CommentPager$></dl>
<p class="comment-timestamp"><$BlogItemCreate$></p>
</div></div>
</ItemPage>
</Blogger>
<center>
<NewerPosts><a href=<$NewerPosts$>> << Newer </a></NewerPosts> // <OlderPosts><a href=<$OlderPosts$>> Older >> </a></OlderPosts></center>
</div></Blogger>
</div></div>
<!-------------------PAGE1----------------------->
<div id="diary" style="display: none;">
<Blogger>
<img src='https://i1245.photobucket.com/albums/gg581/elaine960211/cutt4_zpsb4b4cf0e.png' align='left' width='42' style='padding:3px; border-radius:50px; border: 1px dashed #ffd1d1; margin-top:-3px; margin-bottom:10px;'/><div class="post-title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<span style="font-family:e-minny; font-size:16px;padding-left:5px;">Posted ; <BlogDateHeader><$BlogDateHeaderDate$> </BlogDateHeader><$BlogItemDateTime$> // <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> Love(s)</a></BlogItemCommentsEnabled></span>
<div style="text-align: center;">
<div class="post-body">
<p>
<$BlogItemBody$>
</p>
<ItemPage>
<div style='background:#ffeded; border:3px double #fff;padding:8px;'><div style='background:#fff;
border:3px dashed #ffeded;padding:6px;'>
<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><br/>
<$CommentPager$></dl>
<p class="comment-timestamp"><$BlogItemCreate$></p>
</div></div>
</ItemPage>
</Blogger>
<center>
<NewerPosts><a href=<$NewerPosts$>> << Newer </a></NewerPosts> // <OlderPosts><a href=<$OlderPosts$>> Older >> </a></OlderPosts></center>
</div></Blogger>
</div></div>
<!-------------------PAGE2----------------------->
<div id="about" style="display: none;">
<div class="page-title">Da' Owner</div>
<br>
<center>
<br># Name :
<br># Age :
<br># Birthday :
<br># Tumblr :
<br># Blog :
<br># Facebook :
<br>--- Replace with your profile ---
</center>
</div>
<!-------------------PAGE3----------------------->
<div id="link" style="display: none;">
<div class="page-title">Beloved Bloggie</div>
<br>
<center>
<br><br>
<a class="li"href="URL">NAME</a>
<a class="li"href="URL">NAME</a>
<a class="li"href="URL">NAME</a>
<a class="li"href="URL">NAME</a>
<br>
<a class="li"href="URL">NAME</a>
<a class="li"href="URL">NAME</a>
<a class="li"href="URL">NAME</a>
<a class="li"href="URL">NAME</a>
<br><br><br><br>
</center>
</div>
<!-------------------PAGE4----------------------->
<div id="stuff" style="display: none;">
<div class="page-title"> Stuff </div>
<br>
<b> Tutorial ; </b>
<br><br>
> <a href="URL">List 1</a><br>
> <a href="URL">List 2</a><br>
> <a href="URL">List 3</a><br>
> <a href="URL">List 4</a><br>
> <a href="URL">List 5</a><br>
<br><br>
<b> Material ;</b>
<br><br>
> <a href="URL">List 1</a><br>
> <a href="URL">List 2</a><br>
> <a href="URL">List 3</a><br>
> <a href="URL">List 4</a><br>
> <a href="URL">List 5</a><br>
<br><br>
<blockquote class="tr_bq">Coming Soon..</blockquote>
</div>
<!-------------------------- END ----------->
Don't COPY Any Code From This Template ! 101% Made & Create By Elaine0211 !
Designed By; Elaine0211
Designer's Blog; https://elaine0211.blogspot.com/
Date Of Design; 23.11.13
---------------------------------------------------------------------------!>
<HTML><head>
<link href='https://fonts.googleapis.com/css?family=Imprima' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Snippet' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
<base target='_blank'/><title>Memories</title>
<style type="text/css">
#navbar-iframe {
display: none;
}
body {
background:#fff;
font-family:'Imprima';
font-size:13px;
color:#ff99a3;
}
::-moz-selection {
background:#fff;
color:#fff;
text-shadow: 0.2em 0.1em 0.1em #ffbfbf;
}
::selection {
background:#fff;
color:#fff;
text-shadow: 0.2em 0.1em 0.1em #ffbfbf;
}
::-webkit-scrollbar { width: 6px;}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment { height:0px; display: block; background-color: #fff;}
::-webkit-scrollbar-track-piece { background-color:#fff; }
::-webkit-scrollbar-thumb{ border:1px solid #fff5f5;box-shadow:inset 0 0 10px #fff; margin-left:100px;}
::webkit-scrollbar-thumb:vertical {background:#fff;border: 0px solid #ffffff;border-right:none;}
::webkit-scrollbar-thumb:horizontal {background:#fff;border: 0px solid #ffffff;border-bottom:none;}
a:link,a:visited {
text-decoration:none;
padding:2px;
-webkit-background-clip:text;
-webkit-text-fill-color: transparent;
background-image:url(https://i1245.photobucket.com/albums/gg581/elaine960211/10045119709156add5_zpsfc669d38.jpg);
background-position:70% 20%;
-webkit-transition: 0.6s;
-moz-transition: 0.6s;
}
a:hover {
-webkit-background-clip:text;
-webkit-text-fill-color: transparent;
background-image:url(https://i1245.photobucket.com/albums/gg581/elaine960211/10045119709156add5_zpsfc669d38.jpg);
background-position:20% 70%;
-webkit-transition: 0.6s;
-moz-transition: 0.6s;
}
u {
text-decoration:underline;
border-bottom:1px dashed #ffe0e0;
filter: blur(0px);
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
-webkit-transition: 0.6s;
-moz-transition: 0.6s;
}
u:hover {
text-decoration:none;
border-bottom:4px double #fff;
filter: blur(1px);
-webkit-filter: blur(1px);
-moz-filter: blur(1px);
-webkit-transition: 0.6s;
-moz-transition: 0.6s;
}
b {
text-decoration:bold;
-webkit-transition: .8s;
-moz-transition: .8s;
}
b:hover {
-webkit-filter: hue-rotate(300deg);
-webkit-transition: .8s;
-moz-transition: .8s;
}
i {
-webkit-transition: .2s;
-moz-transition: .2s;
}
i:hover {
letter-spacing:2px;
-webkit-transition: .2s;
-moz-transition:.2s;
}
.post-title{
font-family: 'Snippet';
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNUSMqNOArbX26yN-SIMAtSZGgnfZdGJq-yq82Z6sZc_KsvwgJiQU44S1fkkREmbJwoNGEXMJ-9kYCqxTMTJSF-GeUfU8fIkMpu5o9cz5M0Oi1WFbEF7fB8lQJGC68F1M1ybEJ5_hbtkrU/s1600/pl3.png) no-repeat;
background-position:bottom left;
padding:0 0 3px 8px;
text-align:left;
margin-left:10px;
}
.page-title{
font-family: 'Great Vibes';
font-size:29px;
padding:4px 0 -2px 0;
text-align:left;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNUSMqNOArbX26yN-SIMAtSZGgnfZdGJq-yq82Z6sZc_KsvwgJiQU44S1fkkREmbJwoNGEXMJ-9kYCqxTMTJSF-GeUfU8fIkMpu5o9cz5M0Oi1WFbEF7fB8lQJGC68F1M1ybEJ5_hbtkrU/s1600/pl3.png) no-repeat;
background-position:bottom left;
}
/* Comment
----------------------------------------------- */
#comments {
margin:5px 13px 0;
border-width:0 1px 1px;
padding:20px 0 5px 0;
}
#comments-block {
margin:0 10px 0 9px;
}
span.comment-icon{
display:none;
}
.comment-icon blogger-comment-icon{
display:none;
}
.comment-poster {
}
.comment-data {
width:400px;
text-align:left;
margin: 1em .3em 0 0.4em;
padding:5px;
padding-left:20px;
border-radius:20px 20px 0 0;
border:1px dashed #ffeded;
}
.comment-body {
margin:0 0 1em;
padding:0 0 0 10px;
}
.comment-body p{
width:400px;
text-align:left;
margin:-2px 5px 2px -5px;
padding: 10px 5px 10px 20px;
text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
border-radius:0 0 6px 6px;
border:1px dashed #ffeded;
}
.comment-timestamp {
margin:0 0 .5em;
padding:0 0 0 10px;
float:center;
}
.comment-timestamp a:link {
color:#c7a189;
}
.deleted-comment {
font-style:italic;
color:gray;
}
.paging-control-container {
float:center;
margin: 0px 6px 0px 0px;
font-size: 80%;
}
.unneeded-paging-control {
visibility: hidden;
}
/* Footer
----------------------------------------------- */
.footer{
margin:10px 0px 3px ;
padding:4px;
padding:3px 20px 6px 10px;
text-align:right;
-webkit-transition-duration:.6s;
}
.footer:hover{
padding-right:30px;
-webkit-transition-duration:.6s;
}
a.footer{
color:#c7a189;
}
/* Other
----------------------------------------------- */
blockquote {
font-family:Imprima;
font-size:13px;
text-align:center;
padding:4px;
width:450px;
margin-left:5px;
border:1px dashed #ffeded;
border-radius:8px;
-webkit-transition: all 0.8s;
}
blockquote:hover{
border-radius:0px;
-webkit-transition: all 0.8s;
}
a.li {
border:1px solid #ffd8d6;
border-radius:5px;
padding: 3px;
display:inline-block;
width:100px;
margin: 2px;
-webkit-transition: .6s;
}
a.li:hover {
border-radius:0px;
-webkit-transition: .6s;
}
/* Post
----------------------------------------------- */
#main{
width:500px;
height:440px;
overflow-x:hidden;
overflow-y:scroll;
background:#fff;
-moz-box-shadow: 0 0 6px 6px #fff;
-webkit-box-shadow: 0 0 6px 6px #fff;
border-radius:10px;
padding:6px;
}
#sidebar {
text-align:center;
width:300px;
height:440px;
overflow-x:hidden;
overflow-y:scroll;
background:#fff;
-moz-box-shadow: 0 0 6px 6px #fff;
-webkit-box-shadow: 0 0 6px 6px #fff;
border-radius:10px;
padding:6px;
}
/* ImgHover1
----------------------------------------------- */
#imgh1{
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
border:2px double #ffdbdf;
width:270px;
height:180px;
background :url(https://i1245.photobucket.com/albums/gg581/elaine960211/bear_zps3eb6b645.jpg);
background-size:270px 180px;
overflow:hidden;
}
.t1 {
margin-top:25px;
margin-left:-230px;
padding:5px;
width:268px;
height:64px;
background:#fff;
border-top: 2px solid #ffdbdf;
opacity:0;
-webkit-transition:all .4s linear;
-moz-transition:all .4s linear;
transition:all .4s linear;
}
#t2 {
margin-top:-3px;
margin-left:240px;
padding:3px;
width:268px;
height:50px;
background:#fff;
border-bottom: 2px solid #ffdbdf;
display:block;
opacity:0;
-webkit-transition:all .2s linear;
-moz-transition:all .2s linear;
transition:all .2s linear;
}
#imgh1:hover .t1 {
opacity:.8;
margin-left:0px;
-webkit-transition:all .2s linear;
-moz-transition:all .2s linear;
transition:all .2s linear;
}
#imgh1:hover #t2 {
opacity:.8;
margin-left:0px;
-webkit-transition:all .4s linear;
-moz-transition:all .4s linear;
transition:all .4s linear;
}
/* ImgHover2
----------------------------------------------- */
.cbox {
width: 270px;
height: 180px;
position: relative;
overflow: hidden;
border: 2px solid #ffdbdf;
background:url(https://i1245.photobucket.com/albums/gg581/elaine960211/cut2_zps289bbb8e.png);
background-size: 270px 180px;
font-family:e-minny;
font-size:16px;
}
.cbox .mask,.cbox .content {
width: 270px;
height: 180px;
position: absolute;
overflow: hidden;
}
.cbox img {
padding:2px;
}
.cbox p {
position: relative;
padding: 6px;
margin-top:-15px;
}
.cbox-th .mask {
background-color: rgba(255, 255, 255, 0.7);
filter: alpha(opacity=0);
top: -200px;
opacity: 0;
-webkit-transition: all 0.3s ease-out 0.5s;
-moz-transition: all 0.3s ease-out 0.5s;
transition: all 0.3s ease-out 0.5s;
}
.cbox-th p {
-webkit-transform: translateX(-200px);
-moz-transform: translateX(-200px);
transform: translateX(-200px);
-webkit-transition: all 0.2s ease-in-out 0.2s;
-moz-transition: all 0.2s ease-in-out 0.2s;
transition: all 0.2s ease-in-out 0.2s;
}
.cbox-th:hover .mask {
filter: alpha(opacity=100);
opacity: 1;
top: 0px;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
transition-delay: 0s;
-webkit-animation: bounceX 0.9s linear;
-moz-animation: bounceX 0.9s linear;
-ms-animation: bounceX 0.9s linear;
animation: bounceX 0.9s linear;
}
.cbox-th:hover p {
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
transform: translateX(0px);
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
transition-delay: 0.2s;
}
@keyframes bounceX {
0% { transform: translateX(-205px);}
40% { transform: translateX(-100px);}
65% { transform: translateX(-52px);}
82% { transform: translateX(-25px);}
92% { transform: translateX(-12px);}
55%, 75%, 87%, 97%, 100% { transform: translateX(0px);}
}
@-moz-keyframes bounceX {
0% { -moz-transform: translateX(-205px);}
40% { -moz-transform: translateX(-100px);}
65% { -moz-transform: translateX(-52px);}
82% { -moz-transform: translateX(-25px);}
92% { -moz-transform: translateX(-12px);}
55%, 75%, 87%, 97%, 100% { -moz-transform: translateX(0px);}
}
@-webkit-keyframes bounceX {
0% { -webkit-transform: translateX(-205px);}
40% { -webkit-transform: translateX(-100px);}
65% { -webkit-transform: translateX(-52px);}
82% { -webkit-transform: translateX(-25px);}
92% { -webkit-transform: translateX(-12px);}
55%, 75%, 87%, 97%, 100% { -webkit-transform: translateX(0px);}
}
/* Navi
----------------------------------------------- */
.navb {
width:452px;
position:fixed;
right:110px;
top:140px;
}
.navp{
font-family:Imprima;
font-size:13px;
color:#ff808c;
background :url(https://i1245.photobucket.com/albums/gg581/elaine960211/cut1-1_zps95135f9d.png);
background-size:100%;
position:fixed;
width:200px;
height:207px;
top:140px;
right: 158px;
border:2px solid #ffdbdf;
padding:10px 10px 5px 10px;
border-radius: 15px 0px 0px 15px;
}
.home{
height:48px;
width:48px;
position:absolute;
top:0px;
right:0px;
padding:2px;
background-color:#ffdbdf;
border-radius: 0px 15px 0px 0px;
}
.home img{
width:48px;
border-radius: 0px 15px 0px 0px;
}
.icon{
text-align:center;
opacity:0;
width:50px;
height:50px;
position:absolute;
z-index:503;
top:2px;
background-color:#fff;
border-radius: 0px 15px 0px 0px;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
.icon img{
margin-top:5px;
width:40px;
height:auto;
}
.home:hover .icon{
opacity:0.7;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
.nav{
position:absolute;
right:0px;
top:52px;
z-index:800;
}
#link0, #link1, #link2, #link3{
position:absolute;
right:0px;
height:10px;
width:50px;
padding: 10px 1px;
text-align:center;
font-family:e-minny;
font-size:16px;
color:#fff;
border-top:1px solid #fff;
background-color:#ffdbdf;
-webkit-transition: all 0.9s ease-in-out;
-moz-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;
transition: all 0.9s ease-in-out;
}
#link0{ top:0px;border-bottom:1px solid #fff;}
#link1{ top:30px;border-bottom:1px solid #fff;}
#link2{ top:60px;border-bottom:1px solid #fff;}
#link3{ top:90px;border-bottom:1px solid #fff;}
#link0:hover, #link1:hover, #link2:hover, #link3:hover{
color:#ffdbdf;
padding-right:220px;
-webkit-transition: all 0.9s ease-in-out;
-moz-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;
transition: all 0.9s ease-in-out;
}
.innav {
text-align:center;
opacity:0.8;
width:0px;
position:absolute;
overflow:hidden;
top:2px;
right:0px;
-webkit-transition: all 0.9s ease-in-out;
-moz-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;
transition: all 0.9s ease-in-out; ;
}
.innav table {
width:268px;
table-layout:fixed;
}
#link0:hover .innav, #link1:hover .innav, #link2:hover .innav, #link3:hover .innav {
opacity:1;
width:270px;
-webkit-transition: all 0.9s ease-in-out;
-moz-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;
transition: all 0.9s ease-in-out;
}
.fol{
height:48px;
width:48px;
position:absolute;
top:122px;
right:0px;
padding:2px;
background:#ffdbdf;
border-radius: 0px 0px 15px 0px;
}
.fol img{
width:48px;
border-radius: 0px 0px 15px 0px;
}
.ican{
text-align:center;
opacity:0;
width:50px;
height:50px;
position:absolute;
z-index:503;
top:2px;
background-color:#fff;
border-radius: 0px 0px 15px 0px;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
.ican img{
margin-top:5px;
width:40px;
height:auto;
}
.fol:hover .ican{
opacity:0.7;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
a.navi{
letter-spacing:2px;
color:#fff;
font-family:e-minny;
font-size:16px;
cursor:url(https://i1245.photobucket.com/albums/gg581/elaine960211/xx-cur3_zps7a3a252c.png);
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
a.navi:hover{
-webkit-background-clip: none;
-webkit-text-fill-color: #ffdbdf;
text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
@font-face{
font-family:e-minny;
src:url(https://static.tumblr.com/ib5boas/kTgmgu0jx/minny.ttf);
</style>
<script language="JavaScript">
document.ondragstart = function () { return false; };
</script>
<!-------------------Banner----------------------->
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMeXqMLaQl2dkOHVVtcCk9n_P9W3HJm1Z51TnrKPaYVTuCZhWX6BK9uXevEVvMMrDWIL0-tXIWnZkwDh7Us5AWAYuHxk0_phHm8wPzMz_7HKAAvdUTTqaNX_c210fbPdHH06I9UzgZYZiJ/s1600/memophoto_%E5%89%AF%E6%9C%AC.png" style="position:fixed; top:-1px; left:130px;"/>
<!-------------------Navigation----------------------->
<div class="navb">
<div class="navp">
<br>Big Clap To Them ;
<br> > Template Design by ; <a href="https://elaine0211.blogspot.com/">BabeX e.ling</a>
<br> > Redesign by ; <a href="URL">Your Name</a>
<br> > Tutorials ; <a href="https://www.blogskins.com/me/Ndotwhatever">Ndot</a> || <a href="https://www.blogskins.com/info/395051">Rin Shin</a>
<br> > Materials ; <a href="https://www.google.com/">Google</a> || <a href="https://pixel-diary.tumblr.com/">Pixel-diary</a>
<br> > Thank to ; <a href="https://pixlr.com/editor/?loc=zh-cn">Pixlr</a> || <a href="https://photobucket.com/">Photobucket</a><br><br>
<center>- Best Viewed In <a href="https://www.google.com/">Google Chrome</a> -<br><br>
* DONT REMOVE THE CREDIT *
<br> Music Player HERE :)</center></div>
<a href="https://www.blogger.com/">
<div class="home"><img src="https://i1245.photobucket.com/albums/gg581/elaine960211/bearr_zpse60a1181.png"/>
<div class="icon"><img src="https://i1245.photobucket.com/albums/gg581/elaine960211/icon2_home_zps1e643d86.png"title="Home"></div></div></a>
<div class="nav">
<div id="link0">Entry
<div class="innav">
<table style="text-align: center;" cellspacing="5px" cellpadding="0px"><tr>
<td><a class="navi" onClick="document.getElementById('main').innerHTML=document.getElementById('diary').innerHTML" title="">Back To Posts</a>
</td></tr></table></div></div>
<div id="link1">Owner
<div class="innav">
<table style="text-align: center;" cellspacing="5px" cellpadding="0px"><tr>
<td><a class="navi" onClick="document.getElementById('main').innerHTML=document.getElementById('about').innerHTML" title="">About Da' Owner</a>
</td></tr></table></div></div>
<div id="link2">Links
<div class="innav">
<table style="text-align: center;" cellspacing="5px" cellpadding="0px"><tr>
<td><a class="navi" onClick="document.getElementById('main').innerHTML=document.getElementById('link').innerHTML" title="">Exchange Links</a>
</td></tr></table></div></div>
<div id="link3">Stuff
<div class="innav">
<table style="text-align: center;" cellspacing="5px" cellpadding="0px"><tr>
<td><a class="navi" onClick="document.getElementById('main').innerHTML=document.getElementById('stuff').innerHTML" title="">Click here to view more</a>
</td></tr></table></div></div>
<a href="https://www.blogger.com/follow-blog.g?blogID=YOUR ID">
<div class="fol"><img src="https://i1245.photobucket.com/albums/gg581/elaine960211/bearr2_zpsa629c1fe.png"/>
<div class="ican"><img src="https://i1245.photobucket.com/albums/gg581/elaine960211/icon2_follow_zps935c6efd.png"title="Follow"></div></div></a></div></div>
</div>
<!-------------------Post----------------------->
<table style="position:fixed; top:135px; left:42px; border:1px solid #ebd4c3; background:url(https://i1245.photobucket.com/albums/gg581/elaine960211/bg-dot_zpsc1f61aa1.png); border-radius:15px; font-family:e-bh; font-size:13px; padding:10px;" align="center" border="0" cellspacing="5">
<tbody><tr>
<td valign="top" style="">
<div id="sidebar"><center>
<br>
<div id="imgh1">
<div class="t1">
Bla Bla Bla
<br>Your text here (1)</div>
<div id="t2">
Hello Hello
<br>Your text here (2)
</div></div>
<br><br>
<div class="cbox cbox-th">
<img src="https://i1245.photobucket.com/albums/gg581/elaine960211/cut2_zps289bbb8e.png" width="270" height="180"/>
<div class="mask">
<p><center>
Do not remember, because not go back. <br>
Loved your tears left to the people, <br>
the smile left to hurt you most of the people.<br><br>
* Your Cbox Here *</center></p>
</div>
</div></div></div>
<br></td>
<td valign="top" style="padding-left:20px;">
<div id="main">
<blogger>
<img src='https://i1245.photobucket.com/albums/gg581/elaine960211/cutt3_zps0dc9c2c9.png' align='left' width='42' style='padding:3px; border-radius:50px; border: 1px dashed #ffd1d1; margin-top:-3px; margin-bottom:10px;'/><div class="post-title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<span style="font-family:e-minny; font-size:16px;padding-left:5px;">Posted ; <BlogDateHeader><$BlogDateHeaderDate$> </BlogDateHeader><$BlogItemDateTime$> // <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> Love(s)</a></BlogItemCommentsEnabled></span>
<div style="text-align: center;">
<div class="post-body">
<p>
<$BlogItemBody$>
</p>
</div></div>
<ItemPage>
<div style='background:#ffeded; border:1px inset #fff;padding:8px;'><div style='background:#fff;
border:1px outset #ffeded;padding:6px;'>
<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><br/>
<$CommentPager$></dl>
<p class="comment-timestamp"><$BlogItemCreate$></p>
</div></div>
</ItemPage>
</Blogger>
<center>
<NewerPosts><a href=<$NewerPosts$>> << Newer </a></NewerPosts> // <OlderPosts><a href=<$OlderPosts$>> Older >> </a></OlderPosts></center>
</div></Blogger>
</div></div>
<!-------------------PAGE1----------------------->
<div id="diary" style="display: none;">
<Blogger>
<img src='https://i1245.photobucket.com/albums/gg581/elaine960211/cutt4_zpsb4b4cf0e.png' align='left' width='42' style='padding:3px; border-radius:50px; border: 1px dashed #ffd1d1; margin-top:-3px; margin-bottom:10px;'/><div class="post-title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<span style="font-family:e-minny; font-size:16px;padding-left:5px;">Posted ; <BlogDateHeader><$BlogDateHeaderDate$> </BlogDateHeader><$BlogItemDateTime$> // <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> Love(s)</a></BlogItemCommentsEnabled></span>
<div style="text-align: center;">
<div class="post-body">
<p>
<$BlogItemBody$>
</p>
<ItemPage>
<div style='background:#ffeded; border:3px double #fff;padding:8px;'><div style='background:#fff;
border:3px dashed #ffeded;padding:6px;'>
<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><br/>
<$CommentPager$></dl>
<p class="comment-timestamp"><$BlogItemCreate$></p>
</div></div>
</ItemPage>
</Blogger>
<center>
<NewerPosts><a href=<$NewerPosts$>> << Newer </a></NewerPosts> // <OlderPosts><a href=<$OlderPosts$>> Older >> </a></OlderPosts></center>
</div></Blogger>
</div></div>
<!-------------------PAGE2----------------------->
<div id="about" style="display: none;">
<div class="page-title">Da' Owner</div>
<br>
<center>
<br># Name :
<br># Age :
<br># Birthday :
<br># Tumblr :
<br># Blog :
<br># Facebook :
<br>--- Replace with your profile ---
</center>
</div>
<!-------------------PAGE3----------------------->
<div id="link" style="display: none;">
<div class="page-title">Beloved Bloggie</div>
<br>
<center>
<br><br>
<a class="li"href="URL">NAME</a>
<a class="li"href="URL">NAME</a>
<a class="li"href="URL">NAME</a>
<a class="li"href="URL">NAME</a>
<br>
<a class="li"href="URL">NAME</a>
<a class="li"href="URL">NAME</a>
<a class="li"href="URL">NAME</a>
<a class="li"href="URL">NAME</a>
<br><br><br><br>
</center>
</div>
<!-------------------PAGE4----------------------->
<div id="stuff" style="display: none;">
<div class="page-title"> Stuff </div>
<br>
<b> Tutorial ; </b>
<br><br>
> <a href="URL">List 1</a><br>
> <a href="URL">List 2</a><br>
> <a href="URL">List 3</a><br>
> <a href="URL">List 4</a><br>
> <a href="URL">List 5</a><br>
<br><br>
<b> Material ;</b>
<br><br>
> <a href="URL">List 1</a><br>
> <a href="URL">List 2</a><br>
> <a href="URL">List 3</a><br>
> <a href="URL">List 4</a><br>
> <a href="URL">List 5</a><br>
<br><br>
<blockquote class="tr_bq">Coming Soon..</blockquote>
</div>
<!-------------------------- END ----------->