
[url=http://profiles.friendster.com/kherminator2]LIVE PREVIEW[/url]

[b]Credits[/b]
:idea:
http://www.javascriptkit.com
:idea: Saya Sendiri

[b]Requirements[/b]
:idea: Sabar! (themost important thing

)
:idea: Image Editor (adobe photoshop, ACDC 8, or
http://www.lunapic.com )
:idea: addBox function.
:idea: Hosting site (
http://www.ripway.com ,
http://www.photobucket.com )
[align=center][quote]editing Gambar[/quote]
[/align]

resize photo Friends:
width: 250px
height: 300px
(banyaknya gambar nggak terbatas / no limit of friends)

upload gambar/photo ke hosting site kamu (photobucket)
[align=center][quote]Download Script[/quote]
[/align]

klik link ini untuk download script yang dibutuhkan.
http://h1.ripway.com/kherminator2/backbox.zip

exctract semua file lalu upload ke hosting site kamu (ripway)
[align=center][quote]Membuat I-Frame (HTML)[/quote]
[/align]

copy HTML script dibawah ke notepad
[quote]<html>
<head>
<link rel="stylesheet" href="[b]url_backbox.css[/b]" type="text/css" />
<script type="text/javascript" src="[b]url_prototype.compressed.js[/b]"></script>
<script type="text/javascript" src="[b]url_scriptaculous.js[/b]?load=effects"></script>
<script type="text/javascript" src="[b]url_lightbox.js[/b]"></script>
<script type="text/javascript" src="[b]url_dhtmlHistory.js[/b]"></script>
<script type="text/javascript" src="[b]url_customsignsheader.js[/b]"></script>
</head>
<body><center>
<div onclick="dhtmlHistory.add('location1',{message: 'backbox'});countdown()">
<a href="[color=blue]IMAGE_1[/color]" rel="lightbox[slide]" caption="A Bunch of Grapes">
<img src="[color=red]IMAGE_BASE[/color]" alt="lime" width="250" height="300" border="0" /></a>
</div>
<a href="[color=blue]IMAGE_2[/color]" rel="lightbox[slide]" caption="Sunflower"></a>
<a href="[color=blue]IMAGE_3[/color]" rel="lightbox[slide]" caption="Dolphin"></a>
<a href="[color=blue]IMAGE_4[/color]" rel="lightbox[slide]" caption="Waterfall"></a>
</center>
<script type="text/javascript" src="[b]url_customsignsfooter.js[/b]"></script>
</body>
</html>[/quote]

[b]keterangan:[/b]
[b]tebal[/b] = ganti (hanya) bagian tebal dengan js and css yang telah di upload sebelumnya..
[color=red]MERAH[/color] = url gambar dasar, di preview saya gunakan ini:
http://h1.ripway.com/kherminator2/attribute/script/sunset.jpg
[color=blue]BIRU[/color] = url friends photo.

setelah editing selesai, save filenya sebagai [b]Galery.html[/b]
lalu upload ke hosting site (ripway).
[align=center][quote]addBox function[/quote]
[/align]

gabungin aja ke js file kamu..dibawah onload handler!
function onProfileLoad() { //<------ COPY HANYA JIKA GAK PUNYA ONLOADHANDLER!
[quote]var navarro="<div align='center' id='iframe'>"+
"<iframe src='[b][color=green]URL HTML FILE[/color][/b]' frameborder='no' width='100%' height='400px' overflow='hidden'></iframe>"+
"</div>";
addBox(pageOwnerFName+"'s Friends Gallery",navarro,"photodiv","right");[/quote]
} //<--- END ONLOADHANDLER

[b][i][u]kalo nggak punya addbox script, gunakan ini![/u][/i][/b]
<">note!
di preview, saya nggak gunakan friends photo karna itu cuma sample profile...

enjoy it!
Last edited by KhErMiNaToR (2008-02-29 22:28:25)