mod2 yang baik hati ..... tidak sombong dan rajin menabung ......
saiia mo ikutan share ah ... boleh ya ....
klo sekira nya tutorial ini gk berguna ...
silahkan di close aja
gk bayar ini koq ..........
ok langsung ke inti aja [i]*halah*[/i]
preview
[b][url=http://profiles.friendster.com/andrydua]Lihat Di Profile Saiiah[/url][/b]
( [i]maaph klo load nya lama ... soalnya banyak content
jadi [b]fade[/b] nya serasa lama*[/i])
Pertama-tama buka notepad terus paste code di bawah ini :
[quote]<html>
<body>
<script language="JavaScript1.2">
/***********************************************
* Courtesy of DynamicDrive (
www.dynamicdrive.com)
* dicuri, Diedit dan disebarluaskan oleh Andry (
http://profiles.friendster.com/andrydua)
***********************************************/
var delay = 2000; //set delay between message change (in miliseconds)
var maxsteps=30; // number of steps to take to change from start color to endcolor
var stepdelay=40; // time in miliseconds of a single step
//**Note: maxsteps*stepdelay will be total time in miliseconds of fading effect
var startcolor= new Array(255,255,255); // start color (red, green, blue)
var endcolor=new Array(0,0,0); // end color (red, green, blue)
var fcontent=new Array();
begintag='<div style="font: normal 14px Arial; padding: 5px;">'; //set opening tag, such as font declarations
fcontent[0]="[b]KATA - KATA NYA[/b]";
fcontent[1]="[b]KATA - KATA NYA[/b]";
fcontent[2]="[b]KATA - KATA NYA[/b]";
fcontent[3]="[b]KATA - KATA NYA[/b]";
fcontent[4]="[b]KATA - KATA NYA[/b]";
fcontent[5]="[b]KATA - KATA NYA[/b]";
fcontent[6]="[b]KATA - KATA NYA[/b]";
fcontent[7]="[b]KATA - KATA NYA[/b]";
fcontent[8]="[b]KATA - KATA NYA[/b]";
fcontent[9]="[b]KATA - KATA NYA[/b]";
fcontent[10]="[b]KATA - KATA NYA[/b]";
closetag='</div>';
var fwidth='100%'; //set scroller width
var fheight='75px'; //set scroller height
var fadelinks=1; //should links inside scroller content also fade like text? 0 for no, 1 for yes.
///No need to edit below this line/////////////////
var ie4=document.all&&!document.getElementById;
var DOM2=document.getElementById;
var faderdelay=0;
var index=0;
/*Rafael Raposo edited function*/
//function to change content
function changecontent(){
if (index>=fcontent.length)
index=0
if (DOM2){
document.getElementById("fscroller").style.color="rgb("+startcolor[0]+", "+startcolor[1]+", "+startcolor[2]+")"
document.getElementById("fscroller").innerHTML=begintag+fcontent[index]+closetag
if (fadelinks)
linkcolorchange(1);
colorfade(1, 15);
}
else if (ie4)
document.all.fscroller.innerHTML=begintag+fcontent[index]+closetag;
index++
}
// colorfade() partially by Marcio Galli for Netscape Communications. ////////////
// Modified by Dynamicdrive.com
function linkcolorchange(step){
var obj=document.getElementById("fscroller").getElementsByTagName("A");
if (obj.length>0){
for (i=0;i<obj.length;i++)
obj[i].style.color=getstepcolor(step);
}
}
/*Rafael Raposo edited function*/
var fadecounter;
function colorfade(step) {
if(step<=maxsteps) {
document.getElementById("fscroller").style.color=getstepcolor(step);
if (fadelinks)
linkcolorchange(step);
step++;
fadecounter=setTimeout("colorfade("+step+")",stepdelay);
}else{
clearTimeout(fadecounter);
document.getElementById("fscroller").style.color="rgb("+endcolor[0]+", "+endcolor[1]+", "+endcolor[2]+")";
setTimeout("changecontent()", delay);
}
}
/*Rafael Raposo's new function*/
function getstepcolor(step) {
var diff
var newcolor=new Array(3);
for(var i=0;i<3;i++) {
diff = (startcolor[i]-endcolor[i]);
if(diff > 0) {
newcolor[i] = startcolor[i]-(Math.round((diff/maxsteps))*step);
} else {
newcolor[i] = startcolor[i]+(Math.round((Math.abs(diff)/maxsteps))*step);
}
}
return ("rgb(" + newcolor[0] + ", " + newcolor[1] + ", " + newcolor[2] + ")");
}
if (ie4||DOM2)
document.write('<div id="fscroller" style="border:0px solid black;width:'+fwidth+';height:'+fheight+'"></div>');
if (window.addEventListener)
window.addEventListener("load", changecontent, false)
else if (window.attachEvent)
window.attachEvent("onload", changecontent)
else if (document.getElementById)
window.onload=changecontent
</script>
</body>
</html>[/quote]
lalu edit [b]KATA - KATA NYA[/b] dengan pesan sendiri .... terserah lah mo kyk gimana
setelah selesai di edit....... lalu [b]Save As[/b] dan beri nama [b]frame.htm[/b]
ato terserah mo di namain apa ... yang penting format nya [b].htm[/b] or [b].html[/b] ( [i]HyperText Markup Language*[/i] )
sesudah itu .... upload file nya di hostingan kamu ..... ( [i]semacam ripway*[/i])
[b]kedua[/b]
copas code ini ke dalam [b].js[/b] kalian
lalu simpan di dalam onload handler :
[quote]var risukeshoutfade = "<iframe id=\"tickermain\" src=\"[b]URL FILE YANG DI UPLOAD TADI.htm[/b]\" width=\"100%\" height=\"75px\" marginwidth=\"0\" marginheight=\"0\" hspace=\"0\" vspace=\"0\" frameborder=\"0\" scrolling=\"no\"></iframe>";
document.getElementById('cpShoutoutBox').style.height='75px';
document.getElementById('cpShoutoutBox').style.overflowY='hidden';
document.getElementById('cpShoutoutBox').innerHTML = "<table width='100%'><tr><td align='center'>"+risukeshoutfade+"</td></tr></table>";[/quote]
ganti tulisan yang di [b]bold[/b] dengan url yang tadi kalian upload di hostingan ( [i]frame.htm*[/i])
sesudah itu save
selese dah .....
semoga mengerti ^_^
[i][b]credits : [/b][/i]
om DD ( [i]Dynamic Drive*[/i])
gw
Last edited by KaNaLiTnUk (2008-03-06 12:13:44)