Saturday, February 15, 2014

Kode Blogskin : Will You Be…?

<!-------- THE BASIC CODE --------!>
<html>
<div style="display:scroll; position:fixed; top:5px; right:85px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=4259633660096732610" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5j2KjGI8xACdsyGClc4ONq03sq8MNisDl3REQrJlQGge0zjqDtY4bR2WyJ7QpRrrXGwz24G3KS49vQA_o3azN6plxoAaAYQFAC1apwFSgQ5umU-59KY1Q7IxCdtu1g281ESu6hF5A3Z4/s1600/follow+pink.png" /></a><br />
<div style="display:scroll; position:fixed; top:5px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCs5zUr9TfJm8Mz7-oOZkgbemPuxvmt41BD_pqSNoy8RmyfpAsd-9eMiPa_kma2VDTOCAngB-VxIJKhGJC7PUX-obdS8zkH8Ie5iFGpBloO8RGYLv65Jx7gVpngKCBjucZRzehJleig3A/s1600/d'board+pink.png" /></a></div></div>
<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://www.widgipedia.com/widgets/widgetindex/animation-kawaii-24_-16729-8192_134217728.widget"/>', //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><head>

<script language=JavaScript>
<!--//Disable right mouse click Script
//By Dynamicdrive (renigade@nsimail.com)
//For full source code, visit http://www.dynamicdrive.com
var message="";
///////////////////////////////////
function clickIE4(){
if (event.button==2){return false;}}
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){return false;}}}
if (document.layers){document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;}
else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;}
document.oncontextmenu=new Function("return false")// -->
</script>
<script type="text/javascript" src="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/snowstorm.js" />
<!-- now, we'll customize the snowStorm object -->
<script type="text/javascript">
snowStorm.snowColor = '#000000'; // blue-ish snow!?
snowStorm.flakesMaxActive = 999; // show more snow on screen at once
snowStorm.useTwinkleEffect = true; // let the snow flicker in and out of view

</script>
<center><img class="headerr" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhepBxgTMqmDyyXVJM-Tj_I7XgsL2zeHnum51z6rZ-XIkkluFCQehwUSD0EujwXPNqTykashL2WF9Mrc9UQE__3YJ_VrB_xQuoAhzabPE0FSKiSwCwEAOzXhgJGUTQUIPJHSawsvFSiY0ry/s1600/Will+You+Be...+header+.png"/></center>
<link rel="shortcut icon" href="http://kuma.dollskingdom.com/kumas/kuma_icon26.gif" />
<title>Will You Be… </title>
</head>
<base target='_blank'/>
<script type="text/javascript">
document.ondragstart = function () { return false; }; </script>
<link href='http://fonts.googleapis.com/css?family=Annie+Use+Your+Telescope' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>

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

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

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

body {
background: url(http://i1196.photobucket.com/albums/aa406/tieqaonew/polkapink.png);
background-attachment: inherit;
font-family:Century Gothic;
cursor: url( http://4.bp.blogspot.com/-xPUaShpPKP4/Thbqf9_YbjI/AAA AAAAABYw/zcTNwcHV1Uo/s1600/redribbonz.png), auto;
}

a:link, a:visited {
color: #CCC;
text-decoration: none;
cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2dtJ36-fkYoeF1stc_VSd_mVtzhUJcfneSicOYtMcKICjVmxkEKR-7MDcZ1na2Vq2cTNbQAMKIqVTMjZLX7JSEpFIaeWa9wiWwkNYeK_FHtAB9AzI_oyJHGoW5hIyOlikaTnvzbFa86c/s1600/cur265.png), progress;
}
a:hover {
cursor: url(http://www.drikoti.net/Goodies/Cursor/News/Gifs/12.gif), progress;
color: #FF5DAB;
text-decoration: none;
}

.title {
font-family: calibri;
font-size: 15pt;
color: #ffc6c6;
letter-spacing: 1pt;
text-align: center;
border-top: 1px solid  #FFD7EB;
border-bottom: 1px solid #FFD7EB;
background: url(http://i.imgur.com/v4Sl9.gif);
border-left: 8px double #ffc6c6;
border-right: 8px double #ffc6c6;
margin:1em;
padding:5px;
font: 12px 'Short Stack';
color: #515151;
font-weight: bold;
line-height: 100%;
padding: 5px;
margin: 0px;
}
text-align:left;
}

.side {
color: #696969;
font-family: verdana;
font-size:11px;
margin-bottom:2em;
}

::-moz-selection {
background:#FFD3D3;
color:black;}
::selection {
background:#FFD3D3;
color:black;}

.old {
background:#FBEFEF;
font:12px trebuchet ms;
padding:2px;
text-align:center;
}
.header {
margin-left: 2px;
margin-bottom: -40px;
-webkit-transition:2s
}

blockquote {
border: 1px dashed #FFD3D3;
border-radius: 5px;
background:url(URL BACKGROUND);
background-repeat:repeat;
padding: 4px;
-webkit-transition: 1s;
}
blockquote:hover {
border: 1px solid#FFD3D3;
border-right: 15px solid #FFD3D3;
border-left: 15px solid #FFD3D3;
border-radius: 5px;
background-position:bottom right;
background-repeat:no-repeat;
background:#fff;
padding: 4px;
-webkit-transition: 1s;
}

b, strong {
color:#CCC;
font-weight:bold;
}
i , s, strike {
color: #FFD3D3;
}
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;
}
.arrien {
font: 12px Consolas;
background: #FFD3D3;
border: 1px solid #fff;
padding: 3px;
-webkit-transition: 0.5s;
}
.arrien:hover {
background:#FFFFFF;
color:#FFBED8;
text-decoration: none;
-webkit-transition: 0.5s;
}

</style>
<body>
<!-------- MAIN WRAPPER --------!>

<table style="border-top: 30px solid #FFDEEB;
border-left: 3px solid #FFDEEB;
border-right: 3px solid #FFDEEB;
border-bottom: 30px solid #FFDEEB;
background: #FFFFFF;
border-radius:10px;margin-bottom: 10px;font-size: 11px; color: #666; line-height: 16px; background-color: #FFF;" width="850" align="center" border="0" cellspacing="10">
<tbody><tr>
<td valign="top" style="width:530px; padding-left:5px; border-right:1px solid #eee; padding-bottom:5px;; padding-right:15px; ">
<div id="page">
<blogger><div class="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="side"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> • <$BlogItemDateTime$> • <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Cutey</span></a></BlogItemCommentsEnabled></div><br>
<$BlogItemBody$></br>
<hr/><center><b>Thanks for reading,do comment and Like :)</b></center><hr/></blogger>
<div class="old"><NewerPosts><a href="<$NewerPosts$>" target="_blank"> Newer Posts</a>  </NewerPosts>  <OlderPosts> <a href="<$OlderPosts$>" target="_blank">Older Posts </a></OlderPosts></center></div>

<!-------- SIDEBAR WRAPPER --------!>

<td valign="top" style="line-height:15px; font-size:11px; width:240px; padding-left:10px;">

<div class="title">D'teks</div><br>
<center><img src="http://www.hawaiikawaii.net/wp-content/uploads/2011/11/Korilakkuma-iPhone-Case-With-Ears-Rilakkuma-San-X-Kawaii-Blog.jpg" width="200"/><br>
Hello. Please change this with ur profile
<br>
<br>

<div class="arrien" onClick="document.getElementById('page').innerHTML=document.getElementById('diary').innerHTML">Diary</div>
<div class ="arrien" onClick="document.getElementById('page').innerHTML=document.getElementById('profile').innerHTML">About Me </div>
<div class ="arrien" onClick="document.getElementById('page').innerHTML=document.getElementById('links').innerHTML">Links</div>
<div class ="arrien" onClick="document.getElementById('page').innerHTML=document.getElementById('stuff').innerHTML">Stuff</span><br></div><br><br>


<div class="title">Chat Box </div><br>
<center><img src="http://24.media.tumblr.com/tumblr_lrsrpm1eAx1qe9afuo1_400.jpg" width="200"/><br><center>
<div>CBox code here! width="200"</div>
</div>
<!-- END CBOX --><center><br><br>


<!---- DO NOT REMOVE THIS, OR I'LL HUNT AND EAT YOU !!-----!>
<div class="title">Credits</div><br>
<center><img src="http://25.media.tumblr.com/tumblr_lqz9h7vrNX1qe9afuo1_400.jpg" width="200" height="100" /><br></center>
Template By: <a href="http://arrienlove.blogspot.com/">Arrien Amani</a>| <a href="http://princesstwin.blogspot.com/">Princess</a><br>
Icon: <a href="http://chocollyheart.blogspot.com/">Winkle</a> | <a href="http://nurulatiqahjaidin.blogspot.com/">The tutorial</a><br>
Edited By:<a href="http://www.happypuppies.co.vu">Orin</a>
Owner :<a href="http://URL.BLOGSPOT.COM">Your Name. </a>
<!---- DO NOT REMOVE THIS, OR I'LL HUNT AND EAT YOU !!-----!>

</td>
</tr></tbody>
</table>

<div id="profile" style="display: none;">
<div class="title"> The Shy Lady </div><br>
<center><img src="http://media.tumblr.com/tumblr_m3bhdi3oUQ1qdlkyg.gif"width="223" /></center><br>
<b> My name is : </b>
<br>
<b> My age  is : </b>
<br>
<b> I was born : </b>
<br>
<b> I love     : </b>
<br>
<li> Friendshipness </li>
<li> Friendshipness </li>
<li> Friendshipness </li>
<li> Friendshipness </li>
<br>

<b> I hate    : </b>
<br>
<li> Spiders </li>
<li> Spiders </li>
<li> Spiders </li>
<li> Spiders </li>
<li> Spiders </li>
<br>



</div>

<div id="links" style="display: none;">
<div class="title">Linkies</div><br>
<center>
<img src="http://static.tumblr.com/fsscafk/DZklqvjpq/tumblr_lg29195k0r1qeo03no1_500.jpg"width="450" /><br>
<a href="http://arrienlove.blogspot.com/">Arrien</a> | <a href="http://arrienlove.blogspot.com/">Amani</a> | <a href="http://sweetlightblue.blogspot.com/">Orin</a> || <a href="http://SOMEONE/">Chingu</a> | Next?
| <a href="http://SOMEONE/">Chingu</a> | Next?
| <a href="http://SOMEONE/">Chingu</a> | Next?
| <a href="http://SOMEONE/">Chingu</a> | Next?
| <a href="http://SOMEONE/">Chingu</a> | Next?
| <a href="http://SOMEONE/">Chingu</a> | Next?
| <a href="http://SOMEONE/">Chingu</a> | Next?
| <a href="http://SOMEONE/">Chingu</a> | Next?
| <a href="http://SOMEONE/">Chingu</a> | Next?
| <a href="http://SOMEONE/">Chingu</a> | Next?
| <a href="http://SOMEONE/">Chingu</a> | Next?


<center></div>

<div id="stuff" style="display: none;">
<div class="title">Anything here</div><br>
<center><img src="http://24.media.tumblr.com/tumblr_lski2ith0J1qe9afuo1_400.jpg"width="450" /></center><br>
<center>Put ur own Stuff!!<center>


</div>


<div id="diary" style="display: none;">
<blogger><div class="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="side"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> • <$BlogItemDateTime$> • <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> cutey</span></a></BlogItemCommentsEnabled></div><br>
<$BlogItemBody$></br>
<hr/><center><b>Please leave a comment :) </b></center><hr/></blogger>
<div class="old"><NewerPosts><a href="<$NewerPosts$>" target="_blank">Newer Posts</a>  </NewerPosts>  <OlderPosts> <a href="<$OlderPosts$>" target="_blank">Older Posts </a></OlderPosts></center></div>

</body></html></table>


Friday, February 7, 2014

Kode Blogskin 4 = Lonely Girl

<br><html>
</script>

<script type="text/javascript">$('body').hide();$('body').fadeIn(10000);</script>
<script type="text/javascript">
// <![CDATA[
var sparks=75; // how many sparks per clicksplosion
var speed=33; // how fast - smaller is faster
var bangs=5; // how many can be launched simultaneously (note that using too many can slow the script down)
var colours=new Array('#A0A0A0');
//                     pink

/****************************
*   Clicksplosion Effect    *
* (c) 2012 mf2fm web-design *
*  http://www.mf2fm.com/rv  *
* DON'T EDIT BELOW THIS BOX *
****************************/
var intensity=new Array();
var Xpos=new Array();
var Ypos=new Array();
var dX=new Array();
var dY=new Array();
var stars=new Array();
var decay=new Array();
var timers=new Array();
var swide=800;
var shigh=600;
var sleft=sdown=0;
var count=0;

function addLoadEvent(funky) {
  var oldonload=window.onload;
  if (typeof(oldonload)!='function') window.onload=funky;
  else window.onload=function() {
    if (oldonload) oldonload();
    funky();
  }
}

addLoadEvent(clicksplode);

function clicksplode() { if (document.getElementById) {
  var i, j;
  window.onscroll=set_scroll;
  window.onresize=set_width;
  document.onclick=eksplode;
  set_width();
  set_scroll();
  for (i=0; i<bangs; i++) for (j=sparks*i; j<sparks+sparks*i; j++) {
    stars[j]=createDiv('*', 13);
    document.body.appendChild(stars[j]);
  }
}}

function createDiv(char, size) {
  var div, sty;
  div=document.createElement('div');
  sty=div.style;
  sty.font=size+'px monospace';
  sty.position='absolute';
  sty.backgroundColor='transparent';
  sty.visibility='hidden';
  sty.zIndex='101';
  div.appendChild(document.createTextNode(char));
  return (div);
}

function bang(N) {
  var i, Z, A=0;
  for (i=sparks*N; i<sparks*(N+1); i++) {
    if (decay[i]) {
      Z=stars[i].style;
      Xpos[i]+=dX[i];
      Ypos[i]+=(dY[i]+=1.25/intensity[N]);
      if (Xpos[i]>=swide || Xpos[i]<0 || Ypos[i]>=shigh+sdown || Ypos[i]<0) decay[i]=1;
   else {
        Z.left=Xpos[i]+'px';
        Z.top=Ypos[i]+'px';
   }
      if (decay[i]==15) Z.fontSize='7px';
      else if (decay[i]==7) Z.fontSize='2px';
      else if (decay[i]==1) Z.visibility='hidden';
   decay[i]--;
 }
 else A++;
  }
  if (A!=sparks) timers[N]=setTimeout('bang('+N+')', speed);
}

function eksplode(e) {
  var x, y, i, M, Z, N;
  set_scroll();
  y=(e)?e.pageY:event.y+sdown;
  x=(e)?e.pageX:event.x+sleft;
  N=++count%bangs;
  M=Math.floor(Math.random()*3*colours.length);
  intensity[N]=5+Math.random()*4;
  for (i=N*sparks; i<(N+1)*sparks; i++) {
    Xpos[i]=x;
    Ypos[i]=y-5;
    dY[i]=(Math.random()-0.5)*intensity[N];
    dX[i]=(Math.random()-0.5)*(intensity[N]-Math.abs(dY[i]))*1.25;
    decay[i]=16+Math.floor(Math.random()*16);
    Z=stars[i].style;
    if (M<colours.length) Z.color=colours[i%2?count%colours.length:M];
    else if (M<2*colours.length) Z.color=colours[count%colours.length];
    else Z.color=colours[i%colours.length];
    Z.fontSize='13px';
    Z.visibility='visible';
  }
  clearTimeout(timers[N]);
  bang(N);
}

function set_width() {
  var sw_min=999999;
  var sh_min=999999;
  if (document.documentElement && document.documentElement.clientWidth) {
    if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
    if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  }
  if (typeof(self.innerWidth)=='number' && self.innerWidth) {
    if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
    if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  }
  if (document.body.clientWidth) {
    if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
    if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  }
  if (sw_min==999999 || sh_min==999999) {
    sw_min=800;
    sh_min=600;
  }
  swide=sw_min-7;
  shigh=sh_min-7;
}

function set_scroll() {
  if (typeof(self.pageYOffset)=='number') {
    sdown=self.pageYOffset;
    sleft=self.pageXOffset;
  }
  else if (document.body && (document.body.scrollTop || document.body.scrollLeft)) {
    sdown=document.body.scrollTop;
    sleft=document.body.scrollLeft;
  }
  else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
    sleft=document.documentElement.scrollLeft;
    sdown=document.documentElement.scrollTop;
  }
  else {
    sdown=0;
    sleft=0;
  }
}
// ]]>
</script>
<head><link rel="shortcut icon" href="http://media.tumblr.com/a40cd95745a90266198a2fbd7f7e1310/tumblr_inline_mgpjd2Z76a1qdlkyg.gif" /><Br><br><br>
<title>Lonely Girl… </title>
<style type="text/css">
#navbar-iframe {
display: none;
}

.b1a4 {
margin-left: 0px;
margin-bottom: -29px;
}

body {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4mw6E_Yx4Expyy3e1EYi18F98pyQezB6wA7VAMt32YdQPRgnVVomQ2YVz5WXAvo68YStzjfK9blE3d5q2uUzIBVI1Vrwf2Lr9Pr3EV6yDjKnYCqYFlLjcvMpy9vpePAphDanyVxGsEQL-/s1600/backgroundbody(3).png);
background-attachment: fixed;
font-family: Happy Monkey;
font-size: 11px;
text-align: left;
cursor:url(http://i756.photobucket.com/albums/xx204/maeca_louisse/21-1.png),auto;
}

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

a:hover{
text-decoration: none;
color: #ccc;
-webkit-transition:0.5s;
cursor:url(http://static.tumblr.com/mpornxv/JVilj15ds/0215.png),auto;
}

.title {
background:#efefef;
color:#fff;
font-family: tt;
font-size:20px;
letter-spacing:3px;
text-transform:uppercase;
text-shadow:1px 1px 0px #212121;
padding:3px;
margin-bottom:0px;
}


.title1 {
margin-top:0px;
background:#fff;
border:1px solid #f8f8f8;
font-family:tt;
font-size: 8px;
padding:2px;
padding-left:20px;
letter-spacing:1px;
text-transform:block;
}

blockquote{
padding:5px;
background:url(http://24.media.tumblr.com/tumblr_m6cqhjCrpP1rxrqnyo6_250.png);
border:1px solid #eee;
}
.header {
background:#eee;
padding: 15px;
margin-bottom: -20px;
z-index: 100;
position: relative;
width: 900px;
}

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

i , s, strike {
color: #E1E1E1;
}

b {
color:#ccc;
-webkit-transition-duration: 1.5s;
}

b:hover {
color: #BAD4E6;
-webkit-transition-duration: 1.5s;
}


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

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

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

::selection {
background: #eee;
color: #ccc;
}

u {
text-decoration: none;
border-bottom: 2px dotted #000000;
}

.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_m2rue3a4aa1qdlkyg.gif") no-repeat 2px .3em;
margin-top:5px !important;background-size:15px;
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:3px solid #FCEBED;
margin:0em;
padding:5px;
color:#808080;
}

.sidenav2 a:link, .sidenav2 a:active, .sidenav2 a:visited
{
width:96px;
background:#CBCBCB;
color:#fff;
display: inline-block;
text-decoration:none;
text-align:center;
font:10px Patrick Hand;
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 #DDDDDD;
}

.sidenav2 a:hover
{
-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
background:#fff;
color:#000000;
border-bottom:1px solid #DDDDDD;
}

.player{
position:fixed;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
bottom:10px;
overflow:hidden;
right:10px;
background:#fff;
width:10px;
border-radius:2px;
padding:10px;
-moz-box-shadow: 0px 0px 5px #ddd;
-webkit-box-shadow: 0px 0px 5px #ddd;
box-shadow: 0px 0px 5px #ddd;}

.player:hover{
width:50px;
}

li { list-style-image:url(http://snow-white.lolipop.jp/sozai/icon/plant02/flower02-05.gif); } li:hover { list-style-image: url(http://snow-white.lolipop.jp/sozai/icon/arrow09/arrow09_l09.gif); }

</style>
<div class="player">
<embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=http://media.irondj.net/mix/file/31778/B1A4_Je-A-Be_My_Girl.mp3&t0=&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" /></div>

</style>
<style>
.hyosung{
width:100%;
background:url(http://i.imgur.com/MR7Yau5.png);
border-bottom:5px solid #eee;
position:fixed;
top:0px;
left:0px;
box-shadow:0 0 6px #ccc;
text-align:center;
padding:10px;}

a.jieun{
background:#eee;
text-decoration:none;
color:#FFF;
padding:5px;
font:11px arial;
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:#E6EEF4;
color:#fff;
</style>
<center>
<div style="background:#eee;width:900px;border-radius: 0px 0px 0px 0px;padding:15px;margin-top:15px;">
<center>
<img class="b1a4" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqtgrs6z_g7CXPpV9WLGzKZq_OXMOa6-XPpZFSBZmwHJPzSV6miards_lBLobor0kBsFeczS1qHcnOJi0gvp20bfUF378triHYkZRo6W28790HTwWSvvBTShyphenhyphenzvfFa5xqod0MGhDLbPj2Y/s1600/Header+Blogskin+.png" />
<center><br>
<div style="background: #FFFFFF;"/>
<br>
<div class="hyosung">
<a class="jieun" onClick="document.getElementById('entry').innerHTML=document.getElementById('journal').innerHTML" >HOME</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" >LINKIES</a>
<a class="jieun" href="<$NewerPosts$>">NEWER</a>
<a class="jieun" href="<$OlderPosts$>">OLDER</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">Hello… </div><br>

<center>
<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf7P32DcJ6t5U9RHqab0hZqX2WaDX85en9i4VNnp-kV5ooV2nBILw2VSSx4bB67wfq0gYlGZFwTUV4Dnc_FQwSBPb9M9X2t4qBX860tEZVL73nJJlrPZ54eEfXGxrYXmHnjN-CPuqb2A/s1600/white.png) repeat; border:1px solid #EEE;padding:5px;width:200px;">
<img style="width:200px;height:140px;" src="http://31.media.tumblr.com/1593710c68e3a8abb479a24e5d1805d2/tumblr_mubld0bqcW1qax024o1_500.gif">
<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>Change This With Your Lonely Intro <br>
</center><br>

<div class="title">Chat!</div><br>

<center>
Gimme The CBox Code!
</center><br>

<div class="title"> Credits</div><br>
</center>
<!------------Dont remove the credit or i kill u-------------!>
© 2013 - Full Template by <a href="http://arrienlove.blogspot.com/">Arrien</a> <a href="http://www.blogskins.com/me/arrien">Amani</a>. Edited by <a href="http://www.happypuppies.co.vu."> Orin </a>, Cute doodle are grabbed from <a href="http://saranghae012.tumblr.com"> Chelly </a>
</div></div></td>
<!------------Dont remove the credit or i kill u-------------!>

<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$> Comments</a></BlogItemCommentsEnabled></div><$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://i55.tinypic.com/v3d7ps.jpg); 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>
<p class="comment-timestamp">
<$BlogItemCreate$>
    </p>
</ItemPage>


</Blogger><br>
<center><a style="float:left;" href=<$NewerPosts$>><div class="newer"><span>←</span> Newer Post</div></a>
<a style="float:right;" href=<$OlderPosts$>><div class="older" >Older Post <span>→</span></div></a>
</center></div>
</td></tr></tbody>

<div id="about" style="display: none;">
<div class="title">Owner</div><br>

<center><img src="http://25.media.tumblr.com/46ac6ca35ed104c9b4f995e070608fb9/tumblr_mu8mf3oxPg1qax024o1_500.gif"width="450"></center><br>

<img src="http://media.tumblr.com/tumblr_m7eh9tRnx81qdlkyg.gif"width="10"> Hello. I'm a lonely girl. I live just right where you are.<br><br>

<blockquote>CHANGE WITH YOUR OWN PROFILE</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$> Comments</a></BlogItemCommentsEnabled></div><$blogitembody$>
</br>


<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://i55.tinypic.com/v3d7ps.jpg); 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>
<p class="comment-timestamp">
<$BlogItemCreate$>
    </p>
</ItemPage>


</Blogger><br>
<center><a style="float:left;" href=<$NewerPosts$>><div class="newer"><span>←</span> Newer Post</div></a>
<a style="float:right;" href=<$OlderPosts$>><div class="older" >Older Post <span>→</span></div></a>
</center></div>

<div id="links" style="display: none;">
<div class="title">Linkies… </div><br>
<center><img src="http://24.media.tumblr.com/e0b390a2b34a810992aea380eb348656/tumblr_mtly2zLYf51qax024o1_500.gif"width="450"></center><br><br>

<div style="margin-center: 30px;">

Linkies Put Here.



</div>