terlebih dahulu izin kpd Mods, untuk buat thread ini..

kalo rasanya uda pernah disharing ato uda pernah ada langsung tutup/close aja thread ini...

credit :- [url=http://javascriptkit.com/]javascript.com[/url]
kode ini berfungsi merubah tampilan featured friendsmu dapat berputar

[url=http://mamedz.fileave.com/spin/spinFriendlist.html]preview[/url] ==>hanya bentuk html doankz

langsung ke kodenya

1. buat file js dan beri nama [b]spinMenu.js[/b]
[spoiler]<">[/spoiler]
script diatas sebaiknya kmu injectkan lagi dengan menggunakan js injection
cth:
[quote]var myjs = document.createElement("script");
myjs.type = "text/javascript";
myjs.src = "[b]spinmenu.js[/b]";
document.getElementsByTagName("head")[0].appendChild(myjs);[/quote]
ganti yg saya bold dgn url spinmenu.js kalian..
lalu diletakin di bagian [b]A[/b] aja..
2. buat file html dan beri nama [b]spinFriendlist.html[/b] yg berisi
[spoiler][quote]<html>
<head>
<title>3d Spin FriendList</title>
<script type="text/javascript" src="[b]URL_SpinMenu.JS[/b]"></script>
<style>
#imgfriend {
width: 75px;
height: 75px;
border: 0px solid #242424;
background-color: transparent;
overflow: hidden;
}
.imgblockfriend img{
height:75px;
}
#imgfriend img{
height: 75px;
}
#friendname {
font-family: verdana;
font-weight: bold;
size: 10px;
background-color: transparent;
color: #754705;
}
#friendname:hover{
color: #242424;
}
button {
background-color: transparent;
border:0px;
color: #242424;
font-family: verdana;
font-size: 10px;
font-weight: bold;
width: 50px;
height: 30px;
}
.lftarrow {
background-image: url(http://s4.tinypic.com/2e0ojk6_th.jpg);
background-position: right center;
background-repeat: no-repeat;
width:30px;
height:20px;
}
.rytarrow {
background-image: url(http://s4.tinypic.com/34spc43_th.jpg);
background-position: right center;
background-repeat: no-repeat;
width:30px;
height:20px;
}
</style>
</head>
<body>
<br><br>
<!-- LEAVE THIS AREA -->
<script type="text/javascript">
eye.isVertical = 0;
eye.x = 120;
eye.y = 0;
eye.w = 75;
eye.h = 30;
eye.r = 100;
eye.v = 20;
eye.s = 3;
eye.color = '#ffffff';
eye.colorover = '#242424';
eye.backgroundcolor = 'transparent';
eye.backgroundcolorover = 'transparent';
eye.bordercolor = 'none';
eye.fontfamily = 'Arial';
if (document.getElementById){
document.write('<div id="spinanchor" style="height:'+eval(eye.h+20)+'"></div>')
eye.anchor=document.getElementById('spinanchor')
eye.spinmenu();
eye.x+=getposOffset(eye.anchor, "left") //relatively position it
eye.y+=getposOffset(eye.anchor, "top") //relatively position it
<!-- EDIT SOME DATA HERE -->
//menuitem: eye.spinmenuitem(text, link, target)
eye.spinmenuitem("<div id='imgfriend' class='imgblockfriend' align='center'><img src='[color=blue][b]URL_PHOTO_TEMAN[/b][/color]'></div><div id='friendname'>[color=#FF0000][b]NAMA TEMAN[/b][/color]</div>","[color=green][b]URL_FS_TEMAN[/b][/color]","_parent");
eye.spinmenuitem("<div id='imgfriend' class='imgblockfriend'><img src='[color=blue][b]URL_PHOTO_TEMAN[/b][/color]'></div><div id='friendname'>[color=#FF0000][b]NAMA TEMAN[/b][/color]</div>","[color=green][b]URL_FS_TEMAN[/b][/color]","_parent");
eye.spinmenuitem("<div id='imgfriend' class='imgblockfriend'><img src='[color=blue][b]URL_PHOTO_TEMAN[/b][/color]'></div><div id='friendname'>[color=#FF0000][b]NAMA TEMAN[/b][/color]</div>","[color=green][b]URL_FS_TEMAN[/b][/color]","_parent");
eye.spinmenuitem("<div id='imgfriend' class='imgblockfriend'><img src='[color=blue][b]URL_PHOTO_TEMAN[/b][/color]'></div><div id='friendname'>[color=#FF0000][b]NAMA TEMAN[/b][/color]</div>","[color=green][b]URL_FS_TEMAN[/b][/color]","_parent");
eye.spinmenuclose();
}
</script>
</body>
</html>[/quote]
[/spoiler]
ket:
-ganti bold yg berwana [b]hitam[/b] dengan SpinMenu.js yg sudah kamu upload
-ganti bold yg berwarna [color=blue]Blue[/color] dengan url photo temanmu
-ganti bold yg berwana [color=#FF0000][b]merah[/b][/color] dengan nama temanmu
-ganti bold yg berwana [color=green][b]hijau[/b][/color] dengan url fs temanmu =>(http://www.friendster.com/17881708)
klo mau ditambahin friends list na, maka yg kamu tambahkan bagian ini
[quote]eye.spinmenuitem("<div id='imgfriend' class='imgblockfriend'><img src='[color=blue][b]URL_PHOTO_TEMAN[/b][/color]'></div><div id='friendname'>[color=#FF0000][b]NAMA TEMAN[/b][/color]</div>","[color=green][b]URL_FS_TEMAN[/b][/color]","_parent");[/quote]
letakan diatas bagian ini
[quote]eye.spinmenuclose();
}
</script>[/quote]
3. Simpan kode dibawah ini di bagian [b]A[/b] js kamu:
[spoiler][quote]//Animated Spin FriendList
var spinFR;
try {spinFR = document.createElement("div");}
catch (e){spinFR = document.createElement("<div>");}
spinFR.innerHTML ="<div id='boxfriends' class='commonbox'>"+
"<h2>My Friends</h2><div id='iframespin' style='border:0px'>"+
"<iframe src='[color=blue]URL_HTML[/color] ' allowtransparency='yes' frameborder='0' height='220px' width='300px'>"+
"</iframe></div>"+
"<div align='center' style='font-weight:bold;padding-bottom:5px'>"+
"<a href='[color=#FF0000]URL_FS_LOE[/color]' target='_parent' title='View All My Friends'>[b]View All 3000[/b]</a>"+
"</div></div>";
document.getElementById("2").parentNode.appendChild(spinFR);[/quote]
[/spoiler]
ket:
-ganti yg berwana biru dengan [b]url SpinFriendlist.html[/b] kamu tadi
-ganti yg berwarna merah dengan [b]url fs kamu[/b]
-ganti yg warna hitam dgn [b]jumlah friends kamu[/b]
buat css na
[quote]/* Featured Friends */
.friends {display:none!important;}[/quote]
kenapa di hide kan, karena klo gak maka akan muncul 2 untuk fetured friends na..c

selamat mencoba

(special thankz for repu [img]http://theftalk.com/img/warn_add.gif[/img]

)
Last edited by mametgitu (2008-09-18 12:49:19)