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 :)

<html>
<head>
<base target='_blank'/>
<link rel="shortcut icon" href="http://i1042.photobucket.com/albums/b423/Kitty-Pink/animali/animalitos2.png" />
</script>


  <title>W E A R E O N E </title>
<style type="text/css">
#navbar-iframe {
display: none;
}

body {
background:url(http://i.imgur.com/r9lmj.png);
background-attachment: fixed;
font-family: trebuchet ms;
font-size: 8px;
text-align: normal;
cursor:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggZLcDTZ8h51uHhpW_NPJlTiYwzGT4UdPpLTsV0StK5X-SHy9Ze9QRNBxpQwGbfGso0YRsPzcUVnP6q4BWawdaY8J1CY5aJpy-N5rFtO_6glBLZL-4ndeBzObp8v8HClxHgB9YqA0q8yI/s1600/grey.png),auto;
}

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

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

.title {
color: #aaa;
font-family: century gothic;
font-size:12px;
line-height:17px;
text-align: left;
letter-spacing:4px;
border-bottom: 3px solid #f0f0f0;
}

.title1 {
font-family: consolas;
font-size:10px;
line-height:20px;
color: #aaa;
text-align: left;
margin-bottom: 10px;
}

.title2 {
border:1px solid #F5F5F5;
background:url(http://i.imgur.com/r9lmj.png);
font: 9px 'trebuchet ms';
text-transform:uppercase;
padding: 5px;
text-align:center;
letter-spacing:5px;
font-style:bold;
color: #a9a9a9;
margin-top: 10px;
margin-bottom: 10px;
}

blockquote {
-webkit-user-select:text;-moz-user-select:text;
color: #aaa;
border-left: 10px solid #eee;
border-top: 2px solid #eee;
border-right: 10px solid #eee;
border-bottom: 2px solid #eee;
padding: 4px;
margin:1em 20px;
-webkit-transition: 1s;
}

blockquote:hover {
color: #fff;
box-shadow: inset 530px 0 0px 0 #F2F2F2;
-webkit-transition: 1s;
cursor: pointer;
}


a.navi{
border:1px solid #ebebeb;
text-transform:uppercase;
background:#fff;
text-decoration:none;
color: #666;
 padding: 6px;
font: 8px yow;
margin-left: 5px;
margin-right: 5px;
-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; text-decoration:none;
box-shadow:inset 0px 0px 0px #FBF8E0,
inset 0px 0px 0px #FBF8E0;
display: inline-block;
width: 65px;
}
a.navi:hover {
-webkit-transition-duration: 0.5s;
box-shadow:inset 0px 14px 0px #938B54,inset 0px -14px 0px #938B54; color: #fff;
}


#text          {
background: #fff;
-moz-transition-duration:.55s;
-webkit-transition-duration:.55s;
width:15px;
height:140px;
overflow:hidden;
position:fixed;
}

#text:hover    {
background: #fff;
-moz-transition-duration:.55s;
-webkit-transition-duration:.55s;
width:234px;
height:138px;
overflow:hidden;}

.imgbackground{
position:fixed;
overflow:hidden;
background:url(http://i.imgur.com/fJp2S.png);
border-radius:2px;
padding:17px;
-moz-box-shadow: 0px 0px 5px #ddd;
-webkit-box-shadow: 0px 0px 5px #ddd;
box-shadow: 0px 0px 5px #ddd;
}

a.navi{
display:inline-block;
-webkit-transition:All 0.8s ease ;
-moz-transition:All 0.84s ease ;
-o-transition:All 0.8s ease ;
padding:5px;
width:60px;
text-decoration:none;
font-family:tahoma;
font-size:10px;
text-transform:uppercase;
color: #fff;
background: #9e9e9e;
text-align:center;
cursor:vertical-text;
opacity: 0.4;
}
a.navi:hover{
background: #ccc;
letter-spacing: 3px;
background-position:50% 30%;
background-size:80px;
letter-spacing:3px;
color: #fff;
border-bottom:0px;
-webkit-transition:All 1.5s ease;
-moz-transition:All 1.5s ease;
-o-transition:All 1.5s ease;
box-shadow:inset 0 50px 8px #fff;
}

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

b {
color: #eee;
}

a.link {
background: #fff;
padding: 1px;
border: 2px solid #eee;
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 #eee;
-webkit-transition: 1s;
color: #fff;
}

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

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

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

</style>
<center>

<div style="display:inline-block;width:900px;padding-top:260px;border-radius:0px 0px 0px 0px;border:1px solid #efefef;border-bottom:none;background-repeat:no-repeat;background: url(http://i.imgur.com/2pkiDSj.png);margin-top:15px;"></div><br>

<div style="background:none;border-left:40px solid #efefef;border-right:40px solid #efefef;width:500px;height:40px;">
</div>


<div style="margin-top:0px;width:890px;padding:10px;border-radius:0px 0px 0px 0px;border:2px solid #efefef;background-color:#fff;background-position:center;background-image: url(http://www.pastelpatterns.com/small/smallpattern-7.png);">

<a class="navi" onClick="document.getElementById('entry').innerHTML=document.getElementById('journal').innerHTML">ENTRY</a>
<a class="navi" onClick="document.getElementById('entry').innerHTML=document.getElementById('about').innerHTML">ABOUT</a>
<a class="navi" onClick="document.getElementById('entry').innerHTML=document.getElementById('links').innerHTML">LINKS</a>
<a class="navi" onClick="document.getElementById('entry').innerHTML=document.getElementById('stuffs').innerHTML">STUFFS</a>
<a class="navi" href="https://www.facebook.com/blogarrienamani">FCBOOK</a>
<a class="navi" href="https://twitter.com/iena_myungsoo97">TWITTER</a>
<a class="navi" href="http://www.blogskins.com/me/arrien">BLOGSKIN</a>
<a class="navi" href="<$NewerPosts$>">NEWER</a>
<a class="navi" href="<$OlderPosts$>">OLDER</a>
<a class="navi" href="http://www.blogger.com/follow-blog.g?blogID=4259633660096732610">+FOLLOW</a></div></div></div>

<table style="margin-bottom:20px;border-radius:0px 0px 0px 0px; line-height: 17px; padding-left:10px; padding-right:18px; padding-bottom:18px; padding-top:0px;font-size: 12px;color: #aaa;  font-family:trebuchet ms;  background:white; border:3px solid #efefef;" width="910" border="0" align="center" cellspacing="5">
<tbody><tr>

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

<div class="title2">Annyeonghaseyo</div>

<center><img src="http://data.whicdn.com/images/56109448/tumblr_mjz8qve1Tu1rsumtgo1_500_large.png" style="background: url(http://www.pastelpatterns.com/small/smallpattern-7.png);
padding: 5px; width: 200px;" /></center>
<center>ArrienAmani @ Luhan wife - Sixteen - Seoul<br>
</center><br>

<div class="title2">Tagboard</div>

<center>
<!----REPLACE THIS IMAGE WITH YOUR ORIGINAL CBOX CODE----!>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmxhFwc8JblnRFsYLwSTunRQ6xm0Y2zNkZDR_4-_CNNjxxdBeW43UnxyW8PvUjxUYd2qYe-7rcMyzIHSr6Ltzk24X_LCvojlwozaUpcuxrBqNNTCv0pLGWUVxbBa9VOnbgXaW1dqfEMQ/s1600/a.png"width="200">
</center><br>

<div class="title2">BLOG ARCHIVE;</div><br>
<div style="overflow: auto; height: 100px; border: 2px solid #f9f9f9; padding: 10px;">
<bloggerpreviousitems>
<a  href="<$BlogItemPermalinkURL$>">
<li><$BlogPreviousItemTitle$></li>
</a>
</BloggerPreviousItems>
</div>
</a><br>

<div class="title2"> Credits</div>
</center>
Template : <a href="http://arrienlove.blogspot.com/">Arrien</a><a href="http://www.blogskins.com/me/arrien">Amani</a><br>
Big Help : <a href="http://nurulatiqahjaidin.blogspot.com/">E</a>
<a href="www.weheartit.com">X</a><a href="http://fatinhalid.blogspot.com/">O</a>-<a href="http://nrulysmn.blogspot.com/">M</a><br>
Nice View:<a href="www.google.com.my">Google Chrome</a><br>
Owner: <a href="http://.blogspot.com">Your Name</a><br></div></div></center></div></div></center>
<div>


<td valign="top" style="width:600px; padding:10px; ">
<div id="entry">
<blogger><div class="title"><img style="border: 3px solid #D8DED3; width: 60px; margin-right: 3px; opacity: 1.0; border-radius: 0px;" src="http://i.imgur.com/4yMcNfDs.png"align="left"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="title1">Posted on <BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> at <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> exotic(s)</a></BlogItemCommentsEnabled></div><br><Br>
<$BlogItemBody$>
</blogger><br>
<center><div class="paging"><OlderPosts><a href=<$OlderPosts$>>◄ OLDER POSTS</a></OlderPosts> <NewerPosts> // <a href=<$NewerPosts$>>NEWER POSTS ►</a></NewerPosts></center></div>
</td></tr></tbody>

<div id="about" style="display: none;">
<div class="title"><img style="margin-right: 3px; border: 3px solid #D8DED3; opacity: 1.0; border-radius: 0px;" src="http://i.imgur.com/2pBc1hws.png"width="60"align="left">  Meet The Exoticeu .</div>
<div class="title1">Feel to know me more</div><Br><br>

<center><img src="http://data.whicdn.com/images/46470778/tumblr_mf7ngpTLTi1rpjjgzo2_500_large.png"width="480"></center><br>

<img src="http://media.tumblr.com/tumblr_mdnsird9sN1qdlkyg.gif"width="12"> <i><span style="color: #E6DCD8;">Biography ;</span></i> I'm Nor Sabrina A.K.A Arrien Amani. Going sixteen year's young on 21th of september 2013 and school at SABK Maahad Tarbiah Islamiah  . I love my bias, L@Myung Soo and Jin Young, both of them shoo cutee. I wish i can fly to seoul asap. I want to meet my myung soo so much. I also love Infinte, B1A4,EXO, BTOB, Super Junior, Big Bang,U-Kiss,ZE:A,X-5,A-Prince,Boyfriend and anymore. THANKS for READING , sorry if my english so bad. I'm just a human being who makes mistakes.
<br /><br/>

<img src="http://media.tumblr.com/tumblr_mdnsjhAWlf1qdlkyg.gif"width="10"> <u>Awesome Me for Sure</u><br><br>

<div style="margin-left: 5px;">
<li><b>Real Name :</b> Nor Sabrina BT Jalaluddin.<br>
<li><b>Nicknames :</b> Arrien,Iena,Sab.<br>
<li><b>Age :</b> 16 years old<br>
<li><b>Birthday :</b> 21 September 1997<br>
<li><b>Blood Type :</b> A <s>same with jin young</s><br>
<li><b>Height :</b> 157cm *cuz i can't be tall anymore crying crying crying by heo young saeng*<br>
<li><b>Weight :</b> 40kg<br>
<li><b>Nationality :</b> Malaysian<br>
<li><b>Religion :</b> Islam<br>
<li><b>Race :</b> Malay<br>
<li><b>Languages :</b> Malay, English, a little Korean.<br>
<li><b>Dreams :</b> Doctor, Lawyer,Graphic designer or <s>an idol</s><br>
</div>
</div>
</table>

<div id="journal" style="display: none;">
<blogger><div class="title"><img style="border: 3px solid #D8DED3; width: 60px; margin-right: 3px; opacity: 1.0; border-radius: 0px;" src="http://i.imgur.com/ReP0j9ls.png"align="left"> <BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="title1">Posted on <BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> at <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> exotic(s)</a></BlogItemCommentsEnabled></div><br><Br>
<$BlogItemBody$>
</blogger><br>
<center><div class="paging"><OlderPosts><a href=<$OlderPosts$>>◄ OLDER POSTS</a></OlderPosts> <NewerPosts> // <a href=<$NewerPosts$>>NEWER POSTS ►</a></NewerPosts></center></div>


<div id="links" style="display: none;">
<div class="title"><img style="border: 3px solid #D8DED3; width: 60px; margin-right: 3px; opacity: 1.0; border-radius: 0px;" src="http://i.imgur.com/BGdnn6Os.png"align="left"> Exchange Links .</div>
<div class="title1">Let's be friends</div><Br><bR>

<center><img src="http://data.whicdn.com/images/46611492/tumblr_mf8vduhN1K1qc3fy9o1_r3_500_large.png"width="480"></center><br><br>

<div style="margin-left: 30px;">
<center><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><center>
</div>

<div id="stuffs" style="display: none;">
<div class="title"><img style="border: 3px solid #D8DED3; width: 60px; margin-right: 3px; opacity: 1.0; border-radius: 0px;" src="http://i.imgur.com/gXSZn6Ys.png"align="left"> Tutorials & Freebies .</div>
<div class="title1">Feel free to view</div><Br><Br>

<center><img src="http://data.whicdn.com/images/56103329/734160_518113648231270_971302956_n_large.png"width="480"></center><br>

<u>Tutorials</u> :<br><br>
<img src="http://media.tumblr.com/tumblr_meb62yNVHM1qdlkyg.gif"width="10"> <a href="/">Tutorial : Title</a><br>
<img src="http://media.tumblr.com/tumblr_meb62yNVHM1qdlkyg.gif"width="10"> <a href="/">Tutorial : Title</a><br>
<img src="http://media.tumblr.com/tumblr_meb62yNVHM1qdlkyg.gif"width="10"> <a href="/">Tutorial : Title</a><br>
<img src="http://media.tumblr.com/tumblr_meb62yNVHM1qdlkyg.gif"width="10"> <a href="/">Tutorial : Title</a><br>
<img src="http://media.tumblr.com/tumblr_meb62yNVHM1qdlkyg.gif"width="10"> <a href="/">Tutorial : Title</a><br>
<img src="http://media.tumblr.com/tumblr_meb62yNVHM1qdlkyg.gif"width="10"> <a href="/">Tutorial : Title</a><br>
<img src="http://media.tumblr.com/tumblr_meb62yNVHM1qdlkyg.gif"width="10"> <a href="/">Tutorial : Title</a><br>
<img src="http://media.tumblr.com/tumblr_meb62yNVHM1qdlkyg.gif"width="10"> <a href="/">Tutorial : Title</a><br>
<img src="http://media.tumblr.com/tumblr_meb62yNVHM1qdlkyg.gif"width="10"> <a href="/">Tutorial : Title</a><br>
<img src="http://media.tumblr.com/tumblr_meb62yNVHM1qdlkyg.gif"width="10"> <a href="/">Tutorial : Title</a><br><br>

<u>Freebies</u> :<br><br>

<img src="http://media.tumblr.com/tumblr_meb61u1MNm1qdlkyg.gif"width="10"> <a href="/">Freebies : Title</a><br>
<img src="http://media.tumblr.com/tumblr_meb61u1MNm1qdlkyg.gif"width="10"> <a href="/">Freebies : Title</a><br>
<img src="http://media.tumblr.com/tumblr_meb61u1MNm1qdlkyg.gif"width="10"> <a href="/">Freebies : Title</a><br>
<img src="http://media.tumblr.com/tumblr_meb61u1MNm1qdlkyg.gif"width="10"> <a href="/">Freebies : Title</a><br>
<img src="http://media.tumblr.com/tumblr_meb61u1MNm1qdlkyg.gif"width="10"> <a href="/">Freebies : Title</a><br>
<img src="http://media.tumblr.com/tumblr_meb61u1MNm1qdlkyg.gif"width="10"> <a href="/">Freebies : Title</a><br>
<img src="http://media.tumblr.com/tumblr_meb61u1MNm1qdlkyg.gif"width="10"> <a href="/">Freebies : Title</a><br>
<img src="http://media.tumblr.com/tumblr_meb61u1MNm1qdlkyg.gif"width="10"> <a href="/">Freebies : Title</a><br>
<img src="http://media.tumblr.com/tumblr_meb61u1MNm1qdlkyg.gif"width="10"> <a href="/">Freebies : Title</a><br>
<img src="http://media.tumblr.com/tumblr_meb61u1MNm1qdlkyg.gif"width="10"> <a href="/">Freebies : Title</a><br>

</html>
kaiwufvn