free blog skin : i like you








<html>
<head>
<script language="javascript" type="text/javascript">
/* toggle() checks to see if the images has already been faded
or not and sends the appropriate variables to opacity(); */
function toggle(el,milli) {
// Get the opacity style parameter from the image
var currOpacity = document.getElementById(el).style.opacity;
if(currOpacity != 0) { // if not faded
fade(el, milli, 100, 0);
} else { // else the images is already faded
fade(el, milli, 0, 100);
}
}
/* changeOpacity() uses three different opacity settings to
achieve a cross-browser opacity changing function. This
function can also be used to directly change the opacity
of an element. */
function changeOpacity(el,opacity) {
var image = document.getElementById(el);
// For Mozilla
image.style.MozOpacity = (opacity / 100);
// For IE
image.style.filter = "alpha(opacity=" + opacity + ")";
// For others
image.style.opacity = (opacity / 100);
}
/* fade() will fade the image in or out based on the starting
and ending opacity settings. The speed of the fade is
determined by the variable milli (total time of the fade
in milliseconds)*/
function fade(el,milli,start,end) {
var fadeTime = Math.round(milli/100);
var i = 0; // Fade Timer
// Fade in
if(start < end) {
for(j = start; j <= end; j++) {
// define the expression to be called in setTimeout()
var expr = "changeOpacity('" + el + "'," + j + ")";
var timeout = i * fadeTime;
// setTimeout will call 'expr' after 'timeout' milliseconds
setTimeout(expr,timeout);
i++;
}
}
// Fade out
else if(start > end) {
for(j = start; j >= end; j--) {
var expr = "changeOpacity('" + el + "'," + j + ")";
var timeout = i * fadeTime;
setTimeout(expr,timeout);
i++;
}
}
}
</script>
<div class="hallo" onClick="javascript:toggle('wise', 3000); this.style.display='none'; document.getElementById('june').style.display=''">
<img src="http://3.bp.blogspot.com/-vM45CuU5f_A/TqYvEggUzoI/AAAAAAAABWc/_E77f-WFg7E/s1600/Untitled-1.png"
style="opacity:0.4;filter:alpha(opacity=40)"
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.7;this.filters.alpha.opacity=40"/>
</div>

<div id="wise" style="filter : alpha(opacity=0); -moz-opacity : 0; opacity : 0;">
<div id="june" style="display : none;">
<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://2.bp.blogspot.com/-cZLfjv4qu3I/TqYtlHUaIAI/AAAAAAAABWU/mwuCTssL3Ls/s1600/Untitled-1.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 Back to 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>
<center><img src="http://2.bp.blogspot.com/-6CeD_r_-vfA/TqYancgaE7I/AAAAAAAABVs/FnLIytzxqQE/s1600/Untitled-1.png" /></center>
<title>I Like You The Best</title>
<style type="text/css">
#navbar-iframe {display: none;}
body {
background:url(http://i1097.photobucket.com/albums/g350/Mushi98/bgkayu.png);
font-family: century gothic, tahoma, sans-serif;
background-attachment:fixed;
cursor: url(http://4.bp.blogspot.com/-qh1ppl0LYJw/TqYORgBrJdI/AAAAAAAABVM/ubheYeIWeQ8/s1600/04.png), auto;
}
::-moz-selection {

background:#FFFFFF;

color:#C0C0C0;

}



::selection {

background:#FFFFFF;

color:#C0C0C0;

}

a:link, a:visited {
color:#FAAFBE;
text-decoration:none;
}
a:hover {
Cursor: crosshair;
color: #736F6E;
border-bottom:1px dashed #FAAFBE;
}
.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 {
color:#FAAFBE;
font-size:14px;
padding:3px;
border-bottom:1px dashed #736F6E;
}
.sec-title {
color: #736F6E;
font-style:italic;
font-size:10px;
margin-bottom:2em;
}
::-webkit-scrollbar {
height:3px;
width: 10px;
background: #FFFFFF}

::-webkit-scrollbar-thumb {
background-color: #FAAFBE;
-moz-border-radius: 10px;
border-radius: 10px;
}
blockquote {
color:#000000;
background:#FFFFFF;
border:1px dashed #FAAFBE;
padding:2px;
border-radius:10px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}
blockquote:hover {
Cursor: crosshair;
color:#000000;
border:1px dotted #FAAFBE;
padding:2px;
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
}
u {
text-decoration:none;
border-bottom:1px dashed #FAAFBE;
}
b {
color: #FAAFBE;
}
a.cute {
background: #FFFFFF;
padding: 2px;
letter-spacing: 2px;
display: inline-block;
width: 190px;
color: #736F6E;
border: 1px #FAAFBE dotted;
}
a.cute:hover {
border: 1px #FFFFFF dotted;
background : #FAAFBE;
color: #FFFFFF;
}
.hallo {
text-align:center;
margin-top: 250px;
}
</style>
<body oncontextmenu='return false;'><br>

<div style="position:absolute; overflow-x:hidden; overflow-y:hidden; padding:2px; left:0px; top:0px; width:99.7%; background: #ffffff; background-image:url(URL GAMBAR); opacity:0.7; color:#1c1c1c; font-size:11px; text-align:center;"> You've stumbled in my blog,so what to do ? | <a href="http://www.blogger.com/home">Dashboard</a> | <a href="http://www.blogger.com/follow-blog.g?blogID=tukardenganblogidsendiri">+Follow</a></div>
<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">About</div>
<br><center><img onmousedown="event.preventDefault ? event.preventDefault() : event.returnValue = false" border="0" src="http://2.bp.blogspot.com/-qBS0LiN3yNo/TqYmkg4BORI/AAAAAAAABWE/3_XsX0VftJw/s1600/tumblr_lnqfpolgAe1qbg5hlo1_400_large.png " /></center>
<center><a href="https://www.facebook.com/">Facebook</a> | <a href="http://blogger.com/">Twitter</a><br>
Change facebook and twitter's link to your OWN link :D<br>
Hi,i'm Alia,i'm the creators of this skin,do not remove the CREDITS ;D <-- change this to ur own words</div>
<br>
<div class="bar">
<div class="main-title">Scream here</div>
<br><center><img onmousedown="event.preventDefault ? event.preventDefault() : event.returnValue = false" border="0" src="http://2.bp.blogspot.com/-QrJCuOCPXx0/TqYmjgNWJCI/AAAAAAAABV8/YZJF5E_omH4/s1600/tumblr_lmasmvdrF01qa0xtco1_r2_400_large.png" /></center>
<center>Put your shoutbox codes here ; width 200</div></center>
<br>
<div class="bar">
<div class="main-title">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('you').innerHTML" title="Posts">Entries</a>
</div>
<div id="me" style="display:none;">
<div class="main-title">The Webmaster</div><br>
<center><img onmousedown="event.preventDefault ? event.preventDefault() : event.returnValue = false" border="0" src="http://2.bp.blogspot.com/-W2GyLP3cni4/TqY1v5T8ufI/AAAAAAAABWs/6Ce-EFn9eo4/s1600/tumblr_ltkcddYxr01r0ypfoo1_500_large.jpg" /></center><br>

Write something about you here,sweetie :D
</div>
<div id="love" style="display:none;">
<div class="main-title">Affies&Linkies</div><br>
<center><img onmousedown="event.preventDefault ? event.preventDefault() : event.returnValue = false" border="0" src="http://3.bp.blogspot.com/-ZqSK_AiWd6w/TqY1tW4es1I/AAAAAAAABWk/tG2qqneIBOY/s1600/tumblr_lnbnn7wt6Y1qgxnu2o1_500_large.jpg" /></center><br>
<a href="http://aliasimpson.blogspot.com/"/>Alia L.Joe's</a> | <a href="blogger.com"/>Friends</a> | <a href="blogger.com"/>Friends</a> | <a href="blogger.com"/>Friends</a> | <a href="blogger.com"/>Friends</a> | <a href="blogger.com"/>Friends</a>
</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>
<br>

<!---- © DO NOT REMOVE THIS © -----!>

<div class="bar">
<div class="main-title">Credits</div>
<br><center><img onmousedown="event.preventDefault ? event.preventDefault() : event.returnValue = false" border="0" src="http://3.bp.blogspot.com/-692RxJn_FAI/TqYml3fzQ2I/AAAAAAAABWM/LjABoII66V8/s1600/tumblr_lrcbk3Okgg1r1f4epo1_400_large.png " /></center>
Template by : <a href="http://aliasimpson.blogspot.com/">Alia L.Joe's</a><br>
Tutorial : <a href="http://storysayeawakmereka.blogspot.com/">Jaja</a><br>
Background : <a href="http://www.google.com.my/">Encik Google</a>
</div>
<br>
<!---- © DO NOT REMOVE THIS © -----!>



</td>
<link href='http://i257.photobucket.com/albums/hh205/xoxojays/smilies/fairy/pic006demoji_383502decoojp.gif' rel='shortcut icon' type='image/x-icon'/>
<link href='http://i257.photobucket.com/albums/hh205/xoxojays/smilies/fairy/pic006demoji_383502decoojp.gif' rel='icon' type='image/x-icon'/>
</table></body></head></html>

1 comment:

Nurul zakiah said...

k knpe ble dh copy n then paste die keluar nie "Ralat menghuraikan XML, baris 36, lajur 11: The content of elements must consist of well-formed character data or markup."
soo x bleh lh nk simpan templat