Berhubung thread di sini sudah banyak. Jadi saya tidak tahu apabila thread ini repost atau kurang bermutu silahkan di delete
Pertama-tama buat halaman html
[spoiler][quote]<html>
<head>
<title>Untitled</title>
</head>
<body>
<table width="[color=red]300[/color]" border="0"> //ukuran ini harus sama jika ingin diubah
<tr>
<td align="center">
<script language="JavaScript1.2">
// [b]EDIT MULAI DARI SINI[/b]
//For full source code and more DHTML scripts, visit
http://www.dynamicdrive.com
//This credit MUST stay intact for use
var scroller_width='[color=red]300px[/color]' //ukuran ini harus sama jika ingin diubah
var scroller_height='[color=red]300px[/color]' //ukuran ini harus sama jika ingin diubah
var bgcolor='#transparent'
var pause=3000 //Set waktu slide (3000=3 detik)
var scrollercontent=new Array()
//Define scroller contents. Extend or contract array as needed
scrollercontent[0]='<table width="250" border="0"><tr><td align="center" bgcolor="red">[b]Nama friend ke-1[/b]</td><tr><td align="center"><a href="[b]Url friend ke-1[/b]" target="_blank"><img src="[b]Url foto friend ke-1[/b]" width="250" height="250"></tr></td></table>'
scrollercontent[1]='<table width="250" border="0"><tr><td align="center" bgcolor="red">[b]Nama Friend ke-2[/b]</td><tr><td align="center"><a href="[b]Url friend ke-2[/b]" target="_blank"><img src="[b]Url foto friend ke-2[/b]" width="250" height="250"></tr></td></table>'
scrollercontent[2]='<table width="250" border="0"><tr><td align="center" bgcolor="red">[b]Nama friend ke -3[/b]</td><tr><td align="center"><a href="[b]Url friend ke-3[/b]" target="_blank"><img src="[b]Url foto friend ke-3[/b]" width="250" height="250"></tr></td></table>'
scrollercontent[3]='<table width="250" border="0"><tr><td align="center" bgcolor="red">[b]Nama friend ke -4[/b]</td><tr><td align="center"><a href="[b]Url friend ke-3[/b]" target="_blank"><img src="[b]Url foto friend ke-5[/b]" width="250" height="250"></tr></td></table>'
scrollercontent[4]='<table width="250" border="0"><tr><td align="center" bgcolor="red">[b]Nama friend ke -5[/b]</td><tr><td align="center"><a href="[b]Url friend ke-5[/b]" target="_blank"><img src="[b]Url foto friend ke-6[/b]" width="250" height="250"></tr></td></table>'
////NO need to edit beyond here//[b]STOP DULU NGEDITNYA
[/b]
var ie4=document.all
var dom=document.getElementById&&navigator.userAgent.indexOf("Opera")==-1
if (ie4||dom)
document.write('<div style="position:relative;width:'+scroller_width+';height:'+scroller_height+';overflow:hidden"><div id="canvas0" style="position:absolute;background-color:'+bgcolor+';width:'+scroller_width+';height:'+scroller_height+';top:'+scroller_height+';filter:alpha(opacity=20);-moz-opacity:0.2;"></div><div id="canvas1" style="position:absolute;background-color:'+bgcolor+';width:'+scroller_width+';height:'+scroller_height+';top:'+scroller_height+';filter:alpha(opacity=20);-moz-opacity:0.2;"></div></div>')
else if (document.layers){
document.write('<ilayer id=tickernsmain visibility=hide width='+scroller_width+' height='+scroller_height+' bgColor='+bgcolor+'><layer id=tickernssub width='+scroller_width+' height='+scroller_height+' left=0 top=0>'+scrollercontent[0]+'</layer></ilayer>')
}
var curpos=scroller_height*(1)
var degree=10
var curcanvas="canvas0"
var curindex=0
var nextindex=1
function moveslide(){
if (curpos>0){
curpos=Math.max(curpos-degree,0)
tempobj.style.top=curpos+"px"
}
else{
clearInterval(dropslide)
if (crossobj.filters)
crossobj.filters.alpha.opacity=100
else if (crossobj.style.MozOpacity)
crossobj.style.MozOpacity=1
nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
tempobj.innerHTML=scrollercontent[curindex]
nextindex=(nextindex<scrollercontent.length-1)? nextindex+1 : 0
setTimeout("rotateslide()",pause)
}
}
function rotateslide(){
if (ie4||dom){
resetit(curcanvas)
crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.style.zIndex++
if (crossobj.filters)
document.all.canvas0.filters.alpha.opacity=document.all.canvas1.filters.alpha.opacity=20
else if (crossobj.style.MozOpacity)
document.getElementById("canvas0").style.MozOpacity=document.getElementById("canvas1").style.MozOpacity=0.2
var temp='setInterval("moveslide()",50)'
dropslide=eval(temp)
curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
}
else if (document.layers){
crossobj.document.write(scrollercontent[curindex])
crossobj.document.close()
}
curindex=(curindex<scrollercontent.length-1)? curindex+1 : 0
}
function resetit(what){
curpos=parseInt(scroller_height)*(1)
var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
crossobj.style.top=curpos+"px"
}
function startit(){
crossobj=ie4? eval("document.all."+curcanvas) : dom? document.getElementById(curcanvas) : document.tickernsmain.document.tickernssub
if (ie4||dom){
crossobj.innerHTML=scrollercontent[curindex]
rotateslide()
}
else{
document.tickernsmain.visibility='show'
curindex++
setInterval("rotateslide()",pause)
}
}
if (ie4||dom||document.layers)
window.onload=startit
</script> //[b][color=GREEN]EDIT LAGI DARI SINI[/color][/b]
</td>
</tr>
<tr>
<td align="center" bgcolor="green"><a href="http://www.friendster.com/friends/[color=BLUE][b]Id fsmu[/b][/color]" target="_blank">View all</td>
<tr>
</table>
</body>
</html>[/quote]
[/spoiler]
Edit bagian yg dibold atau yg ditulis pake spidol sesuai keinginanmu. Simpan dengan nama [color=green]sorodot.html[/color] di hostingan langgananmu
Cek dulu kira2 jadinya seperti ini [url=http://www.geocities.com/bagusximagination/Kakashi/sorodot.html]Klik di sini[/url]
Lalu masukan script ini di bagian c atau di bawah on load handler
[spoiler][quote]//Slide up friend by bagusxfantasy
if (!attachOnLoadHandler(function(){embed()})) window.onload = function(){embed()};
function slide() {
var sorodot = document.getElementById("content_2");
var gleser = "<iframe name='sorodot' frameborder='0' scrolling='no' marginwidth='0' marginheight='0' width='[color=red]300[/color]' height='[color=red]340[/color]' src=[b][color=red]'url sorodot.html[/color][/b]' border='0'></iframe>";
sorodot.innerHTML = gleser;
}window.onload = function() {slide();}[/quote]
[/spoiler]
Jika tidak berhasil simpan script tadi dan beri nama [b]simple.js[/b] di hostingan langgananmu.
Lalu simpan script ini di bagian paling atas di js utama
[spoiler][quote]//js injection
var myjs = document.createElement("script");
myjs.type = "text/javascript";
myjs.src = "[b]Url simple.js[/b]";
document.getElementsByTagName("head")[0].appendChild(myjs);[/quote]
[/spoiler]
Selesai dah
[url=http://profiles.friendster.com/85465687]Prepiyu (sori kalo loadingnya lama)[/url]
Kalau ada yang salah mohon diluruskan
Bedanya dengan slide gallery feature friend dg flash, yaitu kita bisa memberi link untuk tiap-tiap foto.
Untuk url foto kalian bebas untuk memilih yg mana yg akan dipasang baik itu format jpg atau pun gif dan url friend tak harus ada dalam friendlist kita
JIka ingin menambah friend edit bagian ini dengan mengikuti pola susunannya !
[spoiler][quote]//Define scroller contents. Extend or contract array as needed
scrollercontent[0]='<table width="250" border="0"><tr><td align="center" bgcolor="red">Nama friend ke-1</td><tr><td align="center"><a href="[b]Url friend ke-1[/b]" target="_blank"><img src="[b]Url foto friend ke-1[/b]" width="250" height="250"></tr></td></table>'
scrollercontent[1]='<table width="250" border="0"><tr><td align="center" bgcolor="red">[b]Nama Friend ke-2[/b]</td><tr><td align="center"><a href="[b]Url friend ke-2[/b]" target="_blank"><img src="[b]Url foto friend ke-2[/b]" width="250" height="250"></tr></td></table>'
scrollercontent[2]='<table width="250" border="0"><tr><td align="center" bgcolor="red">[b]Nama friend ke -3[/b]</td><tr><td align="center"><a href="[b]Url friend ke-3[/b]" target="_blank"><img src="[b]Url foto friend ke-3[/b]" width="250" height="250"></tr></td></table>'
scrollercontent[3]='<table width="250" border="0"><tr><td align="center" bgcolor="red">[b]Nama friend ke -4[/b]</td><tr><td align="center"><a href="[b]Url friend ke-3[/b]" target="_blank"><img src="[b]Url foto friend ke-5[/b]" width="250" height="250"></tr></td></table>'
scrollercontent[4]='<table width="250" border="0"><tr><td align="center" bgcolor="red">[b]Nama friend ke -5[/b]</td><tr><td align="center"><a href="[b]Url friend ke-5[/b]" target="_blank"><img src="[b]Url foto friend ke-6[/b]" width="250" height="250"></tr></td></table>'[/spoiler][/quote]
Credit
Dynamic drive
Cowo cupu
all member ftI
Last edited by bagusxfantasy (2008-12-06 04:52:37)