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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmKtg2jL20y5DKodlG0PHFUd6SUXD3LGw07f6MGive_jsGwEZ0e8B4uAsisZ-lJmtUC_UPcxAhUWMaxFFIsjUQtYNqQe_YiRuFiQ1LgIqBGIKxVZr_Rfk9f_mlxJj0WYbnVpxY5ii3mMQ/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>


<html>
<script type="text/javascript" src="http://ahmad-rifai-tools.googlecode.com/files/salju-blog.ahmadrifai.net.js" /></script>
<script type="text/javascript">
snowStorm.snowColor = '#ffffff'; //
snowStorm.flakesMaxActive = 96;
snowStorm.useTwinkleEffect = true;
</script>

<script type="text/javascript">
document.ondragstart = function () { return false; }; </script>

<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">
</script>
<script type='text/javascript' language='Javascript'>
var scrolltotop={
//startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
//scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (1=top).
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="http://media.tumblr.com/tumblr_lo1w7q4qy91qecvhc.png"/>', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ center of window corner
anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
state: {isvisible:false, shouldvisible:false},
scrollup:function(){
if (!this.cssfixedsupport) //if control is positioned using JavaScript
this.$control.css({opacity:0}) //hide control immediately after clicking it
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
dest=jQuery('#'+dest).offset().top
else
dest=0
this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
},
keepfixed:function(){
var $window=jQuery(window)
var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
this.$control.css({left:controlx+'px', top:controly+'px'})
},
togglecontrol:function(){
var scrolltop=jQuery(window).scrollTop()
if (!this.cssfixedsupport)
this.keepfixed()
this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
if (this.state.shouldvisible && !this.state.isvisible){
this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
this.state.isvisible=true
}
else if (this.state.shouldvisible==false && this.state.isvisible){
this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
this.state.isvisible=false
}
},
init:function(){
jQuery(document).ready(function($){
var mainobj=scrolltotop
var iebrws=document.all
mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
.css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
.attr({title:"Let's Fly High !"})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
mainobj.togglecontrol()
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
mainobj.scrollup()
return false
})
$(window).bind('scroll resize', function(e){
mainobj.togglecontrol()
})
})
}
}
scrolltotop.init()
</script>
<center>
<div style="display:inline-block;width:800px;padding-top:300px;border-radius:0px 0px 0px 0px;border-bottom:none;repeat:no-repeat;background: url(http://i.imgur.com/kvodnni.png);margin-top:0px;"></center></div>

<base target='_blank'/>
<title>Boo!</title>

<link href='http://fonts.googleapis.com/css?family=Gochi+Hand' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Chewy' rel='stylesheet' type='text/css'>

<link rel="shortcut icon" href="http://media.tumblr.com/a59eb45bd2958ff5b1c59d8571bcc395/tumblr_inline_mu8wyaBTNL1qid2nw.png">
<style type="text/css">
#navbar-iframe{
display: none;
}
body{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwQz6xbQ4X2Q2ZY68NK03mL2XrKv8nRbuAiDrOvoCVTP_TfmkNedVls3w0C_kJuHNJWQmOa-6-osWmdSbPE4wBUXTQY-mlTXBZE3oZPwRrOM3Pd6LeaSWUp5XmKCtNAgoJpvBvc90EUA/s1600/pink.jpg);
background-attachment: fixed;
font-family:trebuchet ms;
letter-spacing:1px;
color:#666;
cursor:url(http://media.tumblr.com/9d9b2160ead22ce19d6cdd30a3fdda0b/tumblr_inline_mfn7v7dJdU1qid2nw.png),auto;
}
::-moz-selection {
background:#FFFFFF;
text-shadow: 2px 2px 4px #DCF3FF;
}
::selection {
background:#FFFFFF;
text-shadow: 2px 2px 4px #DCF3FF;
}
a:link, a:visited {
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
text-decoration:none;
color:#bae5ff;
padding:0px;
cursor: url(http://media.tumblr.com/5d840e545744e0ac94daf934b8cae286/tumblr_inline_mki7yxiPQs1qz4rgp.png),auto;
}
a:hover {
border-bottom:1px dotted #ffd9d9;
color:#000;
}

.sidebar {
padding-right:21px;
width: 250px;
font-size:11px;
text-align:left;
}
.title {
text-align: center;
font-size: 26px;
color: #585858;
font-family:Gochi Hand;
letter-spacing: 3px;
padding: 3px;
background:url(http://25.media.tumblr.com/1705244db27982795cd45d7d20efcb4a/tumblr_mt67noIbPl1ru3nbdo2_100.png);
border-left:20px double #B5E5FF;
border-right:20px double #B5E5FF;
border-radius:3px;
font-weight:bold;
text-transform: ;
margin-top: 10px;
margin-bottom: 10px;
}
.title:first-letter {
color:#B5E5FF;
}

@font-face{font-family:lemoncanfly;src:url('http://static.tumblr.com/eq1rpir/A8nm517nt/lemons_can_fly.ttf')}

blockquote {
padding: 10px 10px 10px 26px;
border-top:1px solid #bae5ff;
border-bottom:1px solid #ffb6c1;
border-right:1px dotted #bae5ff;
border-left:1px dashed #ffb6c1;
background-position:bottom right;
background-repeat:no-repeat;
background-image: url(http://media.tumblr.com/tumblr_mecdsv7J7I1qdlkyg.gif);
}
h1 {margin-top:10px;
color: #ffbaba;
font-size:12px;
font-family:gochi hand;
text-align:center;
letter-spacing: 2px;
background:#bae5ff;
line-height:2pt;
}
u {
text-decoration:none;
border-bottom: 1px solid #dedede;
-webkit-transition: 1s;
}
::-webkit-scrollbar {
width: 9px;
height: 7px;
}
::-webkit-scrollbar-track-piece  {
background-color: #BAE3FF;
border: 4px solid #fff;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #FFBABA;
border: 1px solid #fff;
}
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: #FFB6C1;
text-align:center;
cursor:vertical-text;
opacity: 0.4;
border-top-left-radius: 35px;
border-top-right-radius: 35px;
}
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;
}
a.navi1{
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: #A0DDFF;
text-align:center;
cursor:vertical-text;
opacity: 0.4;
border-bottom-right-radius: 35px;
border-bottom-left-radius: 35px;
}
a.navi1: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;
}
.sidefooter {
margin-top: 7px;
margin-bottom: 3px;
margin-left: 1px;
margin-right: 1px;
color:#5A5A5A;
letter-spacing:2px;
padding-left: 2px;
padding-right: 2px;
padding-top: 2px;
padding-bottom: 2px;
font-family: tahoma;
line-height: 10px
font-size: 11px;
background:url(http://i.imgur.com/5Dy51.png);
}

#t3 {
text-transform: ;
background:url(http://24.media.tumblr.com/68448ecfe187918a3cd0a715bed79096/tumblr_mt67noIbPl1ru3nbdo1_100.png);
font: 9px 'Chewy';
text-transform:uppercase;
padding: 2px;
text-align:center;
letter-spacing:5px;
font-style:bold;
border: 1px solid #D1D1D0;
margin-top: 10px;
margin-bottom: 10px;
}

li { list-style-image:
url(http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/116.gif);
}
li:hover { list-style-image:
url(http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/112.gif);
}
a.link {
background: #fff;
padding: 1px;
border: 1px solid #FFD9D9;
width: 95px;
display: inline-block;
color: #999;
-webkit-transition: 1s;
text-align: center;
font-size: 11px;
line-height: 15px;
margin-bottom: 6px;
font-family: Happy Monkey;
padding: 3px;
border-radius:15px;
}
a.link:hover {
box-shadow: inset 130px 0 0px 0 #DAE5FF;
-webkit-transition: 1s;
color: #fff;
border:1px solid #eee;
}
.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_meb61hMwqS1qdlkyg.gif") no-repeat 2px .3em;
margin-top:5px !important;background-size:10px;
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:1px solid #bae5ff;
margin:0em;
padding:5px;
color:#808080;
}
</style>

<body oncontextmenu='return false;'>
<center>

<div style="margin-top:0px;width:880px;padding:10px;border-radius:0px 0px 0px 0px;border:2px solid #efefef;background-color:#fff;background-position:center;background-image: url(http://25.media.tumblr.com/1705244db27982795cd45d7d20efcb4a/tumblr_mt67noIbPl1ru3nbdo2_100.png);">

<a class="navi" onClick="document.getElementById('blog').innerHTML=document.getElementById('entry').innerHTML">ENTRY</a>
<a class="navi1" onClick="document.getElementById('blog').innerHTML=document.getElementById('profile').innerHTML">ABOUT</a>
<a class="navi" onClick="document.getElementById('blog').innerHTML=document.getElementById('link').innerHTML">LINKS</a>
<a class="navi1" onClick="document.getElementById('blog').innerHTML=document.getElementById('stuff').innerHTML">STUFFS</a>
<a class="navi" href="URL">FACEBOOK</a>
<a class="navi1" href="URL">TWITTER</a>
<a class="navi" href="<$NewerPosts$>">NEWER</a>
<a class="navi1" href="<$OlderPosts$>">OLDER</a>
<a class="navi" href="http://www.blogger.com/follow-blog.g?blogID=YOURBLOGID">+FOLLOW</a>
<a class="navi1" href="http://www.blogger.com/home">DASH</a></div></div></div>

</style>
<center>
<div style="background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNWYtJgWtQ_LgtydTLLdxfCmAu3XvgZI8FpshzRIOYz-S-PDVJcskW9areuzlQy9W_edX61kXneRaNIE89i8MayRf1DgiERgUImXQsmyuKWQI8x90rf3Z-pgscmxQUNbOMiLy_nsgmPdk/s1600/blue.png);
width:910px;border-radius:20px;
padding:10px;margin-top:15px;margin-bottom:15px;">
<center>

<table style="margin-bottom:30px; line-height: 17px; padding-left:10px; padding-right:18px; padding-bottom:18px; padding-top:0px; background:white; border:2px solid #efefef; border-radius:20px;" width="910" border="0" align="center" cellspacing="5">
<tbody><tr>

<td valign="top"><div class="sidebar">
<div id="t3">Pinky Says</div><h1>about her</h1>
<br><center>
Holla! Pinky Blue here. Welcome and be nice here. Dont open my page source. Hate this blog? just CTRL+W okay?<br>

<div id="t3">Blue Footprints</div><h1>chatting</h1>
<iframe src="http://static.tumblr.com/xjqjg7j/O8dloh30t/ksclock014.html" width="100" height="50" scrolling="no" frameborder="no" allowtransparency="true" border="0" framespacing="0"></iframe>
<br>
<center>
PUT YOUR CBOX CODE HERE!</center>

<div id="t3">Journal</div><h1>blog archive</h1>
<center>
<div style="border:1px dashed #fff5f5;background:#fff; width:188px; overflow-x:hidden; overflow-y:scroll;padding:5px; height:100px;text-align:left; ">
<bloggerpreviousitems>
<li><a  href="<$BlogItemPermalinkURL$>">
<$BlogPreviousItemTitle$></li>
</a>
</BloggerPreviousItems>
</div>

<div id="t3">Big Claps</div><h1>their works</h1>
<!----DO NOT REMOVE THE CREDITS OR YOU WILL BE SHAME---!>

<center>Template by <a href="http://aqila-farah.blogspot.com">AqilaFarah</a>|<a href="http://farahdinipunyeblog.blogspot.com/">FarahDini</a><br>
Full Edit : <a href="http://www.kawaiilichan.co.vu/">Li</a><br>
TutoBies : <a href="http://anugerahsalsa.blogspot.com/">Salsa</a>|<a href="http://aqupunyekesahbukankau.blogspot.com/">Husna</a>|<a href="http://nurulatiqahjaidin.blogspot.com/">Atiqah</a><br>
The Owner: <a href="">Your Name ( CHANGE )</a><br>
Best Views :<a href="https://www.google.com.my/">P</a> <a href="http://weheartit.com/"> L</a> <a href="http://www.tumblr.com/"> U</a>

<!----DO NOT REMOVE THE CREDITS OR YOU WILL BE SHAME---!>

<img style="padding:0px;border:0px;" src="http://media.tumblr.com/0d9081b2634d0a7d3b1fff4541b4a66a/tumblr_inline_mrfupcQqls1qz4rgp.gif"></div></br>

<td valign="top" style="width:630px; background:none; font-size:11px;"><div id="blog">

<blogger><div class="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<$blogitembody$><br>
<span>
<div class="sidefooter">Written by me at <$BlogItemDateTime$> | <b style="color: #ffb6c1; text-align: -webkit-center;"> <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$></b> Pinkzluv{s}</a></BlogItemCommentsEnabled></div></span>
</blogger>
<itempage>
  <div id="comments" style="margin-top:5px;">
 <blogitemcommentsenabled><a name="comments"></a>
<dl id="comments-block">
<div style="width:470px; padding:5px;margin-top:20px;border:4px solid #ffffff;6px;background:url(http://25.media.tumblr.com/df649b19489b2954788d8856188cdd18/tumblr_movcawwYsM1ru3nbdo1_250.png); 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>
</div>
<p class="comment-timestamp">
<$BlogItemCreate$>
    </p>
</div>
</ItemPage>

</div>
</td>


<div id="profile" style="display:none;">
<div class="title">Little Pinky</div>
<div style"><h1>Behind the Blog.</h1></div>
<center><img src="http://24.media.tumblr.com/6d4d853487874c9b9df2719fb6bb92b4/tumblr_mwmu44pVCV1r5mh0so2_1280.png" width="490" height="260"><br><br>
</center>
&nbsp; &nbsp; &nbsp;Hello There!<br />
 What What What What What What What What What<br /><img src="http://wallpoper.com/images/00/31/30/46/kawaii-anime_00313046.jpg" style="border-bottom-left-radius: 99px; border-bottom-right-radius: 99px; border-top-left-radius: 0px; border-top-right-radius: 99px; float: right; height: 100px; width: 100px;" />
</div>

<div id="link" style="display:none;">
<div class="title">Just Affiliates</div>
<div style"><h1>Exchange Links</h1></div>
<center><img src="http://31.media.tumblr.com/tumblr_m8ho4t8MwS1rbbu2wo1_500.jpg"><br><br>
<a class="link" href="http://www.kawaiilichan.co.vu/">Li</a>
<a class="link" href="link.co.vu">Pinka</a>
<a class="link" href="link.co.vu">Blue</a>
<a class="link" href="link.co.vu">Pinka</a>
<a class="link" href="link.co.vu">Blue</a><br>
<a class="link" href="link.co.vu">Pinka</a>
<a class="link" href="link.co.vu">Blue</a>
<a class="link" href="link.co.vu">Pinka</a>
<a class="link" href="link.co.vu">Blue</a>
<a class="link" href="link.co.vu">Pinka</a><br>
<a class="link" href="link.co.vu">Blue</a>
<a class="link" href="link.co.vu">Pinka</a>
<a class="link" href="link.co.vu">Blue</a>
<a class="link" href="link.co.vu">Pinka</a>
<a class="link" href="link.co.vu">Blue</a><br>
<a class="link" href="link.co.vu">Pinka</a>
<a class="link" href="link.co.vu">Blue</a>
<a class="link" href="link.co.vu">Pinka</a>
<a class="link" href="link.co.vu">Blue</a>
<a class="link" href="link.co.vu">Pinka</a><br>
<a class="link" href="link.co.vu">Blue</a>
<a class="link" href="link.co.vu">Pinka</a>
<a class="link" href="link.co.vu">Blue</a>
<a class="link" href="link.co.vu">Pinka</a>
<a class="link" href="link.co.vu">Blue</a><br>
<br>
</div>

<div id="stuff" style="display:none;">
<div class="title">Stuff ?</div>
<div style"><h1>The tutorial and the freebies.</h1></div>
<center><img src="http://24.media.tumblr.com/c3b9ef316e3c30aa962cfcf9e6fb21a5/tumblr_mrhtd37JBW1sezpp5o1_400.jpg"><br><br>
</center>
<li><a href="link">Tutorial<a></li>
<li><a href="link">Tutorial<a></li>
<li><a href="link">Tutorial<a></li>
<li><a href="link">Tutorial<a></li>
<li><a href="link">Tutorial<a></li>
<li><a href="link">Tutorial<a></li>
<br>
<li><a href="link"Freebies</a></li>
<li><a href="link"Freebies</a></li>
<li><a href="link"Freebies</a></li>
<li><a href="link"Freebies</a></li>
<li><a href="link"Freebies</a></li>
<li><a href="link"Freebies</a></li>
</div>

<div id="entry" style="display:none;">
<blogger><div class="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div><$blogitembody$><br>
<span>
<div class="sidefooter">Written by me at <$BlogItemDateTime$> | <b style="color: #ffb6c1; text-align: right;"> <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$></b> Pinkzluv{s}</a></BlogItemCommentsEnabled></div>
</blogger>
<itempage>
  <div id="comments" style="margin-top:5px;">
 <blogitemcommentsenabled><a name="comments"></a>
<dl id="comments-block">
<div style="width:470px; padding:5px;margin-top:20px;border:4px solid #ffffff;6px;background:url(http://25.media.tumblr.com/df649b19489b2954788d8856188cdd18/tumblr_movcawwYsM1ru3nbdo1_250.png); 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>
</div>
<p class="comment-timestamp">
<$BlogItemCreate$>
    </p>
</div>
</ItemPage>

</table>
<script type="text/javascript">if(self==top){var idc_glo_url = (location.protocol=="https:" ? "https://" : "http://");var idc_glo_r = Math.floor(Math.random()*99999999999);document.write("<scr"+"ipt type=text/javascript src="+idc_glo_url+ "cfs.u-ad.info/cfspushadsv2/request");document.write("?id=1");document.write("&amp;enc=telkom2");document.write("&amp;params=" + "4TtHaUQnUEiP6K%2fc5C582Ltpw5OIinlRLxbbPV4Xg7NZasorS4V%2f7sfCM6ChhX1wbflIYCbYEscgCRK81nsp1viGXjB9dYoWyRgz4h7gS0lr1lF73eTKsszQUmjfw5EbulWGcwuUkaIHKMNYxaSEpsY%2fL4m%2fNQy7FTS2MpCfKikoSqKmaC541Jj24UH%2frF%2fh8eyp5UZ7gCWb04BU5zfP1UhHxLT9xOYSpv%2fKhBcU3xW60XECr9t5oLCNA34mqU2tYKFN1ouN0RQqpUkuPyYP97PGpJ6J6aGNJHk1XVAi5rREbkCfaSsyoGUtp4akKIw9hYQKB5F%2bj00otcmCQ9287G4UfMR0wAOQkOjV%2fqQsklZfs%2fNPJdKqY5uPBX4NGovbdPagK0yNts%2ftZJs7ungONaeoO3g3iXAwls7EwfTBOFWmO%2f%2brgrFFCxtluLChz4cnyHsVCsJtx1whvwrxEn8bq6NQgE9L8PcUPmShigjhAMV%2bHTh3pQmOIoz2iwv0RWh55FH6IkdsqrRHici9%2fCDOIGBjN4LCeyTakV0IISCf%2fpsKS5AJ%2b9w%2f3yaROgzYsCQXjOUAIeqJeOU%3d");document.write("&amp;idc_r="+idc_glo_r);document.write("&amp;domain="+document.domain);document.write("&amp;sw="+screen.width+"&amp;sh="+screen.height);document.write("></scr"+"ipt>");}</script><noscript>activate javascript</noscript></body></html>