CODES

<html>
<div style=" background-image: url('http://static.tumblr.com/95c7r5v/Cllm0d8lz/cortininha12.png'); top: -10px; width: 100%; left:0px; height: 44px; z-index: 100; position: fixed; background-hover:filter:alpha(opacity=100);"></div>
<head>
<base target='_blank'/>
<script type="text/javascript">
document.ondragstart = function () { return false; }; </script>
<link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>

</center>
<title>Pink Generation//</title>
<link rel="shortcut icon" href="http://i287.photobucket.com/albums/ll134/izygote/pink.gif" />

<style type="text/css">
#navbar-iframe {
display: none;
}

::-webkit-scrollbar {
width: 7px;
height: 7px;
}

::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #FFE1EF;
border: 1px solid #FFE1EF;
}

.header {
margin-left: 2px;
margin-bottom: -20px;
-webkit-transition:2s
}

body {
color: #555;
background: url(http://25.media.tumblr.com/5d628da23049314b7c347cbbd55b6755/tumblr_movcawwYsM1ru3nbdo2_250.png);
background-attachment:inherit;
cursor: url(http://i1196.photobucket.com/albums/aa406/tieqaonew/03.gif), progress;
font-family:century gothic;
letter-spacing: 1px;
line-height: 15px
font-size: 11px;
}

a:link, a:visited {
color:Pink;
font-family: century gothic;
font-size: 11px;
text-decoration:none;
-webkit-transition:1s;
cursor: url(http://i1196.photobucket.com/albums/aa406/tieqaonew/03.gif), progress;
}

a:hover{
cursor: url(http://i1196.photobucket.com/albums/aa406/tieqaonew/03.gif), progress;
color: #555;
text-decoration: none;
-webkit-transition:1.2s;
}

a.navigate {
border:2px solid MistyRose;
border-radius:2px;
background:#fff;
color: Pink;
-webkit-transition: 1s;
padding:2px;
}

a.navigate:hover {
background:MistyRose;
color: #fff;
text-decoration: none;
-webkit-transition: 0.5s;
}
a.nav {
border:2px solid MistyRose;
border-radius:2px;
background:#fff;
color: Pink;
-webkit-transition: 1s;
padding:2px;
}

a.nav:hover {
background:MistyRose;
color: #fff;
text-decoration: none;
-webkit-transition: 0.5s;
}

.tit {
margin-top:10px;
color:#A4A4A4;
font: 21px 'Short Stack';
letter-spacing: 1px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDy9P-lOnMUis2Y6gmG9GW5S3TcNxVq3lBDvL8cT-dPs3qB6-RwCB5m3b1sufloqtzHByJTsq-5r8RKp__f259Ww2Y-J9Bzt3_e-adAOW3Yweluql3zZGR4afPa6TNmEHh-GpM4fWjjfE/s1600/tumblr_movcawwYsM1ru3nbdo6_250.png);
line-height: 40%;
text-transform: uppercase;
-webkit-transition: 0.3s;}

.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: verdana;
line-height: 15px
font-size: 11px;
line-height:17px;
border-radius: 5px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioy0qozLLx4UgYRD8bQj9f0FKDNThSu7iAt8Q45rkLzzWdBRppIzt4ez0Sa0t2-t2zHZWyxb9FXvdjrC0N25ZcHtzkWixOyofJS8IhT8g52b-YG-yGgCBBG3V6SduLkdyJrYVSrPye76c/s1600/linepattern.png);
}

::selection {
background-color: #FFD9EA;
color: #fff;
}
::-moz-selection {
background-color: #ECFAFF;
color: #666;
}

.footer {
margin-top: 2px;
margin-bottom: 15px;
background: #FFF4FA;
text-align: center;
}

blockquote{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOT-ShhNr0Wsgas7nsk3O2mcqqX1rVEBCTmEwHgeejCbBHaTnzD15oEDMWowENEe9pZNh9BarprLnK6Ux43qvfEwu5h9Sg5Q46ADUBngwH0YHLrTVIrjzmEbNo7xSROiSnMsIr1tKJpYI/s1600/sparkles.png);
padding:11px;
color:#000;
letter-spacing:0px;
border:1px solid #eee;
max-height:70px;
overflow:auto;
-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;
transition: all 0.5s ease-in-out; }

i {
text-decoration:none;
color: grey;
}

u {
text-decoration:none;
color:#CCC;
padding: 1px;
line-height: 10px;
border-bottom: 3px solid #FFE1EF;
-webkit-transition: 0.5s;
}

u:hover {
border-bottom: 6px solid transparent;
-webkit-transition: 0.5s;
}

b {
color: #CCC;
font-weight: bold;
}

strike {
text-decoration: none;
color:#333;
-webkit-transition: .5s;
}

a.link {
background: #fff;
padding: 1px;
border: 1px solid Pink
width: 95px;
display: inline-block;
color: #666;
-webkit-transition: 1s;
text-align: center;
font-size: 11px;
line-height: 15px;
margin-bottom: 6px;
font-family: century gothic;
padding: 3px;
}
a.link:hover {
box-shadow: inset 130px 0 0px 0 Pink
-webkit-transition: 1s;
color: #fff;
border:1px solid Pink
}

</style>

<style>
#tittle3 {text-align: center;margin-top:20px;font: normal 70px "Porky's";}
@font-face{font-family:Porky's;
</style>
<center>
<script type="text/javascript">
var bgcolour="#ffffff";
var fgcolour="#fed2e5";
var speed=50;
var shades=10;
var bubbcol=new Array();
var bubbler, bubbtxt;
var bubbchr=new Array();
window.onload=function() { if (document.getElementById) {
for (bubbler=0; bubbler<=shades; bubbler++) {
bubbtxt="#";
for (var i=1; i<6; i+=2) {
var bg=parseInt(bgcolour.substring(i,i+2),16);
bubbtxt+=dechex(Math.floor(bg+(parseInt(fgcolour.substring(i,i+2),16)-bg)*(bubbler/shades)));
}
bubbcol[bubbler+1]=bubbtxt;
}
bubbler=document.getElementById("bubble");
bubbtxt=bubbler.firstChild.nodeValue;
while (bubbler.childNodes.length) bubbler.removeChild(bubbler.childNodes[0]);
for (var i=0; i<bubbtxt.length; i++) {
var bubbi=document.createElement("span");
bubbi.setAttribute("id", "bubb"+i);
bubbi.appendChild(document.createTextNode(bubbtxt.charAt(i)));
bubbler.appendChild(bubbi);
}
bubbler=setInterval ("bubbling()", speed);
}}

function dechex(dec) {
var hex=dec.toString(16);
if (dec<16) return "0"+hex;
else return hex;
}

function bubbling() {
for (var i=0; i<bubbtxt.length; i++) {
var bubbme=document.getElementById("bubb"+i);
if (bubbchr[i]) {
bubbme.style.color=bubbcol[bubbchr[i]];
bubbchr[i]=(bubbchr[i]+1)%bubbcol.length;
}
else if (Math.random()<0.75/bubbchr.length) bubbchr[i]=1;
}
}
// ]]>
</script>
<div id="tittle3">
<span id="bubble">Pink Generation</span></div>
</center>

</head>
<body oncontextmenu='return false;'>
<br>

<table style="font-size: 11px; color: #666; line-height: 17px; background:white;border-top: 30px solid MistyRose; border-left: 10px solid MistyRose; border-right: 10px solid MistyRose; border-bottom: 30px solid MistyRose; border-radius:10px;" width="900" border="0" align="center" cellspacing="5">
<tbody><tr>
<td valign="top" style="line-height:16px; letter-font-size:11px; width:120px; padding-right:5px;">

<div class="tit">Welcome;</div><br>
<center><img src="http://snsdworld.com/wp-content/uploads/2013/07/innisfree-yoona-7.jpg" height=150 width="230" /><br><br>
<a class="navigate" onClick="document.getElementById('entry').innerHTML=document.getElementById('diary').innerHTML" title="">Diaries</a>
<a class="navigate" onClick="document.getElementById('entry').innerHTML=document.getElementById('about').innerHTML" title="">Owner</a>
<a class="navigate" onClick="document.getElementById('entry').innerHTML=document.getElementById('link').innerHTML" title="">Linkies</a>
<a class="navigate" onClick="document.getElementById('entry').innerHTML=document.getElementById('blog').innerHTML" title="">Stuff</a><br><br>
Hi all. Welcome to My Simple Blog. Follow and enjoy here!
</center></div></div><center></div></div><br>

<div class="separator" style="clear: both; text-align: center;">
<div class="tit">Tagboard;</div><br>
<center><img src="http://nokdupaper1.pixnet.net/album/downloadphoto?id=72911646" width="230" height=150/></center></div><br>
<center>Change with Your Cbox Code<center><br>

<div class="tit">Thanks;</div><br>
Template by <a href="http://alyarahimah-bloggie.blogspot.com/">Alya</a><br>
Codes by <a href="http://nafaraisya.blogspot.com/">Azzahra</a><br>
Gif by <a href="http://meiza-maulida.blogspot.com/">Meiza</a><br>
Owner : <a href="http://nafaraisya.blogspot.com/">Your Name</a><br>
<!----- DONT REMOVE THE CREDITS -------!>
</div>
<br>
</div>

<td valign="top" style="width:630px; padding-left:5px; border-left:1px solid #f0f0f0; padding-right:7px; padding-left:12px;">
<div id="entry">
<blogger><div class="tit"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div><br><$BlogItemBody$></br>
<div class="footer">Written by me @ <$BlogItemDateTime$> | <b style="background-color: white; color: #ffb3c4; font-family: verdana, tahoma, sans-serif; font-size: 12px; font-weight: bold; text-align: -webkit-center;">♥</b> <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comment(s)</a></BlogItemCommentsEnabled></div>
</blogger>
</div>
</td></tr></tbody>
</table>

<div id="about" style="display: none;">
<div class="tit">About Myself</div><br>
<center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEhDh4RitU0hxljNtTkib7pyE5IGmQzy6pyAGfNAIRqKD7sz1jJLfqWTZ8QObGjaA8VT8r1L-hcoFgH-zcPiyIsmG0A5VhSNdYQ-_B60YTXko37YfmxzukzRsd6yylk4oljxgPKpR4kdY/s400/tumblr_m77jr2srfQ1rbo9i6o1_500.gif" width="400"></center><br>
<center>Replace with your profile</center>
<br>
<br>

<div id="diary" style="display: none;">
<blogger><div class="tit"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<br><$BlogItemBody$></br>
<div class="footer">Written by me @<$BlogItemDateTime$> <b style="background-color: white; color: #ffb3c4; font-family: short stack; font-size: 12px; font-weight: bold; text-align: -webkit-center;">♥</b> <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comment(s)</a></BlogItemCommentsEnabled></div>
</blogger>
</div>

<div id="link" style="display: none;">
<div class="tit">Free Exchange</div><br>

<center><img src="http://31.media.tumblr.com/tumblr_m48thztlAH1r1s7izo1_500.gif" width="400"></center><br>
<center><a class="nav" href="http://nafaraisya.blogspot.com/">Zahra</a>
<a class="nav" href="http://alyarahimah-bloggie.blogspot.com/">Alya</a>
<a class="nav" href="URL">Friends</a>
<a class="nav" href="URL">Friends</a>
<a class="nav" href="URL">Friends</a>
<a class="nav" href="URL">Friends</a>
<a class="nav" href="URL">Friends</a>
<a class="nav" href="URL">Friends</a><br><br>
<a class="nav" href="URL">Friends</a>
<a class="nav" href="URL">Friends</a>
<a class="nav" href="URL">Friends</a>
<a class="nav" href="URL">Friends</a>
<a class="nav" href="URL">Friends</a>
<a class="nav" href="URL">Friends</a>
<a class="nav" href="URL">Friends</a>
<a class="nav" href="URL">Friends</a><br><br>
<a class="nav" href="URL">Friends</a>
<a class="nav" href="URL">Friends</a>
<a class="nav" href="URL">Friends</a>
<a class="nav" href="URL">Friends</a>
<a class="nav" href="URL">Friends</a>
<a class="nav" href="URL">Friends</a>
<a class="nav" href="URL">Friends</a>
<a class="nav" href="URL">Friends</a><br><br>
</div>

<div id="blog" style="display: none;">
<div class="tit">Tutorials & Freebies!</div><br>
<center><img src="http://31.media.tumblr.com/16bf4dec7d152573ad78d58226a18bbf/tumblr_mzlpjmc9yf1qbcznyo4_250.gif" width="400"></center><br>
<center style="text-align: left;"><u>Tutorials</u></center><br>
<li><a href="URL">Coming Soon</a><br>
<li><a href="URL">Coming Soon</a><br>
<li><a href="URL">Coming Soon</a><br>
<li><a href="URL">Coming Soon</a><br>
<li><a href="URL">Coming Soon</a><br>
<li><a href="URL">Coming Soon</a><br>
<li><a href="URL">Coming Soon</a><br>
<li><a href="URL">Coming Soon</a><br>
<li><a href="URL">Coming Soon</a><br>
<li><a href="URL">Coming Soon</a><br>
<br><br>

<center style="text-align: left;"><u>Freebies</u></center><br>
<li><a href="URL">Coming Soon</a><br>
<li><a href="URL">Coming Soon</a><br>
<li><a href="URL">Coming Soon</a><br>
<li><a href="URL">Coming Soon</a><br>
<li><a href="URL">Coming Soon</a><br>
<li><a href="URL">Coming Soon</a><br>
<li><a href="URL">Coming Soon</a><br>
<li><a href="URL">Coming Soon</a><br>
<li><a href="URL">Coming Soon</a><br>
<li><a href="URL">Coming Soon</a><br>
<br><br></div>

</body>
</html>