studentkecik: First Skin Anis

Assalammualaikum .

First, ini

<html>
<head>
<link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>
<SCRIPT TYPE="text/javascript">

</SCRIPT>
<script type="text/javascript">
document.ondragstart = function () { return false; }; </script>
<center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyhRvGUfFoTI1-4v7o8VKLK-XkItCdZnAynlTBABGLFZ93KblwoqjMSMzBWUtzcxZDBLmVX2Y9l9VDwWd6zd3gwWPmnhJ68S8NmH7qW4wrVSFkQA2swqEACKD7ANh8UueDd_BNHBVMfE0/s1600/hii.png" /></center>
<title>Little Girl</title>
<!--------------------------------------
Blogger Classic Template
Name: Little Girl
Designer: Anis [Dudu Comel]
URL: http://aduduvsalienpink.blogspot.com
*Jangan remove credit atau saya akan suruh probe cari awak
*Jangan buang ni
--------------------------------------!>
<style type="text/css">
#navbar-iframe {
display: none;
}
body {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcnFN8UMr6xoVamo7M0vxyBE_5hvxmB6wiLFy8IMuI6KPCAAukj9egh4TqxKx0B2-xRat_4WnSbwBk99d0afPynggDyyuQM8EHX0vhOMIsJDpt1HfqzxG5l7e3-K8keIrbkeSHYiHTL_9L/s1600/pinkstripes.png);
background-attachment: fixed;
cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgueh7sSQVBebR0X7v7LAnEyAwSe5B3ixQJqSLPY0e-TKgHWjqmY_MwbhYY2m7576g9pHXX3SLZORfPk2MiwGSqUL6HwNUR9UyiulwePaQ7Kp3-Kg8XSdGvMLG_FGXoxRPj8XcKOn86V0E/s1600/cursor3.png), auto;
font-family: Short Stack;
font-size: 19px;
text-align: left;
}
a:link, a:visited {
color: #999999;
text-decoration: none;
-webkit-transition:0.5s;
}
a:hover{
cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;
text-decoration: none;
color: pink;
-webkit-transition:0.5s;
}
blockquote {
-webkit-transition: .9s;
color: #999999;
border: 1px dotted #ffc0cb;
border-radius: 1px;
background-position:bottom right;
background-repeat:no-repeat;
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN8uFusZ8JAO-OcB8R5zzXKbyllm9cs4W2DLJgoJbzvhrYxHIpKH9NbzWoe0BhmtZYhVg27c9TaxDCCGe3BaAZzTa0x82QpIlEaqrBxeSppEwHqXEjyDEagEBqdvJfN4E5uJU26U6QKw/s1600/blockquotezera2.png);
padding: 4px;
}
blockquote:hover {
cursor: crosshair;
-webkit-transition: .9s;
color: #000000;
border: 1px dotted #999999;
border-radius: 1px;
background-position:bottom right;
background-repeat:no-repeat;
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN8uFusZ8JAO-OcB8R5zzXKbyllm9cs4W2DLJgoJbzvhrYxHIpKH9NbzWoe0BhmtZYhVg27c9TaxDCCGe3BaAZzTa0x82QpIlEaqrBxeSppEwHqXEjyDEagEBqdvJfN4E5uJU26U6QKw/s1600/blockquotezera2.png);
padding: 4px;
-moz-border-radius: 10px;
border-radius: 10px;
}
u {
text-decoration:none;
border-bottom: 2px solid grey;
}
u:hover {
text-decoration:none;
border-bottom: 2px solid pink;
}
b {
text-decoration:none;
color: #afeeee;
}
strike {
text-decoration:none;
color: #CODE COLOR;
}
::-webkit-scrollbar {
width: 7px;
height: 7px;
}
::-moz-selection {
background:#ffc0cb;
color:white;
}
::selection {
background:#ffc0cb;
color:white;
}
::-webkit-scrollbar-track-piece {
background-color: #8ABEEE;
border: 3px solid #fff;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #ffa4bc;
border: 1px solid #fff;
}
content {
background:#ffffff;
color:#666666;
font-size: 11px;
padding:14px;
width:600px;
border-radius:10px;
text-align:justify;
}
.bar {
background: #ffffff;
color: #666666;
font-size: 11px;
padding: 8px;
width: 230px;
border-radius: 10px;
text-align: justify;
}
.main-title {
text-align: center;
background: url( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcnFN8UMr6xoVamo7M0vxyBE_5hvxmB6wiLFy8IMuI6KPCAAukj9egh4TqxKx0B2-xRat_4WnSbwBk99d0afPynggDyyuQM8EHX0vhOMIsJDpt1HfqzxG5l7e3-K8keIrbkeSHYiHTL_9L/s1600/pinkstripes.png);
border-left: 7px solid #999999;
border-right: 7px solid #999999;
margin:1em;
padding:5px;
font: normal normal 15px Beautiful Every Time;
color: #000000;
.sec-title {
color: #696969;
font-style:italic;
font-size:10px;
margin-bottom:2em;
-webkit-border-radius: 20px 20px 0 0 ;
-border-radius: 20px 20px 0 0 ;
}
a.cute {
background: #FFE2EA;
padding: 2px;
letter-spacing: 2px;
display: inline-block;
width: 190px;
color: pink;
border: 1px #999999 solid;
}
a.cute:hover {
border: 1px pink solid;
background : #999999;
color: pink;
}
</style>
<body oncontextmenu='return false;'><br>
<table style="line-height: 17px;" width="900" 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="content">
<blogger><div class="main-title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="sec-title"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comments</a></BlogItemCommentsEnabled></div>
<$blogitembody$></blogger><br>
<center><OlderPosts><a href=<$OlderPosts$>>Older Post</a> </OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>Newer Post</a></NewerPosts></center></div>
</div>
</td>
<td valign="top" width="230px">
<div class="bar">
<div class="main-title">Disclaimer</div>
<center><img border="0" src="http://data.whicdn.com/images/28497740/389210_354356091286155_186627748058991_921396_694168245_n_thumb.jpg" width="180">
<center>Assalammualaikum.Meet the owner of the blog, Anis Farina or also known as Dudu Comel.</center>
<center>! Please leave your footprint in my tagboard okey !</center></div>
<br>
<div class="bar">
<div class="main-title">My Tagboard</div>
<center><img border="0" src="http://data.whicdn.com/images/28497649/tumblr_m3y3zpctRv1qex5pfo1_500_thumb.jpg" width="180">
<center>Put your cbox code maximum widht 240</center></div>
<br>
<div class="bar">
<div class="main-title">Credit Time</div>
<center><img src="http://data.whicdn.com/images/28182539/tumblr_m3oofvuMRG1rqfn0so1_500_thumb.jpg" width="180">
<center>Template by: <a href="http://aduduvsalienpink.blogspot.com">Anis♥</a><a href="http://www.facebook.com/budakcakapbanyak">Dudu Comel</a><br></center>
<center>Basecode: <a href="http://hajaaminho.blogspot.com/">+</a><a href="http://aqupunyekesahbukankau.blogspot.com/">+</a><a href="http://cokelatitumanis.blogspot.com/">+</a><a href="http://weheartit.com">+</a><a href="http://budarxcemetot.blogspot.com/">+</a></center>
<center>Best view in <a href="https://www.google.com.my/">Google Chrome</a><br></div></center>
<br>
<div class="bar">
<div class="main-title">The Navigation</div><br>
<center><a class="cute" onClick="document.getElementById('content').innerHTML=document.getElementById('me').innerHTML" title="About">About</a>
<a class="cute" onClick="document.getElementById('content').innerHTML=document.getElementById('love').innerHTML" title="Linkies">Links</a>
<a class="cute" onClick="document.getElementById('content').innerHTML=document.getElementById('always').innerHTML" title="Tuto&Free">Stuff</a>
<a class="cute" onClick="document.getElementById('content').innerHTML=document.getElementById('you').innerHTML" title="Post">Entries</a>
</div>
<br>
<div id="me" style="display:none;">
<div class="main-title">The Cinderella In Dream</div><br>
<center><img src="http://data.whicdn.com/images/28497940/tumblr_m3schnndCJ1qg2uzqo1_400_thumb.jpg" width="380">
<center> H E L L O E V E R Y O N E ! M E E T M E T H E B O S S ! </center>
<center>Name : Anis Farina Bt Mohamad Nor . </center>
<center>Age : 14 y/o . </center>
<center>Likes : People that I love , cat & bla3x </center>
<center>Hate : Annons, Bimbo, Copycat, Invertebrates[animal without backbone] </center>
<center>Meet me at <a href="http://www.facebook.com/budakcakapbanyak">Facebook</a> <a href="https://twitter.com/#!/farinanis">Twitter</a> <a href="http://aduduvsalienpink.blogspot.com/">Blog</a>
</div>
<div id="love" style="display:none;">
<div class="main-title">Affies&Linkies</div><br>
<center><img src="http://data.whicdn.com/images/28497841/7186157134_9d93e736d5_z_thumb.jpg" width="380">
<center><a href="http://aduduvsalienpink.blogspot.com/">FRIEND</a><br></center>
<center><a href="http://aduduvsalienpink.blogspot.com/">FRIEND</a><br></center>
<center><a href="http://aduduvsalienpink.blogspot.com/">FRIEND</a><br></center>
<center><a href="http://aduduvsalienpink.blogspot.com/">FRIEND</a><br></center>
<center><a href="http://aduduvsalienpink.blogspot.com/">FRIEND</a><br></center>
<center><a href="http://aduduvsalienpink.blogspot.com/">FRIEND</a><br></center>
</div>
<div id="always" style="display:none;">
<div class="main-title">Tutorials & Freebies</div><br>
<center><img src="http://data.whicdn.com/images/27518161/glasses_thumb.jpg" width="380">
<center> This is my tutorials. If you want to copy, Ctrl+c because my blog is disable right click yea.
<center><a href="http://aduduvsalienpink.blogspot.com/">Tutorial</a><br></center>
<center><a href="http://aduduvsalienpink.blogspot.com/">Tutorial</a><br></center>
<center><a href="http://aduduvsalienpink.blogspot.com/">Tutorial</a><br></center>
<center><a href="http://aduduvsalienpink.blogspot.com/">Freebies</a><br></center>
<center><a href="http://aduduvsalienpink.blogspot.com/">Freebies</a><br></center>
<center><a href="http://aduduvsalienpink.blogspot.com/">Freebies</a><br></center>
<center><a href="http://aduduvsalienpink.blogspot.com/">Freebies</a><br></center>
</div>
<div id="you" 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$> comments</a></BlogItemCommentsEnabled></div>
<$blogitembody$></blogger><br>
<center><OlderPosts><a href=<$OlderPosts$>>Older Post</a> </OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>Newer Post</a></NewerPosts></center></div>
</td>
<div style="position: fixed; top: 5px; right: 90px;"><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="http://assets.tumblr.com/images/iframe_follow_alpha.png?6" border="0" /></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>
</table></body></head></html>
<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/AVvXsEg-VbgBPeU7PFCpV5UXKJgdWVoKuniwAZSkaOdteCPZ0rZM4dQI_Hi8HU0Nqd6YFn8v65yjtaoUkxW1yUqgbHfrbLMEAZtYFTnvmyLUxNFhkNTRgjiBK-bNMMtd-v_Qnz5u-IWtNwJlrM0/s1600/top+button1.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:'Scroll Up To Sky'})
.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>