The Tutobies
About;
What's Happening?

Liyana Izzati. Fifteen. Seoul. I'm Kpoppers and maybe not forever. All tutorial is here. Multifandom.

Shout here;
Talk to much



Credit;
The Cretive!

© 2013 - Full Template by Arrien Amani and someone help me is Mayra and Inficon . Edit by Liyana Izzati.

Blogskin : Pink Is My Life
Saturday 15 December 2012 | 0 Comments
Skin screenshot



<html> 
<head>

<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor: url(http://cur.cursors-4u.net/nature/nat-10/nat993.cur), progress;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXos7R1ZD4h35iRGX-z18f_wWNK4CvcJHqRbfwFirYxks2xc5keAxuO1UA9oWlkK9OEBiNePsNRWADnY36t580GSme9yaTKmtGdmbpwCHmTTUjl97qgf_XB-D3wPsvjPPuvlUEk3m13g/s1600/7.png') no-repeat;
}
.gbcontent{
float:left;
border:1px solid #D6A6FD;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibYoakI-NE9Ce7T6wgbZU-0tSM36RHyKgzr32DAP4zyIp7fkWxh-DAOgEy451niPec6m_uutqviZcNwHBvITWm8WU8n786j79jDTTF0CcCcI1NUxvFeu4Ab1RlpfCQpcw5Qlvb5952Pw/s1600/grey.jpg');padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
<embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=http://irondj.net/mix/file/11354/I_Don_t_Know_-_Apink.mp3&t0=I don't know&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" /></div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>
<br>
<br>
<br>

<div style="display:scroll; position:fixed; top:5px; left:135px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=BLOG ID" target="_blank" rel="nofollow" title="Follow" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEwkIp-RQY_5aYS5d67gLXGfZLk1uoesqAPc9tgYbsJ6MTsFlUS2s87PwaYE4kxH9kbrZR-8f53T4kuEX6NH2vTgG6-Ukk6FuPJI29XFyrJdG5G08SJi7qa14Ke5cXUqp_nrHzqq7cSck/s1600/follow+pink.png" /></a> <div style="display:scroll; position:fixed; top:5px; left:0px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPzW8NGOuroO6_j33bq9FsGop2TbHURdSOSnf0lcD_czPuIdgGdi-CLVSDo0u1Cfx0Ezh-RbZ2uzcELRYKgmK0TVNdN03coDlWqT0J-yy9_LJBu2hYOsiL_o0x86KIp0PP6nfT8Ym8z4A/s1600/d'board+pink.png" /></a></div></div><script type="text/javascript"> 
document.ondragstart = function () { return false; }; </script> 
<link href="http://fonts.googleapis.com/css?family=Boring+Showers|Short+Stack" rel="stylesheet" type="text/css"> 
<link href='http://fonts.googleapis.com/css?family=Annie+Use+Your+Telescope' rel='stylesheet' type='text/css'> 
<center><img class="acticsm" src="http://i.imgur.com/uzBKB.png" /></center> 
<title>Pink Is My Life</title><link rel="shortcut icon" href="http://dl3.glitter-graphics.net/pub/553/553523uwenffpwwn.gif"> 
<style type="text/css"> 
#navbar-iframe {
display: none;
}

body {
color:#D6A6FD;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDmQXvkkYwDPVpwLSKEidICUQycL2y45TG5DSZI8jAiQctJ9DGfO15WjkGBiUokYSSoXMHhhTr9dn8E9mcbww3jVrHYZ3tYeM2DUiDO-ptAKqDhhJbdora_-Fli0mfvsW1RsZVk8o6CxI/s1600/red.png);
background-attachment:inherit;
cursor: url(http://cur.cursors-4u.net/nature/nat-10/nat993.cur), auto;
font-family: short stack;
letter-spacing: 1px;
line-height: 15px
font-size: 11px;
}

a:link, a:visited { 
cursor: url(http://cur.cursors-4u.net/nature/nat-10/nat993.cur), progress;
font-style: normal;
color: #FFD3D3;
text-decoration: none;
-webkit-transition-duration: 0.5s;
}

a:hover{
color: #FFD3D3;
border-bottom:1px dashed #CB7BD2;
}

::-webkit-scrollbar {
width: 7px;
height: 7px;
}
::-webkit-scrollbar-track-piece  {
background-color: #FFD3D3;
border: 3px solid #fff;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #FFD3D3;
border: 1px solid #fff;
}
.place {
position: absolute;
top: 365px;
width: 100%;
text-align: center;
padding-bottom: 5px;
word-spacing: 20px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-rpZmOWGQVuxTUe83ZifmKyIB6HFn6DrpPFHvFcv7I86Gm_xnvi0ppfjQby_hRNjMTIuR2y8AN2Lhccd7a-EHqy8gNFI17pRyohZr5F0h3gNdM1PNIJsFTcegaV71Kme2wT8N6-uSyA/s1600/blue.png);
}
a.baro {
color: grey;
}
a.navigate {
cursor: url(http://cur.cursors-4u.net/nature/nat-10/nat993.cur), progress;
color:grey;
margin-top: 8px;
margin-bottom: 8px;
text-align: right;
-webkit-transition: 0.5s;
}
a.navigate:hover {
cursor: url(http://cur.cursors-4u.net/nature/nat-10/nat993.cur), progress;
margin-top: 8px;
margin-bottom: 8px;
padding-right: 10px;
-webkit-transition: 0.5s;
}
.h1 {
line-height: 15px;
border-top: 1px solid #eee;
}
.tit {
margin-top: 7px;
margin-bottom: 3px;
margin-left: 1px;
margin-right: 1px;
color:#000;
letter-spacing:2px;
padding-left: 7px;
padding-right: 7px;
padding-top: 4px;
padding-bottom: 4px;
font-weight: bold;
font: 16px 'short stack'; 
line-height:18px;
text-align: right;
background: #FFD3D3;
border:1.5px dashed #FFD3D3;
color:#FFFFFF;
text-align: center;
}

.post {
font-weight: bold;
margin-top: 7px;
margin-bottom: 3px;
margin-left: 1px;
margin-right: 1px;
color:#BA1BC9;
letter-spacing:2px;
padding-left: 2px;
padding-right: 2px;
padding-top: 2px;
padding-bottom: 2px;
font-family: short stack;
line-height: 15px
font-size: 11px;
line-height:17px;
border-radius: 5px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-rpZmOWGQVuxTUe83ZifmKyIB6HFn6DrpPFHvFcv7I86Gm_xnvi0ppfjQby_hRNjMTIuR2y8AN2Lhccd7a-EHqy8gNFI17pRyohZr5F0h3gNdM1PNIJsFTcegaV71Kme2wT8N6-uSyA/s1600/blue.png);
}

@font-face { font-family: "short stack";
src: url('http://static.tumblr.com/ls875kd/nuNlvxgvd/bebasneue.otf'); 
}

@media screen {
@font-face {
  font-family: 'Short Stack';
  font-style: normal;
  font-weight: 400;
  src: local('Short Stack'), local('ShortStack'), url('http://themes.googleusercontent.com/static/fonts/shortstack/v2/6Lbgh4PDdLpSiP41rQoGa4bN6UDyHWBl620a-IRfuBk.woff') format('woff');
}
}

@media screen {
@font-face {
  font-family: 'Nova Mono';
  font-style: normal;
  font-weight: normal;
  src: local('NovaMono'), url('http://themes.googleusercontent.com/static/fonts/novamono/v3/pN6VVBY03b9QLz-7i6Kl0T8E0i7KZn-EPnyo3HZu7kw.woff') format('woff');
}

}
@media screen {
@font-face }
  font-family: 'Cookie';
  font-style: normal;
  font-weight: 400;
  src: local('Cookie-Regular'), url('http://themes.googleusercontent.com/static/fonts/cookie/v3/Tvkve1y-JrkMx2S9u2OW1g.woff') format('woff');
}

.not{
width: 260px;
position:fixed;
background: #FFFFFF;
left:720px;
top:0px;
padding-top:6px;
padding-bottom:8px;
padding-right:10px;
padding-left:10px;
color:grey;
border-top: 0px solid #FFD3D3;
border-bottom: 1px solid #FFD3D3;
border-left: 1px solid #FFD3D3;
border-right: 1px solid #FFD3D3;
font-family: short stack;
letter-spacing: 1px;
line-height: 15px
font-size: 11px;
border-radius:0px 0px 13px 13px;
}

umum { 
cursor: url(http://cur.cursors-4u.net/nature/nat-10/nat993.cur), progress;
-webkit-transition: .2s;
border-radius: 2px;
}

::-moz-selection {
background:#FFFFF;
color:#6E6E6E;
}

::selection {
background:#FFFFFF;
color:#6E6E6E;
}


.ads {
padding-top: 5px;
padding-bottom: 5px;
font-family: verdana;
letter-spacing: 1px;
line-height: 15px
font-size: 11px;
line-height:15px;
color: #grey;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
}

.com {
font-family: verdana;
letter-spacing: 1px;
line-height: 15px
font-size: 11px;
line-height:15px;
color: #grey;
text-align: right;
border-top: 1px solid #eee;
}

blockquote{
background:url(http://i.imgur.com/r9LXn.gif);
padding:10px;
display:block;
border:3px solid#FFD3D3;
color:#80808;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
font-family:calibri
}

blockquote:hover{
border-radius:20px;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
-webkit-box-shadow: 0px 0px 8px #FFD3D3;
-moz-box-shadow: 0px 0px 8px #FFD3D3;
box-shadow: 0px 0px 8px #FFD3D3;
}


.baro {
color:grey;
text-decoration: none;
-webkit-transition: 2s;
cursor: url(http://cur.cursors-4u.net/nature/nat-10/nat993.cur), progress;
}

.baro:hover {
cursor: url(http://cur.cursors-4u.net/nature/nat-10/nat993.cur), progress;
color:grey;
text-shadow: 5px 10px 0px #FFD3D3;
-webkit-transition: .5s;
}
u {
text-decoration:none;
color:#D09DD5;
line-height: 10px;
border-bottom: 1px solid #FFD3D3;
-webkit-transition: 1s;
}
u:hover {
border-bottom: 1px dashed #FFD3D3;
}
b {
color: #FFD3D3;
}
b:hover {
color: #FFD3D3;
}
strike {
color:#FFD3D3;
}
.baro {
text-align:center;
margin-top: 190px;
}

img {
border-radius:10px;
opacity:0.6;
-webkit-transition-duration:2.5s;
}
img:hover{
border-radius:30px;
opacity:10.8;
-webkit-transition-duration:2.5s;
}

 </style>
<!-- --><style type="text/css">@import url(http://www.blogger.com/static/v1/v-css/navbar/697174003-classic.css);
div.b-mobile {display:none;}
</style> 

</style>

<script type="text/javascript" src="https://sites.google.com/site/unwanted86/javascript/snowwhite.js"></script> 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 
$(document).ready(function(){
$(".not").hide();
$(".not-click").click(function(){
$('.not').slideToggle("1s");
return true;
});
});
</script> 
</head> 

<body oncontextmenu='return false;'><script type="text/javascript"> 
    function setAttributeOnload(object, attribute, val) {
      if(window.addEventListener) {
        window.addEventListener("load",
          function(){ object[attribute] = val; }, false);
      } else {
        window.attachEvent('onload', function(){ object[attribute] = val; });
      }
    }
  </script> 
<iframe src="http://www.blogger.com/navbar.g?targetBlogID=7536872410151353857&amp;blogName=Si+Gades+Sharp%E2%84%93et.&amp;publishMode=PUBLISH_MODE_BLOGSPOT&amp;navbarType=BLUE&amp;layoutType=CLASSIC&amp;searchRoot=http://cokelatitumanis.blogspot.com/search&amp;blogLocale=en&amp;homepageUrl=http://cokelatitumanis.blogspot.com/&amp;vt=-69454836819453362" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" height="30px" width="100%" id="navbar-iframe" allowtransparency="true" title="Blogger Navigation and Search"></iframe> 
<div></div> 

<br> 

<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, 500]},
controlHTML: '<img onmousedown="event.preventDefault ? event.preventDefault() : event.returnValue = false" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg949HjTLwAqcB_ZC5Y4GM4aNrBMCC2_2-jyB6J2PpUFFZdT5dmWESSlEW_Aa29840dWcV-2Z1vHBesOkN_4WXdyVKSmvitRWbzZxCKGsRoF8b8jNDb8azcR3Nqp9kJPNqpikbt31c0pJM/s1600/top+button2.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:'top?'})
.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> 



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

<div class="tit">The Owner </div> 
<br> 
<center><img height="128" src="http://data.whicdn.com/images/29487837/tumblr_m4reapPLuM1r4pbneo1_500_large.jpg" width="200" /> </div> </center>

<div style="text-align: center;"> 

<div dir="ltr" style="text-align: left;" trbidi="on"> 
<div style="text-align: center;"> 
<b> 
</b></div> 
<div style="text-align: center;"> 
 Write Disclamer Words Here  :)</div><br></div><br><br> 

</div> 
<div style="text-align: center; border-bottom: 1px solid #eee; border-top: 1px solid #eee; margin-top: -16px; padding-top: 6px;padding-bottom: 6px;">
<a class="nav" onClick="document.getElementById('entry').innerHTML=document.getElementById('diary').innerHTML" title="Entry">◕Story</a> 
<a class="nav" onClick="document.getElementById('entry').innerHTML=document.getElementById('about').innerHTML" title="Le' Girl">◕About</a> 
<a class="nav" onClick="document.getElementById('entry').innerHTML=document.getElementById('stuff').innerHTML" title="Tutorials">◕Goodies</a>
 <a class="nav" onClick="document.getElementById('entry').innerHTML=document.getElementById('link').innerHTML" title="Tutorials">◕Linkies</a>
</div><br></div> 
</div></div> 

<div class="tit">Footprints</div><br> 
<div style="text-align: center;"> 
<div style="background: transparent; border-radius: 7px; border: 1px dashed grey; padding-top: 10px;padding-bottom: 10px;"> 

Place it with your own Cbox.

<br>

</div></div> 
<div class="tit">Credit</div><br>
<!----- DONT REMOVE THE CREDITS OR I'LL CALL HUNHAN TO KILL YOU -------!>
<b>Basecode:</b> <a href="http://www.blogskins.com/me/ziera27"target="_blank" >Lurve</a></br>
<b>Editor:</b><a href="http://elfloversteukkie.blogspot.com"> Liyana <a href="http://www.blogskins.com/me/elfloversteukkie"> Hunhan </a><a></br>
<b>Other: </b><a href="http://www.weheartit.com"> WeHeartIt </a><a href="http://photobucket.com/"> Photobucket </a>
<!----- DONT REMOVE THE CREDITS OR I'LL CALL HUNHAN TO KILL YOU -------!>
<br>

<td valign="top" style="width:500px; padding-left:5px; border-left:1px solid #f0f0f0; padding-right:11px; padding-left:22px;"> 
<div id="entry">  

<blogger><div class="tit"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<$blogitembody$><div class="com"><a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comments</a></BlogItemCommentsEnabled></div>
<br></blogger><br>
<center><OlderPosts><a  href=<$OlderPosts$>>Older Post</a> </OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>Newer Post</a></NewerPosts></center>
</div> 
</td></tr></tbody> 
</table> 

<div id="about" style="display: none;"> 
<div class="tit"><img src="http://i397.photobucket.com/albums/pp55/JuliJulchenJulia/favicon.gif" /> This Me </div><br> 
<center><img src="http://data.whicdn.com/images/29488276/tumblr_lvhuwb2cJ71qi23vmo1_500_large.jpg"></center><br>
Known as Sehun Wifey. <br>
<blockquote>Replace it about yourself</blockquote>

<div id="link" style="display: none;"> 
<div class="tit"><img src="http://i397.photobucket.com/albums/pp55/JuliJulchenJulia/favicon.gif" /> My Friend </div><br> 
<center><img src="http://data.whicdn.com/images/29488402/576802_300871796667049_263346740419555_684719_2132484119_n_large.jpg"></center><br>
<center><a href="http://thefirsttimelovers.blogspot.com/"/>Liyana Sehun</a> | <a href="http://elfloversteukkie.blogspot.com/"/>Liyana Izzati</a> | <a href="http://thefirsttimelovers.blogspot.com/"/>Friends</a> | <a href="http://thefirsttimelovers.blogspot.com/"/>Friends</a> | <a href="http://thefirsttimelovers.blogspot.com/"/>Friends</a> | <a href="http://thefirsttimelovers.blogspot.com/"/>Friends</a></center>
<blockquote>Replace it your friend link</blockquote>

<br> 
<br>
<br>


<div id="diary" style="display: none;"> 

<blogger><div class="tit"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<$blogitembody$><div class="com"><a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comments</a></BlogItemCommentsEnabled></div>
<br></blogger><br>

</div> 

<div id="stuff" style="display: none;">
<div class="tit"><img src="http://imgur.com/fbrBr.png" /> Goodies and Tutorials</div><br> 
<center><img src="http://data.whicdn.com/images/29488202/6778245861_6acfbce75e_large.jpg"></center><br>
Put tuto or anything you want to put. Or just delete it :D

<div>

<script type="text/javascript" src="http://www.blogger.com/static/v1/common/js/3407999231-csitail.js"></script> 
<script type="text/javascript">BLOG_initCsi('classic_blogspot');</script></body> 
</html>

PASTFUTURE


Post a Comment