PAGE CODES
arrien

Hi,this site is for my skin code. Pleasa dont stole anything and please be nice here! Comment first before take the code :)

<br><html>
</script>

<script type="text/javascript">$('body').hide();$('body').fadeIn(10000);</script>

<head><link rel="shortcut icon" href="http://media.tumblr.com/a40cd95745a90266198a2fbd7f7e1310/tumblr_inline_mgpjd2Z76a1qdlkyg.gif" /><Br><br><br>
<title>Bε My GirL.</title>
<style type="text/css">
#navbar-iframe {
display: none;
}

.b1a4 {
margin-left: 0px;
margin-bottom: -29px;
}

body {
background:url(http://2.bp.blogspot.com/-HIuGEJILXaM/TjvB-kJ2-pI/AAAAAAAABYA/CJcDv_V3mp8/s1600/backgroundbody%283%29.png);
background-attachment: fixed;
font-family: trebuchet ms;
font-size: 11px;
text-align: left;
cursor:url( http://4.bp.blogspot.com/-3opldGl-kGg/T8l1hYeS2eI/AAAAAAAAHBg/io5vaEmqm6U/s1600/bana.png),auto;
}

a:link, a:visited {
color: #BAD4E6;
text-decoration: none;
-webkit-transition:0.5s;
}

a:hover{
text-decoration: none;
color: #ccc;
-webkit-transition:0.5s;
cursor:url(http://static.tumblr.com/mpornxv/JVilj15ds/0215.png),auto;
}

.title {
background:#efefef;
color:#fff;
font-family:calibri;
font-size:13px;
letter-spacing:3px;
text-transform:uppercase;
text-shadow:1px 1px 0px #877aad;
padding:3px;
margin-bottom:0px;
}


.title1 {
margin-top:0px;
background:#fff;
border:1px solid #f8f8f8;
font-family:tt;
font-size: 8px;
padding:2px;
padding-left:20px;
letter-spacing:1px;
text-transform:block;
}

blockquote{
padding:5px;
background:url(http://24.media.tumblr.com/tumblr_m6cqhjCrpP1rxrqnyo6_250.png);
border:1px solid #eee;
}
.header {
background:#eee;
padding: 15px;
margin-bottom: -20px;
z-index: 100;
position: relative;
width: 900px;
}

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

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

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

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


a.link {
background: #fff;
padding: 1px;
border: 2px solid #BAD4E6;
width: 100px;
display: inline-block;
color: #ccc;
-webkit-transition: 1s;
text-align: center;
text-transform: uppercase;
font-size: 9px;
line-height: 15px;
margin-bottom: 5px;
font: 10px tt;
padding: 3px;
}

a.link:hover {
box-shadow: inset 130px 0 0px 0 #BAD4E6;
-webkit-transition: 1s;
color: #fff;
}

::-webkit-scrollbar {
height: 12px;
width: 7px;
background: #fff;
}
::-webkit-scrollbar-thumb {
background-color: #BAD4E6;
-moz-border-radius: 10px;
border-radius: 10px;
border: 2px solid #fff;
}

::selection {
background: #eee;
color: #ccc;
}

u {
text-decoration: none;
border-bottom: 2px solid #BAD4E6;
}

.comment-timestamp {
margin:0 0 .5em;
padding:0 0 .75em 20px;
color:#666;
}

.deleted-comment {
font-style:italic;
color:gray;
}

#comments {
margin:5;
border-width:0 1px 1px;
padding:20px 0 15px 0;
}
.comment-icon blogger-comment-icon{display:none}
#comments-block {
margin:2px ;
}

.comment-data {
background:url("http://media.tumblr.com/tumblr_mdpf4xTtf61qdlkyg.gif") no-repeat 2px .3em;
margin-top:5px !important;background-size:15px;
padding:0 0 0 20px;
color:#666;
}

span.comment-icon{display:none}

.comment-poster {
font-weight:bold;
}

.comment-body {
margin:0px;
}

.comment-body p {
background:#FFFFFF;
border:3px solid #FCEBED;
margin:0em;
padding:5px;
color:#808080;
}

.sidenav2 a:link, .sidenav2 a:active, .sidenav2 a:visited
{
width:96px;
background:#BAD4E6;
color:#939BA1;
display: inline-block;
text-decoration:none;
text-align:center;
font:10px arial;
font-weight:bold;
padding:1px;
margin-top:2px;
-webkit-transition-property:color, text;
-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
-webkit-transition-timing-function: linear, ease-in;
border-bottom:1px solid #DDD9BE;
}

.sidenav2 a:hover
{
-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
background:#fff;
color:#938B54;
border-bottom:1px solid #BAD4E6;
}

.player{
position:fixed;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
bottom:10px;
overflow:hidden;
right:10px;
background:#fff;
width:10px;
border-radius:2px;
padding:10px;
-moz-box-shadow: 0px 0px 5px #ddd;
-webkit-box-shadow: 0px 0px 5px #ddd;
box-shadow: 0px 0px 5px #ddd;}

.player:hover{
width:50px;
}

</style>
<div class="player">
<embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=http://media.irondj.net/mix/file/31778/B1A4_Je-A-Be_My_Girl.mp3&t0=&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" /></div>

</style>
<style>
.hyosung{
width:100%;
background:url(http://i.imgur.com/MR7Yau5.png);
border-bottom:5px solid #eee;
position:fixed;
top:0px;
left:0px;
box-shadow:0 0 6px #ccc;
text-align:center;
padding:10px;}

a.jieun{
background:#eee;
text-decoration:none;
color:#FFF;
padding:5px;
font:11px arial;
margin-left:5px;
margin-right:5px;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
display:inline-block;
width:60px;}

a.jieun:hover{background:#E6EEF4;
color:#fff;
</style>
<center>
<div style="background:#eee;width:900px;border-radius: 0px 0px 0px 0px;padding:15px;margin-top:15px;">
<center>
<img class="b1a4" src="http://i.imgur.com/eeGiBzI.jpg" />
<center><br>
<div style="background: #FFFFFF;"/>
<br>
<div class="hyosung">
<a class="jieun" onClick="document.getElementById('entry').innerHTML=document.getElementById('journal').innerHTML" >HOME</a>
<a class="jieun" onClick="document.getElementById('entry').innerHTML=document.getElementById('about').innerHTML" >ABOUT</a>
<a class="jieun" onClick="document.getElementById('entry').innerHTML=document.getElementById('links').innerHTML" >LINKIES</a>
<a class="jieun" href="<$NewerPosts$>">NEWER</a>
<a class="jieun" href="<$OlderPosts$>">OLDER</a>
<a class="jieun" href="http://www.blogger.com/follow-blog.g?blogID=<$BlogID$>">FOLLOW</a></div></div>
</head>

<table style="font-size: 11px; color:grey; letter-spacing:1px;line-height: 17px; background:#fff;" width="900" align="center" border="0" cellspacing="8">

<tbody><tr>

<td valign="top" style="line-height:15px; letter-font-size:10px; width:250px; padding:10px;">

<div class="title">Annyeonghaseyo</div><br>

<center>
<div style="background:url(URL BACKGRUND) repeat; border:1px solid #EEE;padding:5px;width:200px;">
<img style="width:200px;height:140px;" src="http://data.whicdn.com/images/27082438/tumblr_m2rnuayNPZ1qaeebuo1_500_large.png">
<div class="sidenav2">
<a href="http://blogger.com/home">DBOARD</a>
<a href="http://www.blogger.com/follow-blog.g?blogID=BLOGID">FOLLOW</a>
</center>
</div><br>
<center>ArrienAmani @ Gongchanwifeyy. Sixteen. Seoul.
I'm BANA and eLement forever.
all my love is for eLement ?<br>
</center><br>

<div class="title">Tagboard</div><br>

<center>
<!----REPLACE THIS IMAGE WITH YOUR ORIGINAL CBOX CODE----!>
<img src="http://i.imgur.com/e4nwLLV.png"width="200">
</center><br>

<div class="title"> Credits</div><br>
</center>
<!------------Dont remove the credit or i kill u-------------!>
© 2013 - Full Template by <a href="http://arrienlove.blogspot.com/">Arrien</a> <a href="http://www.blogskins.com/me/arrien">Amani</a> and someone help me is <a href="http://wanaseoby.blogspot.com/">Wana</a> and <a href="http://fatinhalid.blogspot.com/">AtinVIP</a> . Cute icon from <a href="http://pixel-diary.tumblr.com/">Pixel</a>.
</div></div></td>
<!------------Dont remove the credit or i kill u-------------!>

<td valign="top" style="width:600px; padding:10px; ">
<div id="entry">
<Blogger>
<div class="title"><$BlogItemTitle$></div><div class="title1" style="float:center;text-align:left;"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Comments</a></BlogItemCommentsEnabled></div><$blogitembody$>


</p>

<itempage>
  <div id="comments" style="margin-top:5px;">
 <blogitemcommentsenabled><a name="comments"></a>
<dl id="comments-block">
<div style="width:500px; padding:5px;margin-top:20px;border:4px solid #fff;6px;background:url(http://i55.tinypic.com/v3d7ps.jpg); box-shadow:0  0 3px #ddd;">
      <$CommentPager$>
      <blogitemcomments>
<dt class="comment-data" id="<$BlogCommentAnchorName$>"><a name="<$BlogCommentAnchorName$>"></a>
 <$I18NCommentAuthorSaid$></dt>
<dd class="comment-body">
        <p>
<$BlogCommentBody$></p>
<$BlogCommentDeleteIcon$>
      </dd>
   </BlogItemComments>
    <$CommentPager$>
    </dl>
<p class="comment-timestamp">
<$BlogItemCreate$>
    </p>
</ItemPage>


</Blogger><br>
<center><a style="float:left;" href=<$NewerPosts$>><div class="newer"><span>←</span> Newer Post</div></a>
<a style="float:right;" href=<$OlderPosts$>><div class="older" >Older Post <span>→</span></div></a>
</center></div>
</td></tr></tbody>

<div id="about" style="display: none;">
<div class="title">Owner of This Blog</div><br>

<center><img src="http://data.whicdn.com/images/58822900/tumblr_mleidpPUNO1s8u6x8o3_250_large.png"width="450"></center><br>

<img src="http://media.tumblr.com/tumblr_mecgadWtLj1qdlkyg.gif"width="10"> Hello,my name is Arrien Amani.I'am 16 years young.I like and love Kim Myung Soo so much.I also love Infinite,B1A4,Boyfriend,Nu'est,A-prince,Kim Bum,Kim Hyun Joong and anymore.My bias in Infinite are Kim Myung Soo@L,Hoya and Sung Jong.<br><br>

<blockquote>Put With your own profile</blockquote>
</div>
</div>
</table>

<div id="journal" style="display: none;">
<Blogger>
<div class="title"><$BlogItemTitle$></div><div class="title1" style="float:center;text-align:left;"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Comments</a></BlogItemCommentsEnabled></div><$blogitembody$>
</br>


<itempage>
  <div id="comments" style="margin-top:5px;">
 <blogitemcommentsenabled><a name="comments"></a>
<dl id="comments-block">
<div style="width:500px; padding:5px;margin-top:20px;border:4px solid #fff;6px;background:url(http://i55.tinypic.com/v3d7ps.jpg); box-shadow:0  0 3px #ddd;">
      <$CommentPager$>
      <blogitemcomments>
<dt class="comment-data" id="<$BlogCommentAnchorName$>"><a name="<$BlogCommentAnchorName$>"></a>
 <$I18NCommentAuthorSaid$></dt>
<dd class="comment-body">
        <p>
<$BlogCommentBody$></p>
<$BlogCommentDeleteIcon$>
      </dd>
   </BlogItemComments>
    <$CommentPager$>
    </dl>
<p class="comment-timestamp">
<$BlogItemCreate$>
    </p>
</ItemPage>


</Blogger><br>
<center><a style="float:left;" href=<$NewerPosts$>><div class="newer"><span>←</span> Newer Post</div></a>
<a style="float:right;" href=<$OlderPosts$>><div class="older" >Older Post <span>→</span></div></a>
</center></div>

<div id="links" style="display: none;">
<div class="title">Exchange Links Section</div><br>
<center><img src="http://data.whicdn.com/images/58844313/552956_590695350955364_1767340734_n_large.png"width="450"></center><br><br>

<div style="margin-center: 30px;">
<a class="link" href="http://arrienlove.blogspot.com/">Arrien</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a> <a class="link" href="/">Open</a>
</div>

</div>
kaiwufvn