THEMES CODE ©
CODES;

<html>
</script>

<head><link rel="shortcut icon" href="http://media.tumblr.com/46e816360b5bd2baa6d9871cff9d1a57/tumblr_inline_mfnhmnoHlE1qdlkyg.gif" /><Br><br><br>
<link href='http://fonts.googleapis.com/css?family=Delius|Imprima|Happy+Monkey|Love+Ya+Like+A+Sister|Delius+Swash+Caps|' rel='stylesheet' type='text/css'>
<title>Because I'm Happy!!</title>
<style type="text/css">
#navbar-iframe {
display: none;
}
.b1a4 {
margin-left: 0px;
margin-bottom: -29px;
}
body {
background:url(http://25.media.tumblr.com/1943d05a7bd8e075f4ef65fc5aaa59c2/tumblr_movcawwYsM1ru3nbdo3_250.png);
background-attachment: fixed;
font-family: Happy Monkey;
font-size: 12px;
text-align: left;
cursor:url(http://media.tumblr.com/265953e0f7fde8718015cb751d099fa2/tumblr_inline_mo87x0A0lQ1qz4rgp.gif), auto;
}
::-moz-selection {
background:#ffb6c1;
color:#FFFFFF;
}
::selection {
background:#ffb6c1;
}
a:link, a:visited {
color: #ED9BFF;
text-decoration: none;
-webkit-transition:0.5s;
cursor:url(http://media.tumblr.com/9db78c2ff1c84ae4c58c79396f6e6a61/tumblr_inline_mg28izhk2m1qid2nw.png);
}
a:hover{
-webkit-background-clip: text;
color: white;
-webkit-text-fill-color: transparent;
background-image:-webkit-gradient(linear, left top, right top, from(#ea8711), to(#d96363));
background-image:-webkit-linear-gradient(left, #ea8711, #d96363, #73a6df, #9085fb, #52ca79);
background-image:-moz-linear-gradient(left, #ea8711, #d96363, #73a6df, #9085fb, #52ca79);
background-image:-ms-linear-gradient(left, #ea8711, #d96363, #73a6df, #9085fb, #52ca79);
background-image:-o-linear-gradient(left, #ea8711, #d96363, #73a6df, #9085fb, #52ca79);
}
.title {
background:#FFFEC6;
color:#666;
font-family:qmy;
font-size:13px;
letter-spacing:2px;
padding:3px;
margin-bottom:0px;
}
@font-face{
font-family:qmy;
src:url(http://static.tumblr.com/jjhebqa/H6zn5uzd3/quirky___messy.ttf);
}
.title1 {
margin-top:0px;
background:#fff;
border:2px solid #FFFEC6;
font-family:Imprima;
font-size: 9px;
padding:2px;
padding-left:20px;
letter-spacing:1px;
text-transform:block;
}
blockquote{
padding:5px;
background:#fff;
border-top:2px dashed #B7FFE7;
border-bottom:2px dashed #B7FFE7;
border-left:2px dashed #B7FFE7;
border-right:20px double #B7FFE7;
border-radius:15px;
-webkit-transition-duration: 2.5s;
}
blockquote:hover{
padding:5px;
background:#fff;
border-top:2px dashed #B7FFE7;
border-bottom:2px dashed #B7FFE7;
border-right:2px dashed #B7FFE7;
border-left:20px double #B7FFE7;
-webkit-transition-duration: 2.5s;
}
.header {
background:#eee;
padding: 15px;
margin-bottom: -20px;
z-index: 100;
position: relative;
width: 900px;
}
i , s, strike {
color: #9BEFFF;
}
b {
color:#FF7676;
-webkit-transition-duration: 1.5s;
}
b:hover {
color: #ffd9d9;
-webkit-transition-duration: 1.5s;
}
a.link {
background: #fff;
padding: 1px;
border: 1px solid #DF97FF;
width: 95px;
display: inline-block;
color: #666;
-webkit-transition: 1s;
text-align: center;
font-size: 11px;
line-height: 15px;
margin-bottom: 6px;
font-family: Love Ya Like A Sister;
padding: 3px;
margin-top:0px;
margin-left:0px;
-webkit-transition
}
a.link:hover {
box-shadow: inset 130px 0 0px 0 #DF97FF;
-webkit-transition: 1s;
color: #fff;
border:1px solid #DF97FF;
border-radius:10px;
-webkit-transform: rotatey(180deg);
}
::-webkit-scrollbar {
height: 12px;
width: 7px;
background: #fff;
}
::-webkit-scrollbar-thumb {
background-color: #ffd0d0;
-moz-border-radius: 10px;
border-radius: 10px;
border: 2px solid #fff;
}
::selection {
background: #eee;
color: #fff;
}
u {
text-decoration: underline;
border-bottom: 1px dashed #FFDE9B;
}
.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_m2hsn8C7601qdlkyg.gif") no-repeat 2px .3em;
margin-top:5px !important;background-size:15px;
padding:0 0 0 20px;
font-family:Happy Monkey;
color:#666;
}
span.comment-icon{display:none}
.comment-poster {
font-weight:bold;
}
.comment-body {
margin:0px;
}
.comment-body p {
background:#FFFFFF;
border:1px solid #E7B5FF;
margin:0em;
padding:5px;
font-family:Happy Monkey;
color:#808080;
}
.sidenav2 a:link, .sidenav2 a:active, .sidenav2 a:visited
{
width:96px;
background:#fff;
color:#666;
display: inline-block;
text-decoration:none;
text-align:center;
font:11px Imprima;
padding:1px;
margin-top:5px;
-webkit-transition-property:color, text;
-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
-webkit-transition-timing-function: linear, ease-in;
border-bottom:2px solid #ffd9d9;
}
.sidenav2 a:hover
{
-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
background:#ffd9d9;
color:#aaa;
border-bottom:2px solid #fff;
}
.hyosung{
width:100%;
background:url(http://content.mycutegraphics.com/backgrounds/polkadot/polka-dot-background15.gif);
border-bottom:5px solid #FFFEC6;
position:fixed;
top:0px;
left:0px;
box-shadow:0 0 6px #ccc;
text-align:center;
padding:10px;
}
a.jieun{
background:#FFFEC6;
text-decoration:none;
color:#92CBFF;
padding:5px;
font:13px Delius;
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:#92CBFF;
color:#fff;
}
#editthis{
    /* EDIT THIS STUFF TO POSITION YOUR MUSIC PLAYER */
    position:fixed;
    top:10px; /* YOU CAN CHANGE THIS TO BOTTOM */
    left:20px; /* YOU CAN CHANGE THIS TO RIGHT */
    z-index:99;}

/* I DON'T RECOMMEND TOUCHING THIS STUFF */
#music1{
    position:fixed;
    padding:2px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;}

#music1:hover #music2{
    opacity:0;
    margin-top:-25px;
    z-index:-1;}

#music1:hover #music3{
    opacity:1;
    margin-top:-5px;
    z-index:99;}

#music1:hover #musiclist{
    opacity:1;}

#music2{
    /* THIS IS THE GIF DIV */
    opacity:1;
    background-color:#fff;
    border:1px dotted #FDBDFF;
    padding:6px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;}

#music3{
    /* THIS IS THE ACTUAL MUSIC PLAYER DIV */
    opacity:0;
    position:fixed;
    background-color:#fff;
    border:1px dotted #FDBDFF;
    width:60px;
    height:26px;
    z-index:99;
    margin-left:-5px;
    overflow:hidden;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
}
li { list-style-image:url(http://media.tumblr.com/tumblr_m2k9mo4Hz41qdlkyg.gif);
}
</style>
<div id="editthis">
<div id="music1">
<div id="music2">

<!-- YOU CAN CHANGE THE MUSIC GIF BELOW. -->
<img src="http://media.tumblr.com/tumblr_m7w2h4lhV21r6o8v2.gif"></div>

<div id="music3">
<Div style="margin-top:4px;">
<!-- YOUR MUSIC CODE GOES HERE, RIGHT AFTER THIS LINE. -->
<embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=http://generations.fr/media/son/pharrell-williams-happy.mp3&t0=Happy&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" /></div>
</div>
</div>
</div>
</head>
</br>

<center>
<div style="background:#92CBFF;width:900px;border-radius: 0px 0px 0px 0px;padding:15px;margin-top:15px;">
<center>
<img class="b1a4" src="http://i.imgur.com/AlZaT0V.png" />
<center><br>
<div style="background: #FFFFFF;"/><br>
<div class="hyosung">
<a class="jieun" onClick="document.getElementById('entry').innerHTML=document.getElementById('journal').innerHTML" >JOURNAL</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" >AFFIES</a>
<a class="jieun" href="http://www.blogger.com/home">DASH</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">Holla!</div>
<div class="title1">Banana Here!</div><br>
<center><div style="background:url(http://3.bp.blogspot.com/-WnG-uQPDQpE/T-lzD_7DJDI/AAAAAAAACeE/eL6NR6pMyZ4/s1600/pinkk.gif); border:1px solid #ffd9d9;padding:5px;width:170px;">
<img style="width:170px;height:170px;" src="https://pbs.twimg.com/profile_images/378800000451012500/4628fbb9dc70514d389ed9491243866f.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>Wallo! Welcome to Happy Colorful blog. Iam Pharrell Minion :3. Be nice here with me or you must give me 1.000.000 banana!<br>
</center><br>

<div class="title">Chat-Chat</div>
<div class="title1">Footprints</div><br>
<li>Your Name Not Anonymous<br>
<li>Your Url Blog Not Email<br>
<li>Don't Making Crush Here<br><br>

<center>~~~~~~~~~~~~~~~~~~~~~<br>YOUR OWN CBOX CODE HERE<br>~~~~~~~~~~~~~~~~~~~~~</center><br>

<div class="title">Thanks</div>
<div class="title1">The Creatives Group</div><br>
<center>Template by <a href="http://www.kawaiilichan.co.vu/">Li</a><br>
Coding by <a href="http://nafaraisya.blogspot.com/">Azzahra</a><br>
Helping by <a href="http://nurulatiqahjaidin.blogspot.com/">H</a> <a href="http://chocollyheart.blogspot.com/">A</a> <a href="http://wanaseoby.blogspot.com/">P</a> <a href="http://kawaiilayouts.com/">P</a> <a href="http://pixel-diary.tumblr.com/">Y</a>.<br>
Best View at Google Chrome
</div></div></td>

<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$> Happy People</a></BlogItemCommentsEnabled></div><br>

<$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://25.media.tumblr.com/1943d05a7bd8e075f4ef65fc5aaa59c2/tumblr_movcawwYsM1ru3nbdo3_250.png); box-shadow:0  0 3px #ccc;">
      <$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><OlderPosts><a href=<$OlderPosts$>Older</a></OlderPosts>&nbsp; &nbsp; | &nbsp; &nbsp;<NewerPosts><a href=<$NewerPosts$>Newer</a></NewerPosts></center>
</td></tr></tbody>

<div id="about" style="display: none;">
<div class="title">About Me</div>
<div class="title1">The Biography</div><br>

<center><img src="http://minionslovebananas.com/images/check-in-minion.jpg"></center><br>
Hello, i'm Happy Pharrell Minion. I dont know how old i am. I like banana and yellow and colorful blog.<br><br>

<blockquote>Replace with your own bio.</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$> Happy People</a></BlogItemCommentsEnabled></div><br>

<$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://25.media.tumblr.com/1943d05a7bd8e075f4ef65fc5aaa59c2/tumblr_movcawwYsM1ru3nbdo3_250.png); box-shadow:0  0 3px #ccc;">
      <$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><OlderPosts><a href=<$OlderPosts$>Older</a></OlderPosts>&nbsp; &nbsp; | &nbsp; &nbsp;<NewerPosts><a href=<$NewerPosts$>Newer</a></NewerPosts></center>

<div id="links" style="display: none;">
<div class="title">Exchange Links</div>
<div class="title1">Meet My Friends Here</div><br>
<center><img src="http://media.giphy.com/media/LGdHTCZ2CPYOI/giphy.gif"></center><br>

<blockquote>Wanna Exchange Link With Me? Here!</blockquote><br>

<div style="margin-center: 30px;">
<center><a class="link" href="http://nafaraisya.blogspot.com/">Zahra</a>
<a class="link" href="http://www.kawaiilichan.co.vu/">Li</a>
<a class="link" href="/">Minion</a>
<a class="link" href="/">Minion</a>
<a class="link" href="/">Minion</a>
<a class="link" href="/">Minion</a>
<a class="link" href="/">Minion</a>
<a class="link" href="/">Minion</a>
<a class="link" href="/">Minion</a>
<a class="link" href="/">Minion</a>
<a class="link" href="/">Minion</a>
<a class="link" href="/">Minion</a>
<a class="link" href="/">Minion</a>
<a class="link" href="/">Minion</a>
<a class="link" href="/">Minion</a>
<a class="link" href="/">Minion</a>
<a class="link" href="/">Minion</a>
<a class="link" href="/">Minion</a>
<a class="link" href="/">Minion</a>
<a class="link" href="/">Minion</a></center>
</div>

</div>