<< Back
Hello!
Welcome to my page codes. Press CTRL + C to copy.
<html>
<head>
<link href='http://fonts.googleapis.com/css?family=Sniglet' rel='stylesheet' type='text/css'>
<script type="text/javascript">$('body').hide();$('body').fadeIn(10000);</script>
<Br><br><br>
<title>Love And Girls</title><link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lkwm5hdJC81qi6qow.gif">

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

body {
background:url(http://i.imgur.com/mKh81cc.gif);
background-attachment: fixed;
font-family: Sniglet;
font-size: 12px;
text-align: left;
cursor:url(http://media.tumblr.com/tumblr_m2wiw8YuiF1qfamg6.gif),auto;
}

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

a:hover{
text-decoration: none;
color: #ff98b5;
-webkit-transition:0.5s;
cursor:url(http://media.tumblr.com/tumblr_m2wj7x16iX1qfamg6.gif),auto;
}

.title {
color: #ffcfda;
font-family: Sniglet;
font-size:12px;
line-height:17px;
text-align: center;
background: #ffeaf1;
text-transform: uppercase;
letter-spacing: 1px;
}


.title1 {
font-family: Sniglet;
font-size:12px;
letter-spacing: 2px;
text-transform: uppercase;
line-height:20px;
color: #fff;
text-align: center;
background: #ffcfda;
margin-bottom: 20px;
}

blockquote {
background: url(http://25.media.tumblr.com/1705244db27982795cd45d7d20efcb4a/tumblr_mt67noIbPl1ru3nbdo2_100.png);
color: #aaa;
border: 1px solid Pink;
padding: 4px;
margin:1em 20px;
-webkit-transition: 1s;
}

blockquote:hover {
border: 1px dashed #FFCCE6;
color: #000000;
border-radius: 5px;
}

a.navi{
padding:5px;
text-decoration:none;
font-family:Sniglet;
font-size:10px;
text-transform:uppercase;
color: #aaa;
text-align:center;
width:70px;
background: #FFD7D7;
display:inline-block;
-webkit-transition: 2.0s;
-moz-transition: 2.0s;
-moz-box-shadow:inset 200px 0px 0px #FFD7D7;
-webkit-box-shadow:inset 200px 0px 0px #fff;
box-shadow:inset 200px 0px 0px #FFD7D7;
}
a.navi:hover{
color: #fff;
-webkit-transition: 2.0s;
-moz-transition: 2.0s;
padding-left : 5px;
-moz-box-shadow:inset -100px 0px -200px -0.5px #eee;
-webkit-box-shadow:inset -100px 0px -200px -0.5px #fff;
box-shadow:inset -100px 0px 0px -0.5px #eee;
}


#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://d2wss9bif9q3el.cloudfront.net/301/069/images/wall_n_stripe036.gif);
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;
}

#navi {
opacity:0;
position:absolute;
margin-top:5px;
padding:2px;
font-family:Sniglet;
font-size:10px;
width:110px;
height:auto;
text-align:center;
text-transform:uppercase;
letter-spacing:1px;
background-color:#fff;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.7) rotate( 84deg);
-moz-transform: scale( 0.7) rotate( 84deg);
color:#555;
}

 #pic:hover #navi{
opacity:9;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.9) rotate( 0deg);
-moz-transform: scale( 0.9) rotate( 0deg);

}

#pic {
position:fixed;
top:290px;
left:30px;
width:110px;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
}

#pic:hover #inimg{
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.9) rotate( 0deg);
-moz-transform: scale( 0.9) rotate( 0deg);
}



#inimg {
width:110px;
height:auto;
position:fixed;
height:auto;
top:250px;
left:30px;
background:url(http://d2wss9bif9q3el.cloudfront.net/301/069/images/wall_n_stripe036.gif);
border-radius:2px;
padding:5px;
-moz-box-shadow: 0px 0px 5px #ddd;
-webkit-box-shadow: 0px 0px 5px #ddd;
box-shadow: 0px 0px 5px #ddd;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.7) rotate( 8deg);
-moz-transform: scale( 0.7) rotate( 8deg);
}

#navi2 {
opacity:0;
position:absolute;
margin-top:5px;
padding:2px;
font-family:Sniglet;
font-size:10px;
width:110px;
height:auto;
text-align:center;
text-transform:uppercase;
letter-spacing:1px;
background-color:#fff;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.7) rotate( 84deg);
-moz-transform: scale( 0.7) rotate( 84deg);
color:#555;
}

 #pic2:hover #navi2{
opacity:9;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.9) rotate( 0deg);
-moz-transform: scale( 0.9) rotate( 0deg);

}

#pic2 {
position:fixed;
top:190px;
left:30px;
width:110px;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
}

#pic2:hover #inimg2{
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.9) rotate( 0deg);
-moz-transform: scale( 0.9) rotate( 0deg);
}


#inimg2 {
width:110px;
height:auto;
position:fixed;
height:auto;
top:150px;
left:30px;
background:url(http://d2wss9bif9q3el.cloudfront.net/301/069/images/wall_n_stripe036.gif);
border-radius:2px;
padding:5px;
-moz-box-shadow: 0px 0px 5px #ddd;
-webkit-box-shadow: 0px 0px 5px #ddd;
box-shadow: 0px 0px 5px #ddd;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.7) rotate( -8deg);
-moz-transform: scale( 0.7) rotate( -8deg);
}



#navi3 {
opacity:0;
position:absolute;
margin-top:5px;
padding:2px;
font-family:trebuchet ms;
font-size:10px;
width:110px;
height:auto;
text-align:center;
text-transform:uppercase;
letter-spacing:1px;
background-color:#fff;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.7) rotate( 84deg);
-moz-transform: scale( 0.7) rotate( 84deg);
color:#555;
}

 #pic3:hover #navi3{
opacity:9;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.9) rotate( 0deg);
-moz-transform: scale( 0.9) rotate( 0deg);

}

#pic3 {
position:fixed;
top:390px;
left:30px;
width:110px;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
}

#pic3:hover  #inimg3{
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.9) rotate( 0deg);
-moz-transform: scale( 0.9) rotate( 0deg);
}
#inimg3 {

width:110px;
height:auto;
position:fixed;
height:auto;
top:350px;
left:30px;
background:url(http://d2wss9bif9q3el.cloudfront.net/301/069/images/wall_n_stripe036.gif);
border-radius:2px;
padding:5px;
-moz-box-shadow: 0px 0px 5px #ddd;
-webkit-box-shadow: 0px 0px 5px #ddd;
box-shadow: 0px 0px 5px #ddd;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.7) rotate( -8deg);
-moz-transform: scale( 0.7) rotate( -8deg);
}




#navi4 {
opacity:0;
position:absolute;
margin-top:5px;
padding:2px;
font-family:trebuchet ms;
font-size:10px;
width:110px;
height:auto;
text-align:center;
text-transform:uppercase;
letter-spacing:1px;
background-color:#fff;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.7) rotate( 84deg);
-moz-transform: scale( 0.7) rotate( 84deg);
color:#555;
}

 #pic4:hover #navi4{
opacity:9;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.9) rotate( 0deg);
-moz-transform: scale( 0.9) rotate( 0deg);

}

#pic4 {
position:fixed;
top:490px;
left:30px;
width:110px;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
}

#pic4:hover #inimg4{
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.9) rotate( 0deg);
-moz-transform: scale( 0.9) rotate( 0deg);
}


#inimg4 {
width:110px;
height:auto;
position:fixed;
height:auto;
top:450px;
left:30px;
background:url(http://d2wss9bif9q3el.cloudfront.net/301/069/images/wall_n_stripe036.gif);
border-radius:2px;
padding:5px;
-moz-box-shadow: 0px 0px 5px #ddd;
-webkit-box-shadow: 0px 0px 5px #ddd;
box-shadow: 0px 0px 5px #ddd;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-transform: scale( 0.7) rotate( 8deg);
-moz-transform: scale( 0.7) rotate( 8deg);
}


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

b {
color: #ffd7e6;
}

a.link {
background: #fff;
padding: 1px;
border: 2px solid Pink;
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: 12px Sniglet;
padding: 3px;
}

a.link:hover {
box-shadow: inset 130px 0 0px 0 #ffe1ec;
-webkit-transition: 1s;
color: #fff;
}

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

::selection {
background: #fff4f4;
color: #fff;
}

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

/* Comments
----------------------------------------------- */
#comments h4 {margin:1.8em 0; font-size:10px; text-transform:uppercase; color: #aaaaaa; line-height:10px; border-bottom: 1px solid #FFDBE2; background: ; font-weight:normal;}
#comments h4 strong {font-size:10pt Sniglet;}
#comments-block {background: ; font:normal 10pt Sniglet; line-height:1.2em; padding:4px;}
#comments-block dt { margin:.5em 0;}
#comments-block dd { margin:.25em 0 0;}
#comments-block dd.comment-timestamp {margin:-.25em 0 2em; font:5pt tahoma; text-align:right; text-transform:normal; letter-spacing:.0em;}
#comments-block dd p {margin:0 0 .75em; padding:4px; background:#fff1f3; border:1px solid #dedede; border-radius:2px;}
.deleted-comment { font-style:italic; color:gray;}
.paging-control-container { float: right; margin: 0px 0px 0px 0px; font-size: 80%;}
.unneeded-paging-control { visibility: hidden;}

#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:2px solid #ffabcd;
    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:2px solid #ffabcd;
    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;}

.sidenav2 a:link, .sidenav2 a:active, .sidenav2 a:visited
{
width:96px;
background:MistyRose;
color:#939BA1;
display: inline-block;
text-decoration:none;
text-align:center;
font:13px Sniglet;
font-weight:bold;
padding:1px;
margin-top:2px;
-webkit-transition-property:color, text;
-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
-webkit-transition-timing-function: linear, ease-in;
border-bottom:1px solid #ffd4e4;
}

.sidenav2 a:hover
{
-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
background:#fff;
color:Pink;
border-bottom:1px solid #ffd4e4;
}
#s-m-t-tooltip {
max-width:250px;
background: #FFE2E5;/* change the background color */
font-size: 12px;/* change the font size */
line-height: 11px;
font-family: Sniglet;/* change the font */
letter-spacing: 2px;
text-transform: none;/* can be lowercase, uppercase, none */
color: #818081;/* change the text color */
text-align: center;
text-shadow:1px 1px 0px #ffebf3,-1px -1px 0px #ffebf3;
padding: 3px 4px 3px 6px;
display: block;
z-index: 100;
border-radius: 5px;
position: absolute;
margin-top:-22px;
-webkit-box-shadow: 2px 2px 3px #FFD5DC;
-moz-box-shadow: 2px 2px 3px #FFD5DC;
box-shadow: 2px 2px 3px #FFD5DC;
}
li { list-style-image:url(http://media.tumblr.com/c4e957b9e40ebf67d21f006e26c1259d/tumblr_inline_mkhurbGsVn1qz4rgp.png);
}
li:hover {
list-style-image:
url(http://media.tumblr.com/531946e16c254d0f3f0982efadd14884/tumblr_inline_mkhtbi7qce1qz4rgp.png);
}

</style>
<style>
#cornerplayer
{z-index:999;
background-color:#FFF4F4;
border:2px solid #FFDEDE;
width:45px;
height:45px;
border-radius:0px 0px 50px 0px;
-moz-border-radius:0px 0px 50px 0px;
position:fixed;
overflow:hidden;
top:0px;
left:0px;
-webkit-transition: opacity 0.8s linear;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;}

#cornericon
{margin-bottom:44px;
margin-top:13px;
margin-left:-9px;
-webkit-transition: opacity 0.8s linear;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;}

#cornerplayer:hover
{width:200px;
height:52px;
-moz-border-radius:0px;
border-radius:0px;
box-shadow:0px 0px 2px 2px #FFE5E5;
}

#cornerplayer:hover #cornericon
{margin-top:10px;
margin-left:0px;
margin-bottom:10px;
}

</style>
<div id='cornerplayer'><center>
<div id='cornericon'><img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/minigif01.gif"/></div>
<div> <div> <embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=http://k006.kiwi6.com/hotlink/0f26co8vd6/taylor_swift_-_you_belong_with_me_chris_.mp3&t0=Taylor Swift&amp;total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" /> </div>   </div>  
</center> </div><!--cornerplayer-->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script><script type="text/javascript" >/***********************************************
* Scroll To Top Control script- &#169; Dynamic Drive DHTML code library(www.dynamicdrive.com)* Modified byNovita Lesyani***********************************************/var scrolltotop={
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="http://media.tumblr.com/eb26e3e174065ac517c85d8944dd747e/tumblr_inline_muenoj5qut1qdlkyg.gif" />',
controlattrs: {offsetx:5, offsety:5},
anchorkeyword: '#top',
state: {isvisible:false, shouldvisible:false},
scrollup:function(){
if (!this.cssfixedsupport)
this.$control.css({opacity:0})
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1)
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
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 With SNSD!'})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='')
mainobj.$control.css({width:mainobj.$control.width()})
mainobj.togglecontrol()
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
mainobj.scrollup()
return false
})
$(window).bind('scroll resize', function(e){
mainobj.togglecontrol()
})
})
}
}
scrolltotop.init()
</script>
<style>
#tittle3 {text-align: center;margin-top:20px;font: normal 60px "candystr";}
@font-face{font-family:candystr;src:url('http://static.tumblr.com/eq1rpir/i3Wm518mw/candystr.ttf')}
</style>
<center>
<script type="text/javascript">
var bgcolour="#FF94B8";
var fgcolour="#ffd4e4";
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">L O V E A N D G I R L'S</span></div>
</center>
</head>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
<script>
    (function($){
        $(document).ready(function(){
            $("[title]").style_my_tooltips();
        });
    })(jQuery);
</script>
<br>

<div id="pic2"><img src="http://i.imgur.com/lv2pgUb.jpg" width="100px" id="inimg2">
<div id="navi2" onClick="document.getElementById('entry').innerHTML=document.getElementById('about').innerHTML">About</div></div>

<div id="pic" ><img src="http://i.imgur.com/mwG05E8.jpg" width="110px" id="inimg">
<div id="navi" onClick="document.getElementById('entry').innerHTML=document.getElementById('journal').innerHTML">Entries</div></div>

<div id="pic3"><img src="http://i.imgur.com/FPcjFwS.jpg" width="100px" id="inimg3">
<div id="navi3" onClick="document.getElementById('entry').innerHTML=document.getElementById('links').innerHTML">Friends</div></div>

<div id="pic4"><img src="http://i.imgur.com/Z1L3rWa.jpg" width="100px" id="inimg4">
<div id="navi4" onClick="document.getElementById('entry').innerHTML=document.getElementById('stuffs').innerHTML">Stuffs</div></div>

<div style="width:900px;padding-top:15px;padding:15px; padding-left:15px;  padding-right:15px;background:url(http://d2wss9bif9q3el.cloudfront.net/301/069/images/wall_n_stripe036.gif);margin:auto;">

<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">Annyeonghaseyo</div><br>

<center>
<div style="background:url(http://25.media.tumblr.com/1705244db27982795cd45d7d20efcb4a/tumblr_mt67noIbPl1ru3nbdo2_100.png) repeat; border:1px solid #ffd4e4;padding:5px;width:200px;">
<img style="width:200px;height:140px;" src="http://25.media.tumblr.com/8012f6afdde9fd53e0fea52928ab4acd/tumblr_mfy7x72yu31r7i57oo1_500.gif">
<div class="sidenav2">
<a href="http://blogger.com/home" title="Go to dashboard">DBOARD</a>
<a href="http://www.blogger.com/follow-blog.g?blogID=BLOG ID" title="Want to follow me?">FOLLOW</a>
</center><center>AnugerahSalsa @ Sone. 13 Years young. Love KPOP
and SNSD. Do follow Me if You like! Girls bring the boys out!</center><br>

<div class="title">Beep Beep</div><br>

<center><div style="border:1px solid #ffd4e4;background:url(http://25.media.tumblr.com/1705244db27982795cd45d7d20efcb4a/tumblr_mt67noIbPl1ru3nbdo2_100.png); width:190px; overflow-x:hidden; overflow-y:scroll;padding:10px; height:75px; ">
<bloggerpreviousitems>
<bloggerpreviousitems>
<a  href="<$BlogItemPermalinkURL$>">
<div class="me"><$BlogPreviousItemTitle$></div>
</a>
</BloggerPreviousItems>
</div></center><br>

<div class="title">Time Machine</div><br>

<center>
<!----REPLACE THIS IMAGE WITH YOUR ORIGINAL CBOX CODE----!>
<img src="http://i.imgur.com/e4nwLLV.png"width="200">
</center><br>

<div class="title"> Credits</div>
</center>
<!------------Dont remove the credit or i kill u-------------!>
Template : <a href="http://anugerahsalsa.co.vu/" title="Salsa's blog">Anugerah</a><a href="http://www.blogskins.com/me/anugerahsalsa" title="Salsa's blogskins"> Salsa</a><br>
Basecode : <a href="http://arrienlove.blogspot.com/" title="Arrien's Blog">Arrien</a><br>
Nice View:<a href="https://www.google.co.id/">Google Chrome</a><br>
Owner: <a href="http://yourlink.blogspot.com">Your Name</a><br></div></div></center></div></div></center><br>
<!------------Dont remove the credit or i kill u-------------!>
<td valign="top" style="width:600px; padding:10px; ">
<div id="entry">
<blogger><div class="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="title1"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> • <$BlogItemDateTime$> • <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> comments</span></a></BlogItemCommentsEnabled> </div><$BlogItemBody$>
<center><br><MainPage>
<BlogItemCommentsEnabled>
<BlogItemCommentsEnabled><a href="<$BlogItemCommentCreate$>"
<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$>
Sone (s) </a> | <a href="<$BlogItemCommentCreate$>" <$BlogItemCommentFormOnClick$>>Comment Here Sone (s) </a>
</BlogItemCommentsEnabled></BlogItemCommentsEnabled>
</MainPage>
<br>
<div style="text-align:right;" ">
<!-- Begin #comments -->
<ItemPage>
<div id="comments">
<BlogItemCommentsEnabled><a name="comments"></a>
<h4><$I18NNumComments$>:</h4>
<dl id="comments-block">
<$CommentPager$>
<BlogItemComments>
<dt class="comment-poster" id="<$BlogCommentAnchorName$>"><a name="<$BlogCommentAnchorName$>"></a>
<$I18NCommentAuthorSaid$>
</dt>
<dd class="comment-body">
<p><$BlogCommentBody$></p>
</dd>
<dd class="comment-timestamp"><a href="<$BlogCommentPermalinkURL$>" title="comment permalink"><$BlogCommentDateTime$></a>
<$BlogCommentDeleteIcon$>
</dd>
</BlogItemComments>
<$CommentPager$>
</dl>
<p class="comment-timestamp">
<$BlogItemCreate$>
</p>
<p class="comment-timestamp">
</p>
</div>
</ItemPage>
<!-- End #comments -->
</blogger><br>
<center><OlderPosts><a style="background: #ffd4e4; color: #fff; border-radius: 350px; float: left; font-size: 20px; padding: 3px;" href=<$OlderPosts$>>?</a></OlderPosts> <a style="background: #ffd4e4; color: #fff; border-radius: 350px; float: right; font-size: 20px; padding: 3px;" href=<$NewerPosts$>> ?</a></NewerPosts></center></div>
</td></tr></tbody>

<div id="about" style="display: none;">
<div class="title">Lady Behind the Screen</div><br>

<center><img src="http://26.media.tumblr.com/tumblr_m3kxclPBGs1r5wrv7o2_500.gif"width="450"></center><br>

<img src="http://media.tumblr.com/tumblr_mecgadWtLj1qdlkyg.gif"width="10"> Hello,my name is Anugerah Mullia Ulfa Salsabella. I'am 13 years young. I like and love Kim Taeyeon so much. I also love SNSD,Super Junior, EXO, F(x), 2ne1, A Pink,Big Bang and manymore. My bias in Girls' Generation are Kim Taeyeon, Tiffany Hwang, Seo Jooh Yun, and Kwon Yuri.<br><br>

<img src="http://media.tumblr.com/tumblr_mecgadWtLj1qdlkyg.gif"width="10"> I'm actually not a Sones from the start I know the world of K-Pop. But after two years, the emergence of the Girls' Generation, then I know them. It all started from I know Im Yoona at first. Then I was impressed by their song, The Boys. Start from which I know the Sone, now my life is filled with Girls' Generation!<br><br>

<div style="margin-left: 20px;">
?. My full name is 삸압엘라 Hwang Min Byul<br>
?. Currently living somewhere in Seoul,You can find me via GPS :D<br>
?. My blood type is O<br>
?. Weighting __kg with a height of __cm<br>
?. My hobbies are eating, sleeping and fangirling<br>
?. Dreaming to be an idol like Girls' Generation<br>
?. I love to sing and dance though I am a failure at it<br>
?. Siwon is my ideal guy, yeah a kind guy who is always smiling, that is so my type of guy<br>
?. Kawaii things are mine you bijes<br>
<blockquote>Put With your own profile</blockquote>
</div>
</div>
</table>

<div id="journal" style="display: none;">
<blogger><div class="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="title1"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> • <$BlogItemDateTime$> • <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> comments</span></a></BlogItemCommentsEnabled> </div><$BlogItemBody$>
<center><br><MainPage>
<BlogItemCommentsEnabled>
<BlogItemCommentsEnabled><a href="<$BlogItemCommentCreate$>"
<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$>
Sone (s) </a> | <a href="<$BlogItemCommentCreate$>" <$BlogItemCommentFormOnClick$>>Comment Here Sone (s) </a>
</BlogItemCommentsEnabled></BlogItemCommentsEnabled>
</MainPage>
<br>
<div style="text-align:right;" ">
<!-- Begin #comments -->
<ItemPage>
<div id="comments">
<BlogItemCommentsEnabled><a name="comments"></a>
<h4><$I18NNumComments$>:</h4>
<dl id="comments-block">
<$CommentPager$>
<BlogItemComments>
<dt class="comment-poster" id="<$BlogCommentAnchorName$>"><a name="<$BlogCommentAnchorName$>"></a>
<$I18NCommentAuthorSaid$>
</dt>
<dd class="comment-body">
<p><$BlogCommentBody$></p>
</dd>
<dd class="comment-timestamp"><a href="<$BlogCommentPermalinkURL$>" title="comment permalink"><$BlogCommentDateTime$></a>
<$BlogCommentDeleteIcon$>
</dd>
</BlogItemComments>
<$CommentPager$>
</dl>
<p class="comment-timestamp">
<$BlogItemCreate$>
</p>
<p class="comment-timestamp">
</p>
</div>
</ItemPage>
<!-- End #comments -->
</blogger><br>
<center><OlderPosts><a style="background: #ffd4e4; color: #fff; border-radius: 350px; float: left; font-size: 20px; padding: 3px;" href=<$OlderPosts$>>?</a></OlderPosts> <a style="background: #ffd4e4; color: #fff; border-radius: 350px; float: right; font-size: 20px; padding: 3px;" href=<$NewerPosts$>> ?</a></NewerPosts></center></div>

<div id="links" style="display: none;">
<div class="title">Exchange Links Section</div><br>
<center><img src="http://25.media.tumblr.com/tumblr_md5hmpt4hj1rkeouxo1_500.gif"width="450"></center><br>

<div style="margin-center: 30px;">
<a class="link" href="http://www.anugerahsalsa.co.vu/">Salsa</a> <a class="link" href="/">Sone</a> <a class="link" href="/">Sone</a> <a class="link" href="/">Sone</a> <a class="link" href="/">Sone</a> <a class="link" href="/">Sone</a> <a class="link" href="/">Sone</a> <a class="link" href="/">Sone</a> <a class="link" href="/">Sone</a> <a class="link" href="/">Sone</a> <a class="link" href="/">Sone</a> <a class="link" href="/">Sone</a> <a class="link" href="/">Sone</a> <a class="link" href="/">Sone</a> <a class="link" href="/">Sone</a> <a class="link" href="/">Sone</a> <a class="link" href="/">Sone</a> <a class="link" href="/">Sone</a> <a class="link" href="/">Sone</a> <a class="link" href="/">Sone</a> <a class="link" href="/">Sone</a> <a class="link" href="/">Sone</a> <a class="link" href="/">Sone</a> <a class="link" href="/">Sone</a>
</div>

<div id="stuffs" style="display: none;">
<div class="title">Tutorials & Freebies</div><br>

<center><img src="http://24.media.tumblr.com/tumblr_m5m6wjMpXB1r2gg9ro2_500.gif"width="450"></center><br>

<u>Tutorials</u> :<br><br>
<img src="http://media.tumblr.com/5b851fe5bf0ec702a87976843a5ed44a/tumblr_inline_mi7tt8XXvl1qdlkyg.gif"width="15"> <a href="/">Tutorial : Title</a><br>
<img src="http://media.tumblr.com/5b851fe5bf0ec702a87976843a5ed44a/tumblr_inline_mi7tt8XXvl1qdlkyg.gif"width="15"> <a href="/">Tutorial : Title</a><br>
<img src="http://media.tumblr.com/5b851fe5bf0ec702a87976843a5ed44a/tumblr_inline_mi7tt8XXvl1qdlkyg.gif"width="15"> <a href="/">Tutorial : Title</a><br>
<img src="http://media.tumblr.com/5b851fe5bf0ec702a87976843a5ed44a/tumblr_inline_mi7tt8XXvl1qdlkyg.gif"width="15"> <a href="/">Tutorial : Title</a><br>
<img src="http://media.tumblr.com/5b851fe5bf0ec702a87976843a5ed44a/tumblr_inline_mi7tt8XXvl1qdlkyg.gif"width="15"> <a href="/">Tutorial : Title</a><br>
<img src="http://media.tumblr.com/5b851fe5bf0ec702a87976843a5ed44a/tumblr_inline_mi7tt8XXvl1qdlkyg.gif"width="15"> <a href="/">Tutorial : Title</a><br>
<img src="http://media.tumblr.com/5b851fe5bf0ec702a87976843a5ed44a/tumblr_inline_mi7tt8XXvl1qdlkyg.gif"width="15"> <a href="/">Tutorial : Title</a><br>
<img src="http://media.tumblr.com/5b851fe5bf0ec702a87976843a5ed44a/tumblr_inline_mi7tt8XXvl1qdlkyg.gif"width="15"> <a href="/">Tutorial : Title</a><br>
<img src="http://media.tumblr.com/5b851fe5bf0ec702a87976843a5ed44a/tumblr_inline_mi7tt8XXvl1qdlkyg.gif"width="15"> <a href="/">Tutorial : Title</a><br>
<img src="http://media.tumblr.com/5b851fe5bf0ec702a87976843a5ed44a/tumblr_inline_mi7tt8XXvl1qdlkyg.gif"width="15"> <a href="/">Tutorial : Title</a><br><br><br>

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

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


</div>
Arrien