[b]Credits[/b] : Nopathz
[b]Preview[/b] : [url]http://profiles.friendster.com/gnomesoldier[/url] (Streching Clock Widget)
Mungkin banyak dari kalian yg profile FS nya berisikan widgets seperti Emote, Stretching Clock, dll. Ada teman abang yg bertanya, apakah widgets juga bisa dimini/maxi? Jawabannya bisa dan scriptnya simple saja kok yaitu dengan mengambil script master mini/maxi dari bro Nopathz
![:)](img/smilies/smile.gif)
Karena FS update kemarin, sebaiknya semua script mini/maxi dimasukkan ke dalam onload handler agar scriptnya berjalan dengan sempurna. Ini dia langkah2 mini/maxi utk widgets :
1. Tambahkan widget ke dalam FS kalian lalu view profile kalian (sebagai contoh di FS abang itu ditambahkan widget Stretching Clock).
2. Pastikan widgetnya sudah muncul lalu view source tampilan profile FS kalian itu. (Crtrl+U) dan perhatikan baik2 divID dari widget yang baru kalian tambahkan. Ini preview view source profile FS abang setelah ditambahkan widget :
[spoiler].
.
.
<script type="text/javascript">
var module = {"owner": 57916409,
"moduleID": "18",
"moduleName": "publiccomments"
}
modules["18"] = module;
</script><div id="content_18">
<div class="viewall"><a href="http://www.friendster.com/comments.php">Post a Comment</a></div>
<div class="fitem1wrapper">No comments yet.</div>
</div>
</div></li>
<li><div class="clearfix commonbox AppModule" id="3972_798109457">
<h2 id="widgetModule">
<div class="moduleTitle">Profiler's stretching clock</div>
<div class="moduleMenu">
<form method="post" action="http://www.friendster.com/shareapp.php" name="widgetmenu_form_m_0_3972_798109457" style="display: inline;">
<input type="hidden" name="uid" value="57916409"><input type="hidden" name="api_key" value="2e7494e85a3e32debe445c932ddec5e1"><a href="javascript:document.forms%5B'widgetmenu_form_m_0_3972_798109457'%5D.submit();"><img src="http://images.friendster.com/images/widgetDirectory/widget_share.gif" alt="" title=""></a>
</form>
<form method="post" action="http://widgets.friendster.com/stretching_clock" name="widgetmenu_form_m_1_3972_798109457" style="display: inline;">
<input type="hidden" name="uid" value="57916409"><input type="hidden" name="instance_id" value="798109457"><input type="hidden" name="src" value="profile"><a href="javascript:document.forms%5B'widgetmenu_form_m_1_3972_798109457'%5D.submit();"><img src="http://images.friendster.com/images/widgetDirectory/widget_edit.gif" alt="Edit" title="Edit"></a>
</form>
<form method="post" action="http://www.friendster.com/widget_delete.php" name="widgetmenu_form_m_2_3972_798109457" style="display: inline;">
<input type="hidden" name="authcode" value="496942fd9c1800d45c53b65b512bdd"><input type="hidden" name="uid" value="57916409"><input type="hidden" name="key" value="3972"><input type="hidden" name="instance_id" value="798109457"><a href="javascript:document.forms%5B'widgetmenu_form_m_2_3972_798109457'%5D.submit();"><img src="http://images.friendster.com/images/widgetDirectory/widget_delete.gif" alt="Delete" title="Delete"></a>
</form>
</div>
</h2>
<script type="text/javascript">
var module = {"owner": 57916409,
"moduleID": "[b]3972_798109457[/b]",
"moduleName": "AppModule"
}
modules["3972_798109457"] = module;
</script><div id="content_3972_798109457"><div class="boxcontent">
<div>
会伸懒腰的钟
</div>
<div align="center">
<embed allowScriptAccess="never" src='http://www.rekoo.com/static/images/widget/friendster/s_clock.swf' type='application/x-shockwave-flash' allowNetworking="all" wmode='transparent' width='380' height='300'>
</embed>
</div>
<div>
<a href="http://www.rekoo.com" target="_blank">Rekoo.com</a>
</div>
</div></div>
</div></li>
<li>
</ul></td>
<td valign="top"><img src="http://images.friendster.com/images/spacer.gif" width="10" height="1"></td>
<td class="rtd" valign="top"><ul>
<li><div class="clearfix standalonebox meettrail" id="15">
<script type="text/javascript">
var module = {"owner": 57916409,
"moduleID": "15",
"moduleName": "meettrail"
}
modules["15"] = module;
</script><div id="content_15"></div>
</div></li>
.
.
.[/spoiler]
Lihat bagian yg tebal. Itu adalah divID dari widget kalian
![:)](img/smilies/smile.gif)
3. Kombinasikan deh divID dari widget kalian tersebut dengan script mini/maxi bro Nopathz, sehingga hasil akhir dari scriptnya adalah :
[spoiler]function onProfileLoad() {
//CONTROLPANEL
h=document.getElementById("controlpanel_header");
h.innerHTML="<a href=\"#\" onClick=\"show_hide('content_0'); return false\"><div >"+pageOwnerFName+"</div></a>";
show_hide('content_0');
// MOREABOUT
h=document.getElementById("6").getElementsByTagName("h2")[0];
h.innerHTML="<a href=\"#\" onClick=\"show_hide('content_6'); return false\"><div>More About "+pageOwnerFName+"</div></a>";
show_hide('content_6');
// PUBLICCOMMENTS
h=document.getElementById("18").getElementsByTagName("h2")[0];
h.innerHTML="<a href=\"#\" onClick=\"show_hide('content_18'); return false\"><div>Testimonials and Comments for "+pageOwnerFName+"</div></a>";
show_hide('content_18');
// FRIENDS
h=document.getElementById("2").getElementsByTagName("h2")[0];
h.innerHTML="<a href=\"#\" onClick=\"show_hide('content_2'); return false\"><div>"+pageOwnerFName+"\'s Friends</div></a>";
show_hide('content_2');
[b]// WIDGET
h=document.getElementById("3972_798109457").getElementsByTagName("h2")[0];
h.innerHTML="<a href=\"#\" onClick=\"show_hide('content_3972_798109457'); return false\"><div>"+pageOwnerFName+"\'s Widget</div></a>";
show_hide('content_3972_798109457');[/b]
}
if (!attachOnLoadHandler(function(){onProfileLoad()})) window.onload = function(){onProfileLoad()};
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
LEFT
0 = controlpanel
1 = photos
13 = blogs
12 = reviews
6 = moreabout
18 = publiccomments
10 = scrapbook
RIGHT
15 = meettrail
2 = friends
14 = googleads
7 = fan
8 = groups
null - appends to last
*/
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);
}
}
function show_hide(the_box) {
if (document.getElementById(the_box)) {
if (document.getElementById(the_box).style.display == 'none') {
document.getElementById(the_box).style.display = 'block';
}
else {
document.getElementById(the_box).style.display = 'none';
}
}
}[/spoiler]
Lihat bagian yg tebal. Itu adalah script mini/maxi utk widget kalian. Happy tweaking FTI'ers