CODES;
<html><title>Love For What I Like II</title>
<head><base target="_blank"></base><link href="http://media.tumblr.com/tumblr_loyza7z9f01qepbs7.gif" rel="shortcut icon" type="image/x-icon"></link>
<style type="text/css">
#navbar-iframe {
display: none !important;
}
body {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAyk6c7a6fdUchWSeDcAvSe8IjX5L5rD4zdIitXAgbSo_Sroiaf-rDHohzQE-9dd9LdRS5MOi70988R0On2AncKXOKdCKUxR6XFFAodWEUc27bKvTc-RFHHy1DV7Cb-AKiOwv-Ve1ezo8e/s1600/Untitled-3.png);
font-family:calibri;
color:#333;
font-size:13px;
cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDuLdUDjpntaNxyucfaUmbIEWdqf753BY1cPkIZsq7X8XSIHR8K6dy76QMueKM08yFGdiFiAM_peVEsjIsvvSql5C07cequqlP7XfvZoauQIaJMywd3Q9U1qRL-VbdEBlOL_-ffGl2W_lH/s1600/oth589.png), auto;
}
a:link,a:visited {
color:#ff9fb3;
text-decoration:none;
}
a:hover {
color:#808080;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
padding:2px;
}
u {
text-decoration:none;
border-bottom: 2px solid #ff95ab;
padding: -3px;
}
u:hover {
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
border-bottom: 2px solid #ff6586;
color:#fff;
padding: -3px;
}
b {
color:#ff95ab;
text-decoration:none;
}
b:hover {
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
color:#ffffff;
}
i {
color:#fff;
text-decoration:none;
background:#ffbdcb;
padding:2px;
border-radius:5px;
}
i:hover {
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
padding: -3px;
background:#fff;
}
::-webkit-scrollbar {
height:6px;
width: 6px;
background:#fff;}
::-webkit-scrollbar-thumb {
background:url(http://i437.photobucket.com/albums/qq97/myjaejin/background/nana30.gif);
-moz-border-radius: 10px;
border-radius: 10px;
border:1px solid #ffbdcb;
}
div.box{
width:640px;
margin:5px 5px 5px 5px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5ZQ44RUkPrOJJnZdcFLY87kR3bYYFzvdQ3QgmxinyGDkpt_I1gsh3S6OojLsdcCBaSXpcZ84guhcbClj4llkFEKoqZ9Hgue2siNJSoNxkEb5XrSvPhpIS8P2hZQVm6mZhrtaTnd6Tzsk/s1600/Polkadotbackground.gif);
border:3px solid #FFDDE9;
padding:10px 10px 10px 10px;
border-radius:10px;
}
.post-title {
font-family:century gothic;
font-size:145%;
text-shadow: 1px 01px 1px #F778A1;
line-height:1.5em;
border-top-left-radius:10px;
border-top-right-radius:10px;
-moz-border-top-left-radius:10px;
-moz-border-top-right-radius:10px;
text-align:center;
color:#F778A1;
border-bottom:1px dashed #F778A1;
background:url(http://i437.photobucket.com/albums/qq97/myjaejin/background/nana30.gif);
}
.navitot {
padding:2px;
background:#FFF1FD;
color:#5C5858;
display:block;
padding-right: 5px;
padding-left: 5px;
text-decoration:none;
text-align: center;
margin:1px;
border-right:17px solid #FFDDE9;
border-left:17px solid #FFDDE9;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
}
.navitot:hover{
padding:2px;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
color:#000;
display:block;
padding-right: 5px;
padding-left: 5px;
text-align: center;
margin:1px;border:none;
border-right:50px double #FFABB7;
border-left:50px double #FFABB7;
}
a.linkies {
background:url(http://i437.photobucket.com/albums/qq97/myjaejin/background/nana30.gif);
padding: 3px;
color:#ff7895;
border:2px solid #ffcfd9;
border-radius:5px;
}
a.linkies:hover {
border:2px solid #ff95ab;
-webkit-transition: 0.4s;
}
div.sidebar{
width:230px;
margin:5px 5px 5px 5px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5ZQ44RUkPrOJJnZdcFLY87kR3bYYFzvdQ3QgmxinyGDkpt_I1gsh3S6OojLsdcCBaSXpcZ84guhcbClj4llkFEKoqZ9Hgue2siNJSoNxkEb5XrSvPhpIS8P2hZQVm6mZhrtaTnd6Tzsk/s1600/Polkadotbackground.gif);
padding:5px;
border:3px solid #FFDDE9;
border-radius:10px;
}
#comments {
margin:-25px 13px 0;
border-width:0 1px 1px;
padding:20px 0 15px 0;
}
#comments h4 {
margin:0 0 10px;
padding:0 14px 2px 29px;
background:url(http://i437.photobucket.com/albums/qq97/myjaejin/background/nana30.gif);
font-size:120%;
border-radius:10px;
line-height:1.4em;
color:#333;
}
#comments-block {
margin:0 15px 0 9px;
}
.comment-data {
background:url("http://www.blogblog.com/rounders2/icon_comment.gif") no-repeat 2px .3em;
margin:.5em 0;
padding:0 0 0 20px;
color:#666;
}
.comment-poster {
font-weight:bold;
}
.comment-body {
margin:0 0 1.25em;
padding:0 0 0 20px;
}
.comment-body p {
background:url(http://i437.photobucket.com/albums/qq97/myjaejin/background/nana30.gif);
border:1px dotted #ffb0b0 ;
border-radius:5px;
margin:0 0 .5em;
padding:5px;
}
.comment-timestamp {
margin:0 0 .5em;
padding:0 0 .75em 20px;
color:#666;
}
.comment-timestamp a:link {
color:#666;
}
.deleted-comment {
font-style:italic;
color:gray;
}
img {
border-radius:10px;
opacity:0.6;
-webkit-transition-duration:2.5s;
}
img:hover{
border-radius:30px;
opacity:10.8;
-webkit-transition-duration:2.5s;
}
blockquote {
color: #939393;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAyk6c7a6fdUchWSeDcAvSe8IjX5L5rD4zdIitXAgbSo_Sroiaf-rDHohzQE-9dd9LdRS5MOi70988R0On2AncKXOKdCKUxR6XFFAodWEUc27bKvTc-RFHHy1DV7Cb-AKiOwv-Ve1ezo8e/s1600/Untitled-3.png);
padding:8px;
border:1px dashed #ffa4b7;
border-radius:10px;
}
blockquote:hover{
-webkit-transition-duration:0.5s;
color:#000;
padding:8px;
border-radius:10px;
text-shadow: 1px 1px 1px #ffa4b7;
}
p.post-footer {
background:url(http://i437.photobucket.com/albums/qq97/myjaejin/background/nana30.gif);
margin-bottom:18px;
border-top:1px dashed #F778A1;
padding:2px 14px 2px 29px;
font-size:100%;
line-height:1.5em;
color:#fff;
text-align:right;
}
</style>
<div style="background: #fff; border-radius: 10px; padding-left: 15px; padding-right: 15px; position: fixed; right: 4px; top: 0px;">
<a href="http://www.blogger.com/follow-blog.g?blogID=333784674777325026">follow</a></div>
</head></html>
<body>
<center>
<div style="display: scroll; left: 130px; position: absolute; top: 40px;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkh_BHaM9Li2c0OgxZmT54wWGPpwi_cvigi99gKfBY2TdfBUiKy8iM2WENHEIUeoNKjHVHAjzT10gq6g5cFuuujVRO5C0kFFKuCMQIZX7w9_06or7-UA4zstzoZPgugrCqRURwo5A8qVex/s1600/lovelikethis.png" /><div class="box">
<div id="stick">
<div style="text-align: left;">
<blogger>
<div class="post">
<div class="post-title">
<blogitemtitle><$BlogItemTitle$></blogitemtitle></div>
<br />
<div class="post-body">
<$BlogItemBody$>
<br />
</div>
<div class="post-footer">
<a href="http://www.blogger.com/%3C$BlogItemCommentCreate$%3E" logitemcommentformonclick="logitemcommentformonclick">><$BlogItemCommentCount$> love(s)</a></div>
</div>
</blogger></div>
</div>
</div>
</div>
</center>
</body>
<!-- End .post -->
<!-- Begin #comments -->
<itempage>
</itempage><br />
<div id="comments">
<blogitemcommentsenabled><a href="" name="comments"></a>
</blogitemcommentsenabled><br />
<h4>
<$I18NNumComments$>:</h4>
<dl id="comments-block">
<$CommentPager$>
<blogitemcomments>
<dt class="comment-data" id="<$BlogCommentAnchorName$>"><a href="" name="<$BlogCommentAnchorName$>"></a>
<$I18NCommentAuthorSaid$>
</dt>
<dd class="comment-body"><$BlogCommentBody$><br />
<$BlogCommentDeleteIcon$>
</dd>
</blogitemcomments>
<$CommentPager$>
</dl>
<div class="comment-timestamp">
<$BlogItemCreate$>
</div>
<br /><br />
<div style="padding-left: 20px;">
<a href="http://www.blogger.com/%3C$BlogURL$%3E"><< home ♥</a>
</div>
</div>
<!-- End #comments -->
<br />
<center>
<olderposts><a href="http://www.blogger.com/%3C$OlderPosts$">>Older Post</a> </olderposts> <newerposts> | <a href="http://www.blogger.com/%3C$NewerPosts$">>Newer Post</a></newerposts></center>
<!-------------------PAGE1----------------------->
<div id="about" style="display: none;">
<div class="post-title">
Only Me</div>
<br />
<center>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYouP3_RzvRTlJGBPou7gVX51IQzLYuf_3MMC2G6mZ18G8UCut20utschTwPvJHhtkMosDURFodIias7zAKGDPw_nQnaI5jj00-gz-3zyC90jHFo-XKyx8BfhUARka-wM9slpYm8Qtck4z/s1600/tumblr_lvveby0tt21qeqo40o1_400.jpg" />
</center>
Write about you here :>
<br />
<br />
<br />
<div class="post-title">
Biased</div>
<br />
I love him, him him him him and him. LOL I'm a fangirl :>
</div>
<!-------------------PAGE2----------------------->
<div id="post" style="display: none;">
<div style="text-align: left;">
<blogger>
</blogger><br />
<div class="post">
<div class="post-title">
<blogitemtitle><$BlogItemTitle$></blogitemtitle></div>
<br />
<div class="post-body">
<$BlogItemBody$>
</div>
<div class="post-footer">
<a href="http://www.blogger.com/%3C$BlogItemCommentCreate$%3E" logitemcommentformonclick="logitemcommentformonclick">><$BlogItemCommentCount$> love(s)</a></div>
</div>
</div>
</div>
<!-- End .post -->
<!-- Begin #comments -->
<itempage>
</itempage><br />
<div id="comments">
<blogitemcommentsenabled><a href="" name="comments"></a>
</blogitemcommentsenabled><br />
<h4>
<$I18NNumComments$>:</h4>
<dl id="comments-block">
<$CommentPager$>
<blogitemcomments>
<dt class="comment-data" id="<$BlogCommentAnchorName$>"><a href="" name="<$BlogCommentAnchorName$>"></a>
<$I18NCommentAuthorSaid$>
</dt>
<dd class="comment-body"><$BlogCommentBody$><br />
<$BlogCommentDeleteIcon$>
</dd>
</blogitemcomments>
<$CommentPager$>
</dl>
<div class="comment-timestamp">
<$BlogItemCreate$>
</div>
<br /><br />
<div style="padding-left: 20px;">
<a href="http://www.blogger.com/%3C$BlogURL$%3E"><< home ♥</a>
</div>
</div>
<!-- End #comments -->
<br />
<center>
<olderposts><a href="http://www.blogger.com/%3C$OlderPosts$">>Older Post</a> </olderposts> <newerposts> | <a href="http://www.blogger.com/%3C$NewerPosts$">>Newer Post</a></newerposts></center>
<!-------------------PAGE3----------------------->
<div id="stuff" style="display: none;">
<div class="post-title">
Linkies</div>
<br />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ8k31Sw6rwWCnmmgpcbkYp_-4Tkg8asOihYx1Y-XI8iaWqG0l6q6e78vqQENV8WFWjqBUbNA2hA2GsM7v8hqYFjUsOQdRkI8WHdeGSRFXEeXBX63pG_Ffa0AWcxepiiAPf6q6DAg3dGHl/s1600/tumblr_lvveby0tt21qeqo40o1_400.jpg" /><br />
<br />
<a class="linkies" href="http://www.blogger.com/LINK">Infinite</a>
<a class="linkies" href="http://www.blogger.com/LINK">Infinite</a>
<a class="linkies" href="http://www.blogger.com/LINK">Infinite</a>
<a class="linkies" href="http://www.blogger.com/LINK">Infinite</a>
<a class="linkies" href="http://www.blogger.com/LINK">Infinite</a>
<a class="linkies" href="http://www.blogger.com/LINK">Infinite</a>
<a class="linkies" href="http://www.blogger.com/LINK">Infinite</a>
<a class="linkies" href="http://www.blogger.com/LINK">Infinite</a>
<a class="linkies" href="http://www.blogger.com/LINK">Infinite</a>
<a class="linkies" href="http://www.blogger.com/LINK">Infinite</a><br />
<br />
<a class="linkies" href="http://www.blogger.com/LINK">Infinite</a>
<a class="linkies" href="http://www.blogger.com/LINK">Infinite</a>
<a class="linkies" href="http://www.blogger.com/LINK">Infinite</a>
<a class="linkies" href="http://www.blogger.com/LINK">Infinite</a>
<a class="linkies" href="http://www.blogger.com/LINK">Infinite</a>
<a class="linkies" href="http://www.blogger.com/LINK">Infinite</a>
<a class="linkies" href="http://www.blogger.com/LINK">Infinite</a>
<a class="linkies" href="http://www.blogger.com/LINK">Infinite</a><br />
<br />
<br />
<br />
<br />
<div class="post-title">
Credit</div>
<br />
Skin by <a href="http://wanaseoby.blogspot.com/">Wana</a> | Image by <a href="http://kawaiisecrets.me/">Kawaii secret</a> | Background by <a href="http://akubudakbiology.blogspot.com/">Nana Johari</a>
</div>
<!-------------------PAGE3----------------------->
<div id="shout" style="display: none;">
<div class="post-title">
Shout Here</div>
<br />
<img src="http://29.media.tumblr.com/tumblr_lvyr23Ul6c1r2pvuxo1_400.jpg" /><br />
Your Shoutbox codes here . <u>underline</u> <b>bold</b> <i>italic</i>
</div>
<!--------------------SIDEBAR---------------------->
<div style="display: scroll; left: 830px; position: fixed; top: 201px;">
<div class="sidebar">
<center>
<a class="navitot" href="" onclick="document.getElementById('stick').innerHTML=document.getElementById('about').innerHTML" title="">About</a>
<a class="navitot" href="" onclick="document.getElementById('stick').innerHTML=document.getElementById('post').innerHTML" title="">Post</a>
<a class="navitot" href="" onclick="document.getElementById('stick').innerHTML=document.getElementById('stuff').innerHTML" title="">Links</a>
<a class="navitot" href="" onclick="document.getElementById('stick').innerHTML=document.getElementById('shout').innerHTML" title="">Shout</a>
</center>
</div>
</div>
Labels: codes