Aℓia Nzra

First Blogskin

Assalamualaikum reader(s)!

Hai guys! :) Harini Lia bosan sangat. Homework ada dalam 10 lagi. Tapi still bosan :p yelah, takkan nak buat je 24 jam. Ahaha, tak tak tak. Saya tidak serajin itu ye :p hehe. Lepastu skodeng blogskins kejap. Terdetik dalam hati nak try buat blogskin sekali. And jeng jeng jeng. Dalam masa satu jam je, lia dah siap hasilkan satu blogskin yg guna basecode akak akak yang lagi hebat. Tapi Lia buat header dia sendiri and edit edit apa yg patut.

Ni screenshot dia :

Okay tak? Lia tak lah buat comel sangat lagipun baru kali pertama buat. Hehe. Dan bagi sesiapa yang berkenan dengan header tu SAHAJA . Boleh ambik code bawah ni :

http://i.imgur.com/n8KTQPN.png

Jangan lupa letak credit ok? Bagi yang suka blogskin tu dan nak guna, boleh copy kod kat bawah ni aje ;)

::-webkit-scrollbar {
width: 10px;
height: 10px;
}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment {
height: 10px;
width: 10px;
display: block;
background-color: mistyrose;
border: 1px solid pink;
}
::-webkit-scrollbar-track-piece {
background-color: #fff;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: mistyrose;
border: 1px solid pink;
}

a:link, a:visited, a:active { 
color: #FF9BB8;
text-decoration: none;
cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;
}

a:hover {
color: #FFFFFF;
-webkit-transition-duration: 2s;
text-decoration: none;
background:url(http://a.deviantart.net/avatars/s/p/sparklesplz.gif?1) ;background-repeat: repeat;
}

table {
background: #FFFFFF;
font-family: Short stack;
font-size: 11px;
color: #6E6E6E;
border: 1px solid #ffffff;
box-shadow: 0px 0px 5px #FFFFFF;
border-radius: 15px;
cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglyypDwFiJL1Klx9V_M7CJVJTiylHJ55dT0867RThH-RDVyEUEKR26exgpK7lk7XMVzZ3tZEcH0munRv-_1cDeMDlCwUdDNVkis-_g8bhnqRlEiDk9xisTa-KMYXXmUcSARrIwx7n-ufjp/s1600/jannah.png), progress;
}

.header {

margin-left: 2px;
margin-bottom: -15px;
-webkit-transition:2s
}

body {
background: url(http://www.pastelpatterns.com/small/smallpattern-14.png);
cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglyypDwFiJL1Klx9V_M7CJVJTiylHJ55dT0867RThH-RDVyEUEKR26exgpK7lk7XMVzZ3tZEcH0munRv-_1cDeMDlCwUdDNVkis-_g8bhnqRlEiDk9xisTa-KMYXXmUcSARrIwx7n-ufjp/s1600/jannah.png), progress;
font-family: Short Stack;
font-size: 11px;
color: #6E6E6E;
letter-spacing: 1px;
line-height: 16px;
}

.main {
width: 580px; 
background: #FFFFFF; 
padding: 13px; 
font-family: Short stack;
font-size: 11px;
color: #6E6E6E;
text-align: left;
line-height: 16px;
border-radius: 16px;
border-left:1px solid #f0f0f0;
cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglyypDwFiJL1Klx9V_M7CJVJTiylHJ55dT0867RThH-RDVyEUEKR26exgpK7lk7XMVzZ3tZEcH0munRv-_1cDeMDlCwUdDNVkis-_g8bhnqRlEiDk9xisTa-KMYXXmUcSARrIwx7n-ufjp/s1600/jannah.png), progress;
}

.sidebar {
width: 240px;
background: #FFFFFF; 
padding: 13px; 
font-family: Short stack;
font-size: 11px;
color: #6E6E6E;
line-height: 16px;
text-align: left;
border-radius: 25px;
cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglyypDwFiJL1Klx9V_M7CJVJTiylHJ55dT0867RThH-RDVyEUEKR26exgpK7lk7XMVzZ3tZEcH0munRv-_1cDeMDlCwUdDNVkis-_g8bhnqRlEiDk9xisTa-KMYXXmUcSARrIwx7n-ufjp/s1600/jannah.png), progress;
}

.vanilla {
background: #eeeeee;border-left: 10px solid #FFD2E0;
padding: 2px;
font-size:15px;
font-family:Udamojial;
text-align:center;
font-style:none;
letter-spacing: 2px;
}
.vanilla:first-letter {
color: #7F7F7F;
}

.chocolate {
font-family: Short stack;
font-size: 10px;
color: #6E6E6E;
color: #6E6E6E;
text-align: right;
margin-top: 2px;
margin-bottom: 1em;
}

u {
text-decoration: none;
border-bottom: 1px solid #FFD2E0;
line-height: 2px;
color: #ff9999;
}
b, strong {
color: #6E6E6E;
}
b{
color:#FF9A9A;
}
i, italic {
color: #6E6E6E;
}
s, strike {
color: #6E6E6E;
}
::selection {
background:#FFFFFF;
color:#6E6E6E;
}

#music {
text-align: center;
font-size: 11px;
position:fixed;
left:20px;
top:-55px;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;z-index:999;
}
#music:hover {
top:-10px;
}

#song {
background:white;
padding: 20px 0 5px 0;
border:1px solid #eee;
border-radius:5px;
z-index: 9999;
position:fixed;
font-family: Short stack;
font-size:8px;
-webkit-transition:1s;
}

#player {
font-family: Short stack;
text-shadow: 0 1px 0 #FFFFFF;
height:25px;
padding: 0 0 8px 0;
background:#fff;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
width: 30px;
}

img {
opacity: 1.0; 
filter: alpha(opacity="100"); 
font-family: Short stack;
-webkit-transition-duration: .50s;
font-size: 11px;
color: #6E6E6E;
cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglyypDwFiJL1Klx9V_M7CJVJTiylHJ55dT0867RThH-RDVyEUEKR26exgpK7lk7XMVzZ3tZEcH0munRv-_1cDeMDlCwUdDNVkis-_g8bhnqRlEiDk9xisTa-KMYXXmUcSARrIwx7n-ufjp/s1600/jannah.png), progress;
}

img:hover {
border-radius: 10px; 
cursor: url(http://i.imgur.com/ZwZCD.png), auto;
-webkit-transition-duration: .50s;
}

.blog-pager {
background: transparent url(http://www.blogblog.com/1kt/simple/paging_dot.png) repeat-x scroll center;
}

blockquote { 
background: #eeeeee;border-left: 10px solid #FFD8D8;border-right: 10px solid #FFD8D8;
padding: 5px;
}
blockquote:hover {
border-radius:30px;
border-top: 1px dashed #FFC2D5;
border-bottom: 1px dashed #FFC2D5;
border-left: 1px dashed #FFC2D5;
border-right: 1px dashed #FFC2D5;
padding: 5px;
-webkit-transition:.8s;
}

.babo{background:white;margin-left:15px;padding:5px;border:0px dashed #D9D9D9;text-align:center;width:215px;}

a.tablo{
letter-spacing:1px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
cursor:pointer;
display:inline-block;
font:8px tt;
text-align:center;
width:30px;
height:10px;
color:#888 !important;
padding:5px;
padding-top:15px;
background:#eee;
text-decoration:none;
-webkit-border-top-left-radius: 33px;
-webkit-border-top-right-radius: 33px;
-moz-border-radius-topleft: 33px;
-moz-border-radius-topright: 33px;
border-top-left-radius: 33px;
border-top-right-radius: 33px;
border:2px solid #ddd;
border-bottom:none;
cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;
}

a.tablo:hover{background: #fff;
color:#333 !important;}
@font-face {
font-family:tt;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
}
#wnsb img{max-width:200px;}

background-color: #F9F9F9;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 300ms;
padding: 7px;
border-radius:5px;
border:1px solid #DDDDDD;
}

a.navigate {
cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;
color:grey;
margin-top: 8px;
margin-bottom: 8px;
text-align: right;
-webkit-transition: 0.5s;
}
a.navigate:hover {
cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;
margin-top: 8px;
margin-bottom: 8px;
padding-right: 10px;
-webkit-transition: 0.5s;
}
a.button{
background:#FFBFBF;
color:#ffffff;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
text-decoration:none;
font-family:Short stack; 
font-size:12;
padding:5px;
border-radius:5px;
width:70px;
text-align:center;
display:inline-block;
}
a.button:hover{
background:#CECCCC;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
color:#ffffff;
text-decoration:none;
font-family:Short stack; 
font-size:12;
padding:5px;
border-radius:5px;
width:70px;
text-align:center;
display:inline-block;
}

</style>  
<script type="text/javascript" src="http://www.yourjavascript.com/14104214083/snow-white.js"></script>

</style> 
<div id="music">
 
<div id="song">
<center>
<div style="float:right; margin-right:5px;">
 Enjoy! </div>
<img src="//img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; height: 25px; width: 15px; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="BLOGGER_object_0" data-original-id="BLOGGER_object_0" /><div id="player">
<br><img src="http://dl2.glitter-graphics.net/pub/122/122842r9l2jjtjaf.gif"></div>
</center>
</div>
</script>
<div>
</div>
<script type="text/javascript"> 
$('body').hide();
$('body').fadeIn(2000);
</script>
</div>
<table width="730" align="center" cellspacing="0" cellpading="0">
<tr> 
</td>
<tr>
<tr> 
<td valign="top" style="background: #FFFFFF; border-radius: 15px;"><div class="sidebar">
 
<div class="vanilla">
 Disclaimer.</div>
<br> 
<img src="http://s2.favim.com/orig/35/boy-cold-couple-cute-girl-Favim.com-287591.jpg" height="50" width="60" style="float:left; margin-top:2px;margin-right:10px;border-radius:5px;" /> Hello and Assalamualaikum. I am Alia Eyra the editor of this skin. Are you a hater? No Problem, just <a href="javascript:window.close();">click here.</a> Thanks. Change this words with your own btw!<br/>
<a href="https://twitter.com/AliaaEyra" class="twitter-follow-button">Follow @AliaaEyra</a><script src="//platform.twitter.com/widgets.js" type="text/javascript"></script></center>
</center>
<br><br/>
<div class="vanilla">
 Talk here.</div>
<br>
<center>
</a><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlejp6M-wc_pwGhAp8PgSSVrm21aA_HljAw3wnyPuYVObq195zIRhliRFJnPRNkHqTWDJ2-g_yubARkzviKZeyfA9V6Az_hFT90q3yvu_A6i2f0mZXE3Hh26uTFFGVHhC6hgJFbF5nTeba/s200/Mexico.png"<center/>
<center>
</a>
<br><center>
-KOD CBOX ANDA DI SINI- <center/><br><br/>
<br> 
<div class="vanilla">
 Credits.</div>
<br>
<center>
</a><img src="http://applepine.chu.jp/line/sen/hata1.gif"><center/>
</div>
<br>
<!---PLEASEEEE DO NOT REMOVE CREDITS OR I'LL KILL YOU AND BASH YOU!!-------!>
<br><center>
This template by<a href="http://afikahshuhaimi.blogspot.com/"> AfikahShuhaimi. </a> Basecode by<a href="http://justayien.blogspot.com/"> OhhAeen. </a> Header and edited by<a href="http://eyraonlinediary.blogspot.com"> Alia Eyra. </a><center/>

<td valign="top"> 
<div class="main">
 
<div id="page">
 
<blogger><div class="vanilla">
<blogitemtitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="chocolate">
<blogdateheader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> comments</span></a></BlogItemCommentsEnabled></div>
<$BlogItemBody$></br>
</blogger><br>
<center>
<olderposts><a href=<$OlderPosts$>>Old things</a></OlderPosts> <newerposts> | <a href=<$NewerPosts$>>New things</a></NewerPosts></center>
</div>
</div>
</td>
</div>
</div>
</div>
</div>
</td> 
</td>

<div id="stuff" style="display:none;">
 
<div class="vanilla">
Your Help Centre</div>
<br>
<center>
<img src="http://2.bp.blogspot.com/-MQTypTRhjlM/T-m5HSnqzTI/AAAAAAAAAa4/5Iz-VHJBHFA/s1600/WeHeartIt-photography-29493685-500-332.jpg"><br><br>
<u>Tutorials</u>
<blockquote>
<div class="separator" style="clear: both; text-align: left;">
<img border="0" src="http://www.drikoti.net/Goodies/Favicons/Gifs/fv-new13.png" /><a href="http://justayien.blogspot.com/2011/11/tutorial-saving-mode-energy.html" target="_blank">Saving mode energy</a></div>
<div style="text-align: left;">
<img src="http://www.drikoti.net/Goodies/Favicons/Gifs/fv-new13.png" /><a href="http://justayien.blogspot.com/2011/11/tutorial-favicon.html" target="_blank">Favicon</a></div>
<div style="text-align: left;">
<img src="http://www.drikoti.net/Goodies/Favicons/Gifs/fv-new13.png" /><a href="http://justayien.blogspot.com/2012/01/tutorial-cursor-dalam-blog.html" target="_blank">Cursor dalam blog</a></div>
<div style="text-align: left;">
<span id="goog_1615280878"></span><img src="http://www.drikoti.net/Goodies/Favicons/Gifs/fv-new13.png" /><span id="goog_1615280879"></span><a href="http://justayien.blogspot.com/2012/01/tutorial-image-beside-post-title.html" target="_blank">Image sebelah post title</a></div>
<div style="text-align: left;">
<img src="http://www.drikoti.net/Goodies/Favicons/Gifs/fv-new13.png" /><a href="http://justayien.blogspot.com/2011/12/new-facebook-emotions.html" target="_blank">Facebook Emotions</a><br />
<img src="http://www.drikoti.net/Goodies/Favicons/Gifs/fv-new13.png" />Coming soon!</div>
</blockquote>
<br>
<u>Freebies</u><br></center>
<blockquote>
<img src="http://www.drikoti.net/Goodies/Favicons/Gifs/fv-new13.png" /> <a href="http://justayien.blogspot.com/2011/12/freebies-header.html" target="_blank">Header #1</a><br />
<img src="http://www.drikoti.net/Goodies/Favicons/Gifs/fv-new13.png" /> <a href="http://justayien.blogspot.com/2012/01/freebies-header-part-2.html" target="_blank">Header #2</a><br />
<img src="http://www.drikoti.net/Goodies/Favicons/Gifs/fv-new13.png" /> <a href="http://justayien.blogspot.com/2012/03/freebies-header-3.html" target="_blank">Header #3</a><br />
<img src="http://www.drikoti.net/Goodies/Favicons/Gifs/fv-new13.png" /> <a href="http://justayien.blogspot.com/2012/04/freebies-header-4.html" target="_blank">Header #4</a><br />
<img src="http://www.drikoti.net/Goodies/Favicons/Gifs/fv-new13.png" /> <a href="http://justayien.blogspot.com/2012/01/freebies-opening-note.html" target="_blank">Opening Note</a><br />
<img src="http://www.drikoti.net/Goodies/Favicons/Gifs/fv-new13.png" /> <a href="http://justayien.blogspot.com/2012/01/freebies-opening-note-part-2.html" target="_blank">Opening Note #2</a><br />
<img src="http://www.drikoti.net/Goodies/Favicons/Gifs/fv-new13.png" /> <a href="http://justayien.blogspot.com/2012/01/freebies-cute-cursor.html" target="_blank">Cursor</a> <span class="Apple-style-span" style="font-size: x-small;">*cute cursor</span><br />
<img src="http://www.drikoti.net/Goodies/Favicons/Gifs/fv-new13.png" /> <a href="http://justayien.blogspot.com/2012/01/freebies-cursor-star.html" target="_blank">Cursor #2</a> <span class="Apple-style-span" style="font-size: x-small;">*star cursor</span><br />
<img src="http://www.drikoti.net/Goodies/Favicons/Gifs/fv-new13.png" /> <a href="http://justayien.blogspot.com/2012/04/freebies-sidebar-title.html" target="_blank">Sidebar Title Image</a><br />
<img src="http://www.drikoti.net/Goodies/Favicons/Gifs/fv-new13.png" /> Coming Soon!</blockquote>
<br><br>
<center>
Change this with your own tuto and freebies</center>
</div>
<div id="home" style="display:none;">
 
<blogger><div class="vanilla">
TITLE; <blogitemtitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="chocolate">
<blogdateheader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> comments</span></a></BlogItemCommentsEnabled></div>
<$BlogItemBody$></br>
</blogger><br>
<center>
<olderposts><a href=<$OlderPosts$>>Old things</a></OlderPosts> <newerposts> | <a href=<$NewerPosts$>>New things</a></NewerPosts></center>
</div>
<div id="site" style="display:none;">
 
<div class="vanilla">
About Site</div>
<br>
<center>
<img src="http://24.media.tumblr.com/tumblr_ma5zh1cNYH1qcxieko1_500.jpg"></center>
<br><br>
<b>Current site name</b>: Beautiful Me.<br>
<b>Current site theme</b>: Pink + Blue + White + Grey + Purple + Orange + Green.<br>
<b>Best view in</b>: Google Chrome and 1366 X 671.<br>
<b>Site opened since</b>: 2012.<br><br>
<center>
This Beautiful Me templates made by <a href="http://justayien.blogspot.com/"> OhhAeen </a>. The photogenic pictures taken at <a href="http://weheartit.com/">WeHeartit </a>. Powered by <a href="http://blogger.com/">Blogger.com </a>.</center>
</div>
<div id="about" style="display:none;">
 
<div class="vanilla">
Le Webmistress</div>
<br>
<center>
<img src="http://24.media.tumblr.com/tumblr_mc6fnd2JdV1qcxieko1_500.jpg"><br><br>
<u>About me</u><br>
Name; Spongebob Squarepants<br>
Staying; Bikini Bottoms<br>
BFF; Patrick Starfish
<br><br>
<blockquote>
Change this with your own bio :')</blockquote>
</center>
</div>
</style>
 
</table>
<script type="text/javascript" src="http://www.blogger.com/static/v1/common/js/3407999231-csitail.js"></script> 
<script type="text/javascript">BLOG_initCsi('classic_blogspot');</script><script type="text/javascript" src="//www.blogger.com/static/v1/common/js/1447355603-csitail.js"></script>
<script type="text/javascript">BLOG_initCsi('classic_blogspot');</script></body><link rel="openid.server" href="http://www.blogger.com/openid-server.g" /> 
<style type="text/css">@import url(http://www.blogger.com/static/v1/v-css/navbar/697174003-classic.css);
div.b-mobile {display:none;}
</style> 
 
<link rel="me" href="http://www.blogger.com/profile/2640832732402916053" />
<style type="text/css">@import url(http://www.blogger.com/static/v1/v-css/navbar/3334278262-classic.css);
div.b-mobile {display:none;}
</style>

</head><body><script type="text/javascript"> 
    function setAttributeOnload(object, attribute, val) {
      if(window.addEventListener) {
        window.addEventListener("load",
          function(){ object[attribute] = val; }, false);
      } else {
        window.attachEvent('onload', function(){ object[attribute] = val; });
      }
    }
  </script> 
<div>
</div>
</html>

Nak live preview? Klik sini .Okay bye and assalamualaikum again :D

Biodata

Short essay ;
Hi! Lots of thanks for spending your time here. I can be contacted at my instagram & twitter as stated below as im an active user there!

I really love reading novels and taking selfies but aint got confidence to really post em almost everyday. Insecurity & jealousy level is high ops

im one of the form 3 students at SMK Chukai, Kemaman. im kinda friendly so you dont have to be worried about making friends with me, we'll get along. as long as youre nice then i will too.

im a blogger since May 2011 and i swear i didnt expect my blog to be this neat. Thanks for the 1k+ followers and 2k+ likers on facebook!

Short Biodata ;
- Full name : Wan Alia Nazira binti Wan Mohd Zulkefli
- Age : 17 years old
- Nickname : Alia or Lia
- Birth date : 20 October 1999
- Height (cm) : 161 centimeter
- Warna kegemaran : Pastel colours
- Favourite food : I eat everything
- Favourite drink : I drink everything
- Hobbies : Travelling, taking photos& idk spending my time with phone?

Wishlist;
- 5A's in UPSR *checked*
- 10A's in PT3 *checked*
- 9A's in SPM

Find me here :
- Instagram : wanalianazira
- Twitter : @alianzra

Note :
i have change my link from eyraonlinediary.bs.com to alianzra.bs.com !

First Blogskin

Assalamualaikum reader(s)!

Okay tak? Lia tak lah buat comel sangat lagipun baru kali pertama buat. Hehe. Dan bagi sesiapa yang berkenan dengan header tu SAHAJA . Boleh ambik code bawah ni :