[b]Bagian Ketiga :[/b] [hr][hr][hr][hr][hr] Taken from [url=http://theftalk.com/t31843-%7BTUTORIAL%7D-HTML-Layout-Preview-%28JS-CSS%29.html][b]HTML Layout Preview (JS/CSS)[/b][/url] [spoiler]Mungkin sebagian code contributor disini masih belum tau bagaimana memanfaatkan source profile untuk dijadikan preview code. Beberapa waktu ini Friendster sering melakukan filtering, dan parahnya itu hanya berlaku di sebagian profile. sehingga, preview dari code² yang sudah di share tidak bisa dilihat oleh member yang fsnya nggak ketiban sial. Maka lebih baik, jika kita host sendiri profile kita, dan menjadikannya sebagai preview code/layout tanpa harus registrasi fs baru untuk profile tester. [b]HERE WE GO![/b] [hr][hr][hr] [li][b]LANGKAH 1[/b][/li] view profile friendster kamu sendiri. lalu ambil sourcenya. mozilla = CTRL+U IE = klik [b]view[/b] pada toolbar, pilih [b]source[/b]. (berlaku pada safari dan opera) copy full source profilemu, save ke [b]notepad[/b] dengan nama file [b]preview.html[/b] <-- harus dengan extensi .html ato .htm [li][b]LANGKAH 2[/b][/li] jika profile kamu menggunakan linker, hapus linker codenya di source yang sudah di dapat. linker tersebut dapat di temukan pada bagian scrapbook (mediabox). [quote]<script type="text/javascript" src="/modules/scrapbook.js"></script><li><div class="clearfix commonbox scrapbook" id="10"> <h2>Kher's Media Box<a name="10"></a><a name="scrapbook"></a></h2> <script type="text/javascript"> var module = {"owner": 48417962, "moduleID": "10", "moduleName": "scrapbook" } modules["10"] = module; </script><div id="content_10"><div class="boxcontent">[b]di sekitar sini[/b]</div></div> </div></li>[/quote] setelah linker codenya di hapus, upload file tersebut ke web hosting kalian (ripway). [li][b]LANGKAH 3[/b][/li] edit text pada file html tadi, cari bagian [b]Who I Want To Meet[/b]. disitu kita akan memasukkan code yang akan di share ke public. [quote]<span class="q">Who I Want to Meet: </span><br><p>[b]CODENYA DILETAKKAN DISINI[/b]</p> </li> </ul></div></div> </div></li>[/quote] cara meletakkan code java script pada HTML harus menggunakan <script> </script> tag. disini saya ambil contoh js untuk wellcome alert. [quote]<span class="q">Who I Want to Meet: </span><br> <p> [b]<script type="text/javascript"> alert("wellcome to my page "+pageViewerFName+"!"); </script>[/b] </p> </li> </ul></div></div> </div></li>[/quote] [quote][b]NOTE! tidak dibenarkan menggunakan [u]document.write[/u] dalam pemanggilan url js lain! gunakan script js injection untuk meng-inject script js lainnya.[/b][/quote] save code yang telah di edit tersebut, dan gunakan url file HTML tadi sebagai preview untuk code yang ingin di share.. contoh: [url=http://h1.ripway.com/kherminator2/premade/tooltipscomment.html][b]TOOLTIPS TESTIMONIALS[/b][/url] [li][b]RULES[/b][/li] jangan lupa mengikutsertakan fungsi yang terkait script tersebut jika diperlukan, contoh: - onloadhandler - misc function (addbox) - css injection - dll [li][b]KEUNGGULAN[/b][/li] - loading lebih cepat (tidak menggunakan banyak js dan css, hanya terkonsentrasi pada js/css yang ingin dijadikan preview. - tidak terpengaruh akan friendster maintenane, update, atau filtering - preview tidak akan hilang saat contributor merombak friendster originalnya.[/spoiler] [hr][hr][hr][hr][hr] Jika ingin keterangan lebih lanjut, silahkan klik link threadnya. Jika ingin konsultasi mengenai masalah FS, silahkan post di thread [url=http://theftalk.com/t22412-%7BTUTORIAL%7D-KONSULTASI-FS%21.html][b]Konsultasi FS[/b][/url]. Sekian dan Happy Tweaking. Regards, [b]FTI Moderators[/b]

Last edited by deathwish4MCR-freak-dude (2008-06-23 08:23:35)