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 : Flower Boy .
Saturday, 15 December 2012 | 0 Comments
Skin screenshot


<html>
<head>

<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>

<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://i.imgur.com/uvxwV.png"/>', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ center of window corner
anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
state: {isvisible:false, shouldvisible:false},
scrollup:function(){
if (!this.cssfixedsupport) //if control is positioned using JavaScript
this.$control.css({opacity:0}) //hide control immediately after clicking it
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
dest=jQuery('#'+dest).offset().top
else
dest=0
this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
},
keepfixed:function(){
var $window=jQuery(window)
var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
this.$control.css({left:controlx+'px', top:controly+'px'})
},
togglecontrol:function(){
var scrolltop=jQuery(window).scrollTop()
if (!this.cssfixedsupport)
this.keepfixed()
this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
if (this.state.shouldvisible && !this.state.isvisible){
this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
this.state.isvisible=true
}
else if (this.state.shouldvisible==false && this.state.isvisible){
this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
this.state.isvisible=false
}
},
init:function(){
jQuery(document).ready(function($){
var mainobj=scrolltotop
var iebrws=document.all
mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
.css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
.attr({title:"Let's Fly High !"})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
mainobj.togglecontrol()
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
mainobj.scrollup()
return false
})
$(window).bind('scroll resize', function(e){
mainobj.togglecontrol()
})
})
}
}
scrolltotop.init()
</script>

<base target='_blank'/>
<div style="display:scroll; position:fixed; top:5px; right:90px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=YOUR BLOG ID HERE" target="_blank" rel="nofollow" title="Follow?" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://assets.tumblr.com/images/iframe_follow_alpha.png?6" /></a> <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="http://assets.tumblr.com/images/iframe_dashboard_alpha.png?6" /></a></div></div><script type="text/javascript"> 
document.ondragstart = function () { return false; }; </script> 
<link href="http://fonts.googleapis.com/css?family=Boring+Showers' rel="stylesheet" type="text/css"> 
<link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Annie+Use+Your+Telescope' rel='stylesheet' type='text/css'> 
<link href='http://fonts.googleapis.com/css?family=Trebuchet+MS' rel='stylesheet' type='text/css'> 
<center><img class="header" src="http://1.bp.blogspot.com/-NBceHtK1J24/UETV8Wna3qI/AAAAAAAACQ0/u8mH4WOC8eA/s1600/header2.png" /></center>
<title>Flower | Boy</title> <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lkwlzkG2Z51qi6qow.gif"> 

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

::-webkit-scrollbar {
width: 7px;
height: 7px;
}
::-webkit-scrollbar-track-piece  {
background-color: #666;
border: 3px solid #fff;
}

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

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

body {
color: #2E2E2E;
background: url(http://i.imgur.com/pwQLk.gif);
background-attachment:inherit;
cursor: url(http://i1196.photobucket.com/albums/aa406/tieqaonew/07.gif), progress;
font-family: trebuchet MS;
letter-spacing: 1px;
line-height: 15px
font-size: 11px;
}

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

a:hover{
-webkit-background-clip: text;
color: white;
-webkit-text-fill-color: transparent;
background-image:-webkit-gradient(linear, left top, right top, from(#ea8711), to(#d96363));
background-image:-webkit-linear-gradient(left, #ea8711, #d96363, #73a6df, #9085fb, #52ca79);
background-image:-moz-linear-gradient(left, #ea8711, #d96363, #73a6df, #9085fb, #52ca79);
background-image:-ms-linear-gradient(left, #ea8711, #d96363, #73a6df, #9085fb, #52ca79);
background-image:-o-linear-gradient(left, #ea8711, #d96363, #73a6df, #9085fb, #52ca79);
cursor: url(http://i1196.photobucket.com/albums/aa406/tieqaonew/06.gif), progress;
}

a.navigate {
border:2px solid #F8E0F7;
border-radius:3px;
color: #F8E0F7;
-webkit-transition: 1s;
padding:2px;
}

a.navigate:hover {
background:#F9FDFF;
color: #F8E0F7;
text-decoration: none;
-webkit-transition: 0.5s;
}

.tit {
margin-top: 7px;
margin-bottom: 3px;
margin-left: 1px;
margin-right: 1px;
color:#2E2E2E;
letter-spacing:2px;
padding-left: 7px;
padding-right: 7px;
padding-top: 4px;
padding-bottom: 4px;
font-weight: bold;
font: 16px 'Annie Use Your Telescope'; 
line-height:18px;
text-align: center;
border-left: 8px double #FFEEF4;
border-right: 8px double #FFEEF4;
border-top: 1px solid #FFEEF4;
border-bottom: 1px solid #FFEEF4;
background:url(http://3.bp.blogspot.com/-8L3fYq_1buM/ToBJn4mNZJI/AAAAAAAABlc/Ny8PVjFTrR0/s1600/linepattern.png);
}

.tit:hover {
border-left: 4px double #F8E0F7;
border-right: 4px double #F8E0F7;
-webkit-transition: 0.5s;
}

.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(http://3.bp.blogspot.com/-8L3fYq_1buM/ToBJn4mNZJI/AAAAAAAABlc/Ny8PVjFTrR0/s1600/linepattern.png);
}

img { 
cursor: url(http://3.bp.blogspot.com/-ByzZlBDQaiw/TnAuS5295mI/AAAAAAAACPQ/bAWIFLOMx1o/s1600/CURSO.png), progress;
-webkit-transition: 0.5s;
border-radius: 10px;
}

img:hover {
cursor: url(http://3.bp.blogspot.com/-ByzZlBDQaiw/TnAuS5295mI/AAAAAAAACPQ/bAWIFLOMx1o/s1600/CURSO.png), progress;
-webkit-transition-duration: 0.5s;
border-radius: 3px;
}

::selection {
background-color: #F8E0F7;
color: #666;
}
::-moz-selection {
background-color: #F8E0F7;
color: #666;
}

.footer {
margin-top: 5px;
margin-bottom: 15px;
border-top: 1px #eee solid;
text-align: right;
}

blockquote {
border: 1px dashed #F8E0F7;
border-radius: 5px;
background:url (http://3.bp.blogspot.com/-8L3fYq_1buM/ToBJn4mNZJI/AAAAAAAABlc/Ny8PVjFTrR0/s1600/linepattern.png) ;
background-repeat:repeat;
padding: 4px;
-webkit-transition: 1s;


}
blockquote:hover {
border: 1px solid #F8E0F7;
border-right: 15px solid #F8E0F7;
border-left: 15px solid #F8E0F7;
border-radius: 5px;
background-position:bottom right;
background-repeat:no-repeat;
background:#fff;
padding: 4px;
-webkit-transition: 1s;
}

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

u {
text-decoration:none;
color:#CCC;
padding: 3px;
line-height: 10px;
border-bottom: 2px solid #F8E0F7;
-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;
}

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

<table style="font-size: 11px; color: #666; line-height: 17px; background:white;border-top: 23px solid #FFEEF4; border-left: 4px solid #FFEEF4; border-right: 4px solid #FFEEF4; border-bottom: 23px solid #FFEEF4; background: #FFFFFF; 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:0px;">

<div class="tit">Dislaimer.</div><br>
<center><img height="180" src="http://data.whicdn.com/images/36607653/tumblr_m9q2xpx6i81rxgopvo1_500_large.png" width="210" /></center></div><br>

<center>WRITE YOUR DISCLAIMER WORD HERE !</center><br>

<center>
<a class="navigate" onClick="document.getElementById('entry').innerHTML=document.getElementById('diary').innerHTML" title="">Entry</a>
<a class="navigate" onClick="document.getElementById('entry').innerHTML=document.getElementById('about').innerHTML" title="">About</a>
<a class="navigate" onClick="document.getElementById('entry').innerHTML=document.getElementById('link').innerHTML" title="">Links</a>
<a class="navigate" onClick="document.getElementById('entry').innerHTML=document.getElementById('stuff').innerHTML" title="">Stuffies</a>
</center>
<br>
</div>

</div>
</div></div>

<div class="separator" style="clear: both; text-align: center;">
<div class="tit">Stalker.</div><br>
<center>PUT YOUR AWESOME CBOX OR FIBOX HERE !<center>
<br>

<div class="tit">Credits.</div><br>
<center>Basecode : <a href="http://www.ainabillahshafie.blogspot.com/">Ainabillah</a> <a href="http://www.blogskins.com/me/ainabillah">Shafie</a><br>

<center>Template By : <a href="http://elfloversteukkie.blogspot.com/">Liyana</a> <a href="http://hunhanlovers.blogspot.com">Izzati</a><br>

<center>Others : <a href="https://www.google.com.my/">♥</a> <a href="http://weheartit.com/">♥</a> <a href="http://www.tumblr.com">♥</a><br>

</div><br>

<div class="sidefooter"><center><OlderPosts><a href=<$OlderPosts$>>Older Post</a></OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>Newer Post</a></NewerPosts></center></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 at <$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$> cakap banyak.</a></BlogItemCommentsEnabled></div>
</blogger>
</div>
</td></tr></tbody>
</table>

<div id="about" style="display: none;">
<div class="tit">The Princess!</div><br>

<center><img src="http://data.whicdn.com/images/36604011/tumblr_m9keudOzKa1qaky03o1_500_large.png" width="430" height="280"></center><br>
<center>WRITE ANYTHING ABOUT YOU HERE</center>

<br>
<br>

<div id="diary" style="display: none;">
<blogger><div class="tit"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<br><$BlogItemBody$></br>
<iframe src="http://www.facebook.com/plugins/like.php?href=<$BlogItemPermalinkURL$>&amp;send=false&amp;layout=button_count&amp;width=80&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21" align="left" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:80px; height:20px;margin-top:-4px;margin-left:3px;" allowTransparency="true"></iframe><br>
<div class="footer">Written by me at <$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$> cakap banyak.</a></BlogItemCommentsEnabled></div>
</blogger>
</div>

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

<center><img src="http://data.whicdn.com/images/36607603/tumblr_m9oyg1uRqd1rcon59o1_500_large.jpg" width="430" height="280"></center><br>
<center><a class="exchange" href="http://elfloversteukkie.blogspot.com/">Liyana</a> | 
<a class="exchange" href="http://elfloversteukkie.blogspot.com/">Next ? </a> |
<a class="exchange" href="http://elfloversteukkie.blogspot.com/">Next ? </a> |
<a class="exchange" href="http://elfloversteukkie.blogspot.com/">Next ? </a> |
<a class="exchange" href="http://elfloversteukkie.blogspot.com/">Next ? </a> |
<a class="exchange" href="http://elfloversteukkie.blogspot.com/">Next ? </a> 
</center>
<br>

<div id="stuff" style="display: none;">
<div class="tit">It Can Help You</div><br>

<center><img src="http://data.whicdn.com/images/36603735/tumblr_m96zbgW3BV1rezmtbo1_500_large.jpg" width="430" height="280"></center><br>
<center>PUT YOUR FREEBIES OR TUTORIAL HERE !</center>

<br>
</div>

</body>
</html>.

PASTFUTURE


Post a Comment