"Untitled Post" - Views: 1,485 · Hits: 1,485 - Type: Unlisted

<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://4.bp.blogspot.com/-jMIevCJlC-c/UO6xckCp5ZI/AAAAAAAAAGo/dYSo04TbuoE/s320/diyaSESAME4.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;">

<html><head><title>Colourful Expressions.</title>
</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>
<link href='nolinks' rel='shortcut icon'/>
<style type="text/css">
#navbar-iframe {display: none;}
::-moz-selection {
background:#000000;
color:#FFFFFF;
}
::selection {
background:#000000;
color:#FFFFFF;
}
body {
cursor: url(http://4.bp.blogspot.com/--ynj7gXbcC4/UO6xj1R-T5I/AAAAAAAAAGw/UygHuxaXM8I/s1600/diyaSESAME5.png), progress;
background: url(http://3.bp.blogspot.com/-XYAD64qBUkw/UO6iQ24FfiI/AAAAAAAAAGQ/OL5ccALOjdk/s1600/diyaSESAME3.jpg);background-attachment:fixed;font-family: comic sans ms;
font-size: 10px!important; 
color: #777;}
a:link, a:visited {color:#777;text-decoration:none;}
a:hover {color: #4CEA62;}
.main {background:#ffffff;color:#777777;padding:10px;width:570px;font-family: comic sans ms;font-size: 11px;text-align:justify; margin-bottom: 10px;}
.sidebar {background: #ffffff;color: #777777;padding: 8px;width: 200px;font-family: comic sans ms;font-size: 11px;text-align:justify;}
.h1 {font-family: Pristina;font-size:24px;padding:3px;text-transform: lowercase;}
.h2 {text-transform: uppercase;letter-spacing: 1px;font-family: comic sans ms;font-size:9px;margin-bottom:1em;}
blockquote{border-top: 1px dotted #ddd;border-bottom: 1px dotted #ddd;padding: 5px;}
a.nav{width:75px; text-align:center; padding:8px; font-size:7pt; display:inline-block; color:#fff; -webkit-transition-duration: .50s; text-transform:uppercase; letter-spacing:1px;}
.hallo {
text-align:center;
margin-top: 250px;
}

</style>
<body>

<center><br><br><br><br><br><br><img src="http://3.bp.blogspot.com/-RMcGsQ2fVdA/UO6f9ljLLTI/AAAAAAAAAGA/lkda1JhqWF4/s320/diyaSESAME.png" style="margin-top:-50px;width: 530px;"/></center>
<table border="0" style="margin-top:-1px;"align="center" cellpadding="0" cellspacing="0"><tr>
<td valign="top" width="819px" style="font-size:8pt; background:#534741;">
<a href="/" class="nav" style="background-color:#EF006A;">Refresh</a><a onClick="document.getElementById('blog').innerHTML=document.getElementById('me').innerHTML" class="nav" style="background-color:#ED77AB;">Author</a><a onClick="document.getElementById('blog').innerHTML=document.getElementById('entries').innerHTML" class="nav" style="background-color:#FFB638;">Entries</a><a href="http://www.facebook.com/" class="nav" style="background-color:#E5A22F;" target="_blank">Facebook</a><a href="http://twitter.com/" class="nav" style="background-color:#A3C945;" target="_blank">twitter</a><a href="http://tumblr.com" class="nav" style="background-color:#90E2DC;" target="_blank">tumblr</a><a href="http://flavors.me/" class="nav" style="background-color:#4F8B97;" target="_blank">Flavors</a><a href="http://www.blogskins.com" class="nav" style="background-color:#D99D90;" target="_blank">blogskins</a><a href="http://www.blogger.com/follow-blog.g?blogID=1782692495089344543" class="nav" style="background-color:#8D3792;"  target="_blank">follow</a></center>
</table></td></tr>
<table style="line-height: 17px;" width="750"  border="0" align="center" cellspacing="5">
<tbody><tr>
<td valign="top" width="200px">
<div class="sidebar">
<center><img src="http://3.bp.blogspot.com/--nhiAs_BTmA/UO6iSndItYI/AAAAAAAAAGY/TotUH-rkLYc/s1600/diyaSESAME2.jpg" style="width: 195px; padding: 3px; border: 1px dashed #ddd;"/>
<div class="h1" style="color: #f7941d; letter-spacing: 1px;">disclaimer.</div></center>
<center>Colourful Ecpressions could give 1000 of love.-diya-</center></font></div>
<br>
<div class="sidebar">
<center><img src="http://i1098.photobucket.com/albums/g372/azzah1/th_anigifitik.gif"/>
<div class="h1" style="color: #ec008c; letter-spacing: 1px;">tagboard.</div>
Message here.Put your colourful words here<br><br>
Put Your Chat box. Width : 180px, for a handsome look. :)
</div>
<br>


<div class="sidebar">
<center><div class="h1" style="color: #39b54a; letter-spacing: 1px;">credits.</div></center><center><br>
template  design by <a href="http://sapi-stress.blogspot.com/">sapi</a>-<a href="http://www.blogskins.com/me/rahmadha_madha">stress</a>. with help from <a href="http://kyorine.blogspot.com/">lettha</a></br>.<br> tutorials 100% from <a href="http://diyasesame.blogspot.com/tagged/words">Diya Sesame./<br></a><br>I'm sorry coz all of the freebies i took could'nt be written here.It might be too long and crowded of words.But trust,all the doodle and others are 'halal' :)</br></center>
<br>

</td>

<td valign="top" width:550px;">

<div id="blog"><blogger><div class="main">
<div class="h1" style="color: #bd8cbf; font-style: Underline;"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="h2">Keyboard penat menaip pada <BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader>  ,  
<$BlogItemDateTime$></div>
<$blogitembody$><br> <div style="float:right; align:right; letter-spacing: 1px; text-transform: uppercase; font-size: 10px; font-family: comic sans ms;"><img src="http://1.bp.blogspot.com/-lhUroLUUpIY/T6TyKhC3E5I/AAAAAAAABhA/vnJRa6oKsJs/s1600/1335651593_comment.gif"/>  <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick

$><$BlogItemCommentCount$> comments</a></BlogItemCommentsEnabled></div><br></div><br></blogger></div><br>
<center><OlderPosts><a style="font-size:10px!important; float: right;" href=<$OlderPosts$>>OLDER POST ?</a> </OlderPosts> <NewerPosts><a style="font-size:10px!important; float: left;" href=<$NewerPosts$>>? NEWER POST</a></NewerPosts></center>
</td>
<div id="me" style="display:none;">
<div class="main"><div class="h1" style="color: #bd8cbf; font-style: italic;">about me.</div>
<div class="h2">The Awesome Blogger in the House!</div>
<center>Your biodata goes here :)</div>
<div id="entries" style="display:none;">
<blogger><div class="main">
<div class="h1" style="color: #bd8cbf; font-style: italic;"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="h2">posted at <BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader>  ,  
<$BlogItemDateTime$></div>
<$blogitembody$><br> <div style="float:right; align:right; letter-spacing: 1px; text-transform: uppercase; font-size: 10px; font-family: comic sans ms;"><img src="http://1.bp.blogspot.com/-lhUroLUUpIY/T6TyKhC3E5I/AAAAAAAABhA/vnJRa6oKsJs/s1600/1335651593_comment.gif"/>  <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick

$><$BlogItemCommentCount$> comments</a></BlogItemCommentsEnabled></div><br></div><br></blogger>

</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="http://2.bp.blogspot.com/-qje2HQ_xrfU/TrNrDpeum2I/AAAAAAAAB2I/pZ0WINv_alg/s1600/top+button5.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:'Fly To The 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>