Ini udah banyak diminta ama temen-temen ... Maap baru bisa dishare sekarang karena susah nyari waktu untuk buat tutorialnya ... Preview : [spoiler][flash=300x250]http://nopathz.t35.com/FTI.swf[/flash][/spoiler] Adonan yang musti disiapkan : - foto2 temen (ukuran kecil aja biar loading flashnya gak lemot). - daftar link fs temen. - software [url=http://rapidshare.com/files/116470837/SnSP1016.rar.html][b]SWF 'n Slide Pro[/b][/url] mirror di server lokal [url=http://www14.indowebster.com/b1514f7e2eb434535194b8ab543014bc.rar][b]SWF 'n Slide Pro[/b][/url] (credit to [b]yhwh6666[/b]) (rar password = nopathz) Kalo kamu sudah siapkan semua adonan yang dibutuhkan langsung aja deh buka softwarenya. Tampilan2 yang akan muncul adalah sebagai berikut : [b]01[/b] : [spoiler][img]http://img294.imageshack.us/img294/6522/01xni4.jpg[/img] Di sini kamu pilih aja [b]Create new slide show[/b] dan typenya pilih [b]Album[/b]. Click [b]Ok[/b][/spoiler] [b]02[/b] : [spoiler][img]http://img520.imageshack.us/img520/2672/02xue8.jpg[/img] Langkah yang dilakukan disini adalah : - pilih menu [b]Slide Show[/b], [b]Insert Page[/b], - kemudian kembali pilih menu [b]Slide Show[/b], [b]Insert Image(s) to Left Page ...[/b] - pilih foto di komputer kamu yang akan dimasukkan dalam halaman album sebelah kiri. Sebagai contoh saya pilih foto [b]Bang Kanal[/b] .[/spoiler] [b]03[/b] : [spoiler][img]http://img293.imageshack.us/img293/926/03xaq8.jpg[/img] Sampai sini kamu telah selesai memasukkan foto pertama kamu. Sekarang yang akan kamu lakukan adalah melakukan setting terhadap halaman tersebut dengan mengklik kanan foto Bang Kanal yang ada di sebelah kiri, dan klik [b]Properties...[/b][/spoiler] [b]04[/b] : [spoiler][img]http://img118.imageshack.us/img118/9989/04xlk0.jpg[/img] Di sini kamu bisa mengatur letak foto, besar foto, dan format yang akan disimpan dalam flash nantinya. Setelah selesai pengaturan, klik tab [b]Actions[/b].[/spoiler] [b]05[/b] : [spoiler][img]http://img66.imageshack.us/img66/787/05xxn2.jpg[/img] Di sini kamu dapat menentukan action yang terjadi jika halaman/foto di klik. Sebagai contoh di sini saya pilih [b]Get URL[/b] (membuat link). Pada field Target kita pilih [b]_blank[/b] agar link terbuka di window baru. Pada field URL/Path masukkan link FS_URL dari Bang Kanal. Setelah selesai, klik tab [b]Edit[/b].[/spoiler] [b]06[/b] : [spoiler][img]http://img398.imageshack.us/img398/6797/06xms0.jpg[/img] Bagian ini adalah untuk memberi efek pada foto dengan mengklik tombol [b]Filter...[/b] dan memilih efek yang diinginkan. Setelah selesai, klik tab [b]Page[/b].[/spoiler] [b]07[/b] : [spoiler][img]http://img207.imageshack.us/img207/5646/07xvk4.jpg[/img] Pada bagian ini kamu bisa mengatur jenis kertas dari album dan warna background. Kemudian klik tab [b]Text[/b].[/spoiler] [b]08[/b] : [spoiler][img]http://img524.imageshack.us/img524/5913/08xwl3.jpg[/img] Di sini kamu bisa menambahkan dan mengatur text pada halaman album. Pengaturan meliputi jenis text(font), besar text, warna text, letak text bahkan juga memberikan efek tampilan dari text dengan mengklik tombol [b]Format...[/b] [/spoiler] [b]09[/b] : [spoiler][img]http://img524.imageshack.us/img524/6541/09xay0.jpg[/img] Efek text dapat diberikan dengan memilih efek yang diinginkan pada field [b]FX[/b].[/spoiler] Sampai sini kamu telah berhasil membuat satu halaman album foto yang berisi foto lengkap dengan linknya. [b]10[/b] : [spoiler][img]http://img365.imageshack.us/img365/5492/10xke4.jpg[/img][/spoiler] Langkah2 yang saya berikan diatas cuma sekedar memasukkan foto beserta melakukan setting pada halaman dengan cara simpel. Kamu bisa melakukannya dengan pilihan dan option lain sesuai selera kamu. Untuk halaman selanjutnya saya rasa kamu bisa melakukannya dengan mengulangi langkah2 di atas. Untuk melihat preview album hasil buatan kita saat ini, kamu bisa mengklik tombol kaca pembesar di bagian atas. Untuk menyimpannya dalam bentuk flash (extensi .swf) dapat dilakukan dengan mengklik tombol huruf S disebelah tombol kaca pembesar atau dengan mengklik menu [b]File[/b], kemudian pilih [b]Export[/b]. Langkah2 yang harus dilakukan untuk menampilkan flash ini ke dalam FS kamu : - upload file flash photo album yang baru kamu buat ke filehosting (misalnya ripway.com) - catat URL nya. - buka file js kamu dan masukkan fungsi addBox untuk flash photo album. Kalau kamu blum punya fungsi addBox, tambahkan fungsi addBox ke dalam JS kamu (BAGIAN C) : ([color=red][b]kalau kamu sudah punya fungsi ini, jangan lakukan langkah ini[/b][/color]) [spoiler]function addBox (type,head,htm,id,sibling) { //by marfillaster //type "LEFT" | "RIGHT" //head header string //htm innerHTML string //id css_id string //sibling css_id_insertbefore string | null /* Available default Siblings Default "sibling_ID" Boxes for Reference (10/19/07) LEFT RIGHT "0" = controlpanel "15" = meettrail "1" = photos "2" = friends "13" = blogs "14" = googleads "12" = reviews "7" = fan "6" = moreabout "8" = groups "18" = publiccomments null = appends to last(without "") "10" = scrapbook */ try { var li=document.createElement("li"); } catch(e) { var li=document.createElement("<li>"); } if(type=="LEFT") { var ul=document.getElementById("0").parentNode.parentNode; htm="<div class='boxcontent'>"+htm+"</div>"; } else {var ul=document.getElementById("2").parentNode.parentNode; } li.innerHTML="<div id='"+id+"' class='commonbox "+id+"'>"+ "<h2>"+head+"</h2>"+ "<div id='content_"+id+"'>"+ htm+ "</div>"+ "</div>"; if(sibling==null) ul.appendChild(li); else { sibling=document.getElementById(sibling).parentNode; ul.insertBefore(li,sibling); } }[/spoiler] Sedangkan addBox untuk flash album kita letakkan di Bagian B : [quote]addBox("RIGHT","Photo Album","<div align='center'><embed src='[b]URL_ALBUM_KAMU[/b]' wmode='transparent' style='width:300px;height:250px;' /></div>","flashalbum",null);[/quote] atau di Bagian C : [quote]addBox("LEFT","Photo Album","<div align='center'><embed src='[b]URL_ALBUM_KAMU[/b]' wmode='transparent' style='width:300px;height:250px;' /></div>","flashalbum",null);[/quote] Ganti [b]URL_ALBUM_KAMU[/b] dengan alamat URL flash photo album kamu yang berada di filehosting. Selamat mencoba.

Last edited by nopathz (2008-06-16 22:54:32)