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



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<script language="javascript" type="text/javascript" src="http://www.onlineleaf.com/savetheenvironment.js"></script>
<script type="text/javascript" 
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>


$(function(){$.fn.scrollToTop=function(){$(this).hide().removeAttr("href");if($(window).scrollTop()!="0"){$(this).fadeIn("slow")}var scrollDiv=$(this);$(window).scroll(function(){if($(window).scrollTop()=="0"){$(scrollDiv).fadeOut("slow")}else{$(scrollDiv).fadeIn("slow")}});$(this).click(function(){$("html, body").animate({scrollTop:0},"slow")})}}); 

$(function() { 
$("#toTop").scrollToTop(); 
}); 

</script> 
<head>

<center><img src="http://4.bp.blogspot.com/-hvHcNUemyp8/T8cNxjIEy1I/AAAAAAAABCA/7dHGCaGunrc/s1600/inspirit.png" /></center>

<title>Thatt boyyss '</title>

<!--------------------------------------
Blogger Classic Template
Name: That Boy
Designer: Mrs Yaya
URL: http://mrsyaya2.blogspot.com
*Do not remove this*
*Do not ripping*
--------------------------------------!>
<script type="text/javascript">
document.ondragstart = function () { return false; }; </script>
<link href='http://fonts.googleapis.com/css?family=Nova+Mono|Reenie+Beanie' rel='stylesheet' type='text/css'>

<div style="display:scroll; position:fixed; top:5px; right:90px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=YOURBLOGIDHERE" 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><br /><div style="display:scroll; position:fixed; top:5px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" 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>
<style type="text/css">
#navbar-iframe { 
display:none;
}

body {
background:url(http://3.bp.blogspot.com/-nDCHF2nYHF4/TmkOcBBssgI/AAAAAAAABgI/F2EViYbgcP0/s1600/ilovewoohyun.png);
font-family: Short Stack;
font-size: 12px;
width:600x;
background-attachment:fixed;
cursor: url(http://2.bp.blogspot.com/-gGGDDIDXJbE/Thbqe_15swI/AAAAAAAABYk/zSNcxrl4Su8/s1600/applez.png), auto;
}

a:link, a:visited {
color: #FF67BC;
text-decoration:none;
}
a:hover {
color: black;
border-bottom:1px dashed #FF67BC;
-webkit-transition:1s;
}
.main {
background:#ffffff;
color:#666666;
font-size: 11px;
padding: 4px;
width:600x;
border-radius:10px;
text-align:justify;
}
.main-title {
color: #FF67BC;
font-family: Short Stack;
font-size:15px;
letter-spacing: 2px;
padding:2px;
border-bottom:1px dashed black;
}
.sec-title {
color: black;
font-style:italic;
font-size:11px;
margin-bottom:2em;
}
.header { 
opacity:5.0
}

a.greyson {
background: #FF67BC;
padding: 3px;
color:#A4A4A4;
margin-right:2px;
border-radius:5px;
-webkit-transition:1s;
color: white;
}
a.greyson:hover {
background: black;
color: #FF67BC;
-webkit-transition:1s;
border-radius: 0px;
}
::-webkit-scrollbar {
height:12px;
width: 8px;
background: url(http://i.imgur.com/easaY.gif);
}
::-webkit-scrollbar-thumb {
background-color: white;;
-moz-border-radius: 12px;
border-radius: 12px;
}
u{
text-decoration:none;
background: #000000; 
padding: 2px;
border-radius: 5px;
color: white;
}
u:hover {
text-decoration:none;
background: transparent;
border-bottom: 2px dotted  #FF67BC; 
-webkit-transition:1s;
color: black;
}
b {
color: #000000;
}
strike {
color: #000000;
}
i {
color: #000000;
}
img{
border-radius: 15px;
opacity: 1.0;
}
img:hover{
border-radius: 50px;
opacity: 0.5; 
-webkit-transition:1s;
}
::-moz-selection {
background: #FF67BC;
color: white;
}
::selection {
background: #FF67BC;
color: white;
}
 /* to top */#toTop { width:100px;background:none;border:0px solid #ccc;text-align:center;padding:5px;position:fixed;bottom:10px;right:10px;cursor:pointer;color:#666;text-decoration:none; }

blockquote{
background:url(http://2.bp.blogspot.com/-cY8AACtSKQo/TzuPm8jMvoI/AAAAAAAACpk/-ga-xKsmWLs/s1600/pink.png);
padding:10px;
display:block;
border:3px solid #ffd5d5;
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 #ffd5d5;
-moz-box-shadow: 0px 0px 8px #ffd5d5;
box-shadow: 0px 0px 8px #ffd5d5;
}
</style>
<body oncontextmenu='return false;'><br>


<table style="line-height: 17px;" width="600"  border="0" align="center" cellspacing="5">
<tbody><tr>


<td valign="top" style="width:600px; padding:10px; border-radius:10px; background:#ffffff; font-size:11px;">
<div id="main">
<blogger><div class="main-title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="sec-title"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> Words</a></BlogItemCommentsEnabled></div>
<$blogitembody$></blogger><br>
<center><OlderPosts><a href=<$OlderPosts$>>-Past-</a> </OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>-New-</a></NewerPosts></center></div>
</div>
</td>

<!-------http://wanaseoby.blogspot.com/ own. Do not remove this credit.---->
<style>
#dhtmltooltip{
position: absolute;
width: 60px;
text-align:center;
border: 2px solid #F9CDAD;
padding: 2px;
visibility: hidden;
z-index: 100;
font-family: 'lucida sans unicode';
text-transform: uppercase;
color:#F9CDAD;
font-size:10px;
background:#fff;
-moz-box-shadow: 0px 0px 8px #ccc;
-webkit-box-shadow: 0px 0px 8px #ccc;
box-shadow: 0px 0px 8px #ccc;
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
#pos{
position:fixed;
top:200px;
left:10px;
}
a.nav{
color:#83AF9B;
margin-bottom:24px;
display:inline-block;
width:50px;
height:50px;
background:#fff;
border:2px solid #F9CDAD;
border-radius:1111px;
-moz-box-shadow: 0px 0px 6px #ccc;
-webkit-box-shadow: 0px 0px 6px #ccc;
box-shadow: 0px 0px 6px #ccc;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
a.nav:hover{
border:2px solid #C8C8A9;
}

a.nav2{
color:#83AF9B;
margin-bottom:24px;
display:inline-block;
width:50px;
height:50px;
background:#fff;
border:2px solid #FC9D9A;
border-radius:1111px;
-moz-box-shadow: 0px 0px 6px #ccc;
-webkit-box-shadow: 0px 0px 6px #ccc;
box-shadow: 0px 0px 6px #ccc;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
a.nav2:hover{
border:2px solid #FE4365;
}

</style>
<div id="dhtmltooltip"></div>
<script type="text/javascript">
/***********************************************
* Cool DHTML tooltip script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
var offsetxpoint=-60 //Customize x offset of tooltip
var offsetypoint=20 //Customize y offset of tooltip
var ie=document.all
var ns6=document.getElementById && !document.all
var enabletip=false
if (ie||ns6)
var tipobj=document.all? document.all["dhtmltooltip"] : document.getElementById? document.getElementById("dhtmltooltip") : ""
function ietruebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function ddrivetip(thetext, thecolor, thewidth){
if (ns6||ie){
if (typeof thewidth!="undefined") tipobj.style.width=thewidth+"px"
if (typeof thecolor!="undefined" && thecolor!="") tipobj.style.backgroundColor=thecolor
tipobj.innerHTML=thetext
enabletip=true
return false
}
}
function positiontip(e){
if (enabletip){
var curX=(ns6)?e.pageX : event.clientX+ietruebody().scrollLeft;
var curY=(ns6)?e.pageY : event.clientY+ietruebody().scrollTop;
//Find out how close the mouse is to the corner of the window
var rightedge=ie&&!window.opera? ietruebody().clientWidth-event.clientX-offsetxpoint : window.innerWidth-e.clientX-offsetxpoint-20
var bottomedge=ie&&!window.opera? ietruebody().clientHeight-event.clientY-offsetypoint : window.innerHeight-e.clientY-offsetypoint-20
var leftedge=(offsetxpoint<0)? offsetxpoint*(-1) : -1000
//if the horizontal distance isn't enough to accomodate the width of the context menu
if (rightedge<tipobj.offsetWidth)
//move the horizontal position of the menu to the left by it's width
tipobj.style.left=ie? ietruebody().scrollLeft+event.clientX-tipobj.offsetWidth+"px" : window.pageXOffset+e.clientX-tipobj.offsetWidth+"px"
else if (curX<leftedge)
tipobj.style.left="5px"
else
//position the horizontal position of the menu where the mouse is positioned
tipobj.style.left=curX+offsetxpoint+"px"
//same concept with the vertical position
if (bottomedge<tipobj.offsetHeight)
tipobj.style.top=ie? ietruebody().scrollTop+event.clientY-tipobj.offsetHeight-offsetypoint+"px" : window.pageYOffset+e.clientY-tipobj.offsetHeight-offsetypoint+"px"
else
tipobj.style.top=curY+offsetypoint+"px"
tipobj.style.visibility="visible"
}
}
function hideddrivetip(){
if (ns6||ie){
enabletip=false
tipobj.style.visibility="hidden"
tipobj.style.left="-1000px"
tipobj.style.backgroundColor=''
tipobj.style.width=''
}
}
document.onmousemove=positiontip
</script>

<link rel="stylesheet" type="text/css" href="stickytooltip.css" />
<div id="pos">
<a class="nav" onClick="document.getElementById('main').innerHTML=document.getElementById('Owner').innerHTML" title="About">About</a><br/>
<a class="nav2" onClick="document.getElementById('main').innerHTML=document.getElementById('Goodies').innerHTML" title="Goodies">Goodies</a><br/>
<a class="nav" onClick="document.getElementById('main').innerHTML=document.getElementById('Affiliates').innerHTML" title="Affiliates">Friends</a><br/>
<a class="nav2" onClick="document.getElementById('main').innerHTML=document.getElementById('Entries').innerHTML" title="Entries">Entries</a><br/>
</div>

<div id="Owner" style="display:none;">
<div class="main-title">Le Owner</div><br>
<center><img src="http://data.whicdn.com/images/30075224/tumblr_m58rzo1XK51qiarxko1_500_large.jpg" style="border:none;"/></center><br>
Name : <b>?</b><br>
Age : <b>?</b><br>
Live in : <b>?</b><br>
Born on : <b>?</b><br>
<br>
Likes : <br>
<b>></b> Playing<br>
<b>></b> Facebooking<br>
<b>></b> Blogging<br>
<b>></b> Blogwalking<br>
<b>></b>Kpop<br>
<br>
<br>
Dislikes :<br>
<b>></b> Haters<br>
<b>></b> CopyPIGS<br>
<b>></b> Slow Internet Connection likes <u>Snail</u>
<br>
<br>
</div>



<div id="Goodies" style="display:none;">
<div class="main-title">Goodies</div><br>
<center><img src="http://data.whicdn.com/images/30010365/tumblr_m53qwq84wl1qedc45o1_r2_500_large.png" style="border:none;"/></center><br>
<br><br>
<u>Tutorial For Blogskin</u><br>
<br><img src="http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic011demoji_15889022decoojp.gif"> <a href="http://thefirsttimelovers.blogspot.com/2012/05/tutorial-letak-perkataan.html"> <b>Tutorial : </b> Letak Perkataan Assalamualaikum atau Annyeong Haseyo di Setiap Entry</a>
<br><img src="http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic011demoji_15889022decoojp.gif"> <a href="http://minnesweetbittermemories.blogspot.com/2012/04/tutorial-image-hover.html"> <b>Tutorial : </b> Image hover</a>
<br><img src="http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic011demoji_15889022decoojp.gif"> <a href="http://minnesweetbittermemories.blogspot.com/2012/04/tutorials-youtube-player-mp3.html"> <b>Tutorial : </b> Youtube Player MP3</a>
<br><img src="http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic011demoji_15889022decoojp.gif"> <a href="http://minnesweetbittermemories.blogspot.com/2012/05/tutorial-billy-player.html"> <b>Tutorial : </b> Billy Player</a>
<br><img src="http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic011demoji_15889022decoojp.gif"> <a href="http://minnesweetbittermemories.blogspot.com/2012/05/tutorial-blockquote-ver-1.html"> <b>Tutorial : </b> Blockquote ver 1</a>
<br><img src="http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic011demoji_15889022decoojp.gif"> <a href="http://minnesweetbittermemories.blogspot.com/2012/05/tutorial-how-to-download-blogskin.html"> <b>Tutorial : </b> How To Download Blogskin</a>
<br><img src="http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic011demoji_15889022decoojp.gif"> <a href="http://thefirsttimelovers.blogspot.com/2012/05/tutorial-hide-shoutbox-blogskin.html"> <b>Tutorial : </b> Hide Shoutbox ( Blogskin )</a>
<br><img src="http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic011demoji_15889022decoojp.gif"> <a href="http://minnesweetbittermemories.blogspot.com/2012/05/tutorial-letak-comment-box.html"> <b>Tutorial : </b> Letak Comment Box</a>
<br><img src="http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic011demoji_15889022decoojp.gif"> <a href="http://minnesweetbittermemories.blogspot.com/2012/05/tutorial-take-url-from-youtube.html"> <b>Tutorial : </b> Take URL From Youtube</a>
<br><img src="http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic011demoji_15889022decoojp.gif"> <a href="http://minnesweetbittermemories.blogspot.com/2012/05/tutorial-audioplay-music-player.html"> <b>Tutorial : </b> Audioplay Music Player</a>
<br><br><br></div>


<div id="Affiliates" style="display:none;">
<div class="main-title">Affiliates</div><br>
<center><img src="http://data.whicdn.com/images/30002661/tumblr_m56mi5ITPX1qkknrgo1_500_large.png" style="border:none;"/></center><br>
<a href="http://mrsyaya2.blogspot.com"/>Mrs Yaya</a> | <a href="www.blogger.com"/>Friends</a> | <a href="www.blogger.com"/>Friends</a> | <a href="www.blogger.com"/>Friends</a> | <a href="www.blogger.com"/>Friends</a> | <a href="www.blogger.com"/>Friends</a> | <a href="www.blogger.com"/>Friends</a> | <a href="www.blogger.com"/>Friends</a> | <a href="www.blogger.com"/>Friends</a> | <a href="www.blogger.com"/>Friends</a> | <a href="www.blogger.com"/>Friends</a> | <a href="www.blogger.com"/>Friends</a> | <a href="www.blogger.com"/>Friends</a> | <a href="www.blogger.com"/>Friends</a> | <a href="www.blogger.com"/>Friends</a> | <a href="www.blogger.com"/>Friends</a>| Who's the next?
<BR><BR>


<div class="main-title">Credits Section</div>
<br><center><img src="http://data.whicdn.com/images/30022105/tumblr_ltkw8dmIu61r0yfa8o1_500_large.png"><br></center>
<center>Skin made by : <a href="http://www.blogskins.com/me/elfloversteukkie"/>Mrs</a> <a href="http://elfloversteukkie.blogspot.com/"/>Hunhan</a><br>
Big Help  : <a href="http://aina-hanani.blogspot.com"/>Aina Hanani</a><br>
Images by : <a href="http://weheartit.com"/>We ♥ it</a><br>
100% skin be mine! : <a href="YOUR URL BLOG"/>Me</a><br>
Best View by : <b>GOOGLE CHROME</b><br>
<br>
</div>

<div id="Entries" style="display:none;">
<blogger><div class="main-title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="sec-title"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> Words</a></BlogItemCommentsEnabled></div>
<$blogitembody$></blogger><br>
<center><OlderPosts><a href=<$OlderPosts$>>-Past-</a> </OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>-New-</a></NewerPosts></center></div>



</html>

PASTFUTURE


Post a Comment