mumpung lagi ada waktu buat ol, dan untuk membantu para nubie sekaligus menebus dosa karena jarang bisa ol, jadi aku coba kasi kode yang cukup keren ini ya... [b]kalo uda pernah, di-close aja ya momod[/b] *karena ini bukan kode buatan aku sendiri, cuman aku translate dan compile aja.. jadi, credits terlampir* [b]credits:[/b] :rose: styker17 for the code :rose: yuna buat cara ngetweak fs yang amat berguna bagi para nubie :rose: bang kadir buat cara nempatin kode js :rose: bang nops buat kode tooltipsnya oke, jadi sekarang kita mulai aja... pertama-tama, siapin waktu dan otak, karena proses ini butuh waktu yang cukup lama juga, pastikan tempat duduk dan lingkungan sekitarnya kondusif.. oh ya, pastikan juga koneksi netnya gak mati sewaktu2... nah, kalo uda semuanya, buat para nubie, coba pelajari dulu cara nge-tweak fs di sini: http://theftalk.com/t21339-%7BTUTORIAL%7D-Tweak-newbie.html lalu, kalo uda kenalan sama js dan css, saatnya belajar cara nempatin codenya... kalo buat css, gak perlu ribet..karena css itu bisa ditaruh di mana aja, atas-bawah, kiri-kanan, semua bisa jalan dengan baik (asal kodenya gak salah) nah, kalo js yang rada ribet... tapi jangan takut, bang kodir yang baik udah membantu kita dengan threadny.. di sini: [url]http://theftalk.com/t15339-%7BTUTORIAL%7D-Kombinasi-Addbox-(UPDATE-08-03-08).html[/url] nah, setelah ini, kita kenalan lagi sama tooltips karya bang nops... masukin kode ini ke kumpulan js kmu: <">taroh kode panjang tadi di [b]bagian C[/b] referensi bang kadir... biar nanti sesuai sama page kamu, edit aja bagian yang ini... <">nah, setelah itu, saatnya kita kenalan sama kode buat viewer featured... kopas kode ini di bagian C js kamu... [quote]// FEATURED VIEWER function friendscaption() { var friends = document.getElementById("content_2").getElementsByTagName("div")[0]; var caption = "<div class='fitem1wrapper'><table class='fitem1table'><tbody><tr>"+ "<td class='itd'><div class='imgblock75'><div title=\"header=[[b]"+pageViewerFName+"[/b]] body=[[b]PeRsOn wHo i WanT tO MeeT mOsT[/b]]\"><div id='AUTOFEATUREPIC'></div></div></div></div></td>"+ "<td class='dtd'><ul class='data'>"+ "<li class='title'><a href='http://www.friendster.com/user.php'><div title=\"header=[[b]"+pageViewerFName+"[/b]] body=[[b]PeRsOn wHo i WanT tO MeeT mOsT[/b]]\">[b]"+pageViewerFName+"[/b]</div></a></li>"+ "<li>[b]My beloved fans[/b]</li>"+ "</ul></td>"+ "</tr></tbody></table></div>"+ "<div class='fitem1wrapper'><table class='fitem1table'><tbody><tr>"+ "<td class='itd'><div class='imgblock75'><a href='/[b]ID FEATURED FRIEND (FF) 1[/b]'><div title=\"header=[[b]NAMA FF 1[/b]] body=[[b]TENTANG FF 1[/b]]\">"+ "<img src='[b]URL PHOTO FF 1[/b]'></a></div></div></td>"+ "<td class='dtd'><ul class='data'>"+ "<li class='title'><a href='/[b]ID FF 1[/b]'><div title=\"header=[[b]NAMA FF 1[/b]] body=[[b]TENTANG FF 1[/b]]\">[b]NAMA FF 1[/b]</div></a></li>"+ "<li>[b]COMMENT BUAT FF 1[/b]</li>"+ "</ul></td>"+ "</tr></tbody></table></div>"+ "<div class='fitem1wrapper'><table class='fitem1table'><tbody><tr>"+ "<td class='itd'><div class='imgblock75'><a href='/[b]ID FF 2[/b]'><div title=\"header=[[b]NAMA FF 2[/b]] body=[[b]TENTANG FF 2[/b]]\">"+ "<img src='[b]URL FOTO FF 2[/b]'></a></div></div></td>"+ "<td class='dtd'><ul class='data'>"+ "<li class='title'><a href='/[b]ID FF 2[/b]'><div title=\"header=[[b]NAMA FF 2[/b]] body=[[b]TENTANG FF 2[/b]]\">[b]NAMA FF 2[/b]</div></a></li>"+ "<li>[b]COMMENT BUAT FF 2[/b]</li>"+ "</ul></td>"+ "</tr></tbody></table></div>"+ "<div class='fitem1wrapper'><table class='fitem1table'><tbody><tr>"+ "<td class='itd'><div class='imgblock75'><a href='/[b]ID FF 3[/b]'><div title=\"header=[[b]NAMA FF 3[/b]] body=[[b]TENTANG FF 3[/b]]\">"+ "<img src='[b]URL FOTO FF 3[/b]'></a></div></div></td>"+ "<td class='dtd'><ul class='data'>"+ "<li class='title'><a href='/[b]ID FF 3[/b]'><div title=\"header=[[b]NAMA FF 3[/b]] body=[[b]TENTANG FF 3[/b]]\">[b]NAMA FF 3[/b]</div></a></li>"+ "<li>[b]COMMENT BUAT FF 3[/b]</li>"+ "</ul></td>"+ "</tr></tbody></table></div>"+ "<div class='fitem1wrapper'><table class='fitem1table'><tbody><tr>"+ "<td class='itd'><div class='imgblock75'><a href='/[b]ID FF 4[/b]'><div title=\"header=[[b]NAMA FF 4[/b]] body=[[b]TENTANG FF 4[/b]]\">"+ "<img src='[b]URL FOTO FF 4[/b]'></a></div></div></td>"+ "<td class='dtd'><ul class='data'>"+ "<li class='title'><a href='/[b]ID FF 4[/b]'><div title=\"header=[[b]NAMA FF 4[/b]] body=[[b]TENTANG FF 4[/b]]\">[b]NAMA FF 4[/b]</div></a></li>"+ "<li>[b]COMMENT BUAT FF 4[/b]</li>"+ "</ul></td>"+ "</tr></tbody></table></div>"+ "<div class='fitem1wrapper'><table class='fitem1table'><tbody><tr>"+ "<td class='itd'><div class='imgblock75'><a href='/[b]ID FF 5[/b]'><div title=\"header=[[b]NAMA FF 5[/b]] body=[[b]TENTANG FF 5[/b]]\">"+ "<img src='[b]URL FOTO FF 5[/b]'></a></div></div></td>"+ "<td class='dtd'><ul class='data'>"+ "<li class='title'><a href='/[b]ID FF 5[/b]'><div title=\"header=[[b]NAMA FF 5[/b]] body=[[b]TENTANG FF 5[/b]]\">[b]NAMA FF 5[/b]</div></a></li>"+ "<li>[b]COMMENT BUAT FF 5[/b]</li>"+ "</ul></td>"+ "</tr></tbody></table></div>"; var caption2= "<div class='fitem1wrapper'><table class='fitem1table'><tbody><tr>"+ "<td class='itd'><div class='imgblock75'><a href='/[b]ID FF 1[/b]'><div title=\"header=[[b]NAMA FF 1[/b]] body=[[b]TENTANG FF 1[/b]]\">"+ "<img src='[b]URL FOTO FF 1[/b]'></a></div></div></td>"+ "<td class='dtd'><ul class='data'>"+ "<li class='title'><a href='/[b]ID FF 1[/b]'><div title=\"header=[[b]NAMA FF 1[/b]] body=[[b]TENTANG FF 1[/b]]\">[b]NAMA FF 1[/b]</div></a></li>"+ "<li>[b]COMMENT BUAT FF 1[/b]</li>"+ "</ul></td>"+ "</tr></tbody></table></div>"+ "<div class='fitem1wrapper'><table class='fitem1table'><tbody><tr>"+ "<td class='itd'><div class='imgblock75'><a href='/[b]ID FF 2[/b]'><div title=\"header=[[b]NAMA FF 2[/b]] body=[[b]TENTANG FF 2[/b]]\">"+ "<img src='[b]URL FOTO FF 2[/b]'></a></div></div></td>"+ "<td class='dtd'><ul class='data'>"+ "<li class='title'><a href='/[b]ID FF 2[/b]'><div title=\"header=[[b]NAMA FF 2[/b]] body=[[b]TENTANG FF 2[/b]]\">[b]NAMA FF 2[/b]</div></a></li>"+ "<li>[b]COMMENT BUAT FF 2[/b]</li>"+ "</ul></td>"+ "</tr></tbody></table></div>"+ "<div class='fitem1wrapper'><table class='fitem1table'><tbody><tr>"+ "<td class='itd'><div class='imgblock75'><a href='/[b]ID FF 3[/b]'><div title=\"header=[[b]NAMA FF 3[/b]] body=[[b]TENTANG FF 3[/b]]\">"+ "<img src='[b]URL FOTO FF 3[/b]'></a></div></div></td>"+ "<td class='dtd'><ul class='data'>"+ "<li class='title'><a href='/[b]ID FF 3[/b]'><div title=\"header=[[b]NAMA FF 3[/b]] body=[[b]TENTANG FF 3[/b]]\">[b]NAMA FF 3[/b]</div></a></li>"+ "<li>[b]COMMENT BUAT FF 3[/b]</li>"+ "</ul></td>"+ "</tr></tbody></table></div>"+ "<div class='fitem1wrapper'><table class='fitem1table'><tbody><tr>"+ "<td class='itd'><div class='imgblock75'><a href='/[b]ID FF 4[/b]'><div title=\"header=[[b]NAMA FF 4[/b]] body=[[b]TENTANG FF 4[/b]]\">"+ "<img src='[b]URL FOTO FF 4[/b]'></a></div></div></td>"+ "<td class='dtd'><ul class='data'>"+ "<li class='title'><a href='/[b]ID FF 4[/b]'><div title=\"header=[[b]NAMA FF 4][/b] body=[[b]TENTANG FF 4[/b]]\">[b]NAMA FF 4[/b]</div></a></li>"+ "<li>[b]COMMENT BUAT FF 4[/b]</li>"+ "</ul></td>"+ "</tr></tbody></table></div>"+ "<div class='fitem1wrapper'><table class='fitem1table'><tbody><tr>"+ "<td class='itd'><div class='imgblock75'><a href='/[b]ID FF 5[/b]'><div title=\"header=[[b]NAMA FF 5[/b]] body=[[b]TENTANG FF 5[/b]]\">"+ "<img src='[b]URL FOTO FF 5[/b]'></a></div></div></td>"+ "<td class='dtd'><ul class='data'>"+ "<li class='title'><a href='/[b]ID FF 5[/b]'><div title=\"header=[[b]NAMA FF 5[/b]] body=[[b]TENTANG FF 5[/b]]\">[b]NAMA FF 5[/b]</div></a></li>"+ "<li>[b]COMMENT BUAT FF 5[/b]</li>"+ "</ul></td>"+ "</tr></tbody></table></div>"; if (pageViewerID==[b]ID FF 1[/b] || pageViewerID==[b]ID FF 2[/b] || pageViewerID==[b]ID FF 3[/b] || pageViewerID==[b]ID FF 4[/b] || pageViewerID==[b]ID FF 5[/b]) {friends.innerHTML = caption2;} else {friends.innerHTML = caption;} }window.onload = function() {friendscaption();} if (!attachOnLoadHandler(function(){viewer();})) window.onload = function(){viewer();}; function viewer() { if(pageViewerID!="") AUTOFEATUREPIC.init(); } if (typeof AUTOFEATUREPIC == "undefined") { AUTOFEATUREPIC = {}; } AUTOFEATUREPIC = { photo: [], init: function() { if(document.getElementById("AUTOFEATUREPIC") != null) { this.ajaxRequest("http://"+location.hostname+"/modules/module.php?_pmr=a&_pmmo=0&uid="+pageViewerID,AUTOFEATUREPIC.viewer,null); } }, viewer: function(htm) { if (htm.replace(/^\s*|\s*$/g,"") === null) { alert("ooPs .. eRRoR OccuReD ! BeTTeR LucK neXt tiMe ..");return; }else if (htm) { try { var targetPhoto = htm.match(/<profile_photo>[\S\s]+?<\/profile_photo>/gim)[0].replace(/<[\S\s]+?>/gim, ""); var targetName = htm.match(/<firstname>[\S\s]+?<\/firstname>/gim)[0].replace(/<[\S\s]+?>/gim, ""); var targetEmail = htm.match(/<email>\b[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}\b<\/email>/gim)[0].replace(/<[\S\s]+?>/gim, ""); this.photo = document.createElement("DIV"); this.photo.align = "center"; this.photo.appendChild(document.createElement("a")); this.photo.getElementsByTagName("a")[0].href = "/"+pageViewerID; this.photo.getElementsByTagName("a")[0].target = "_blank"; this.photo.getElementsByTagName("a")[0].appendChild(document.createElement("img")); this.photo.getElementsByTagName("img")[0].src = targetPhoto; this.photo.appendChild(document.createElement("br")); this.photo.appendChild(document.createElement("span")); this.photo.getElementsByTagName("span")[0].className = "q"; this.photo.getElementsByTagName("span")[0].appendChild(document.createElement("a")); this.photo.appendChild(document.createElement("br")); this.photo.appendChild(document.createElement("span")); this.photo.getElementsByTagName("span")[1].className = "q"; document.getElementById("AUTOFEATUREPIC").appendChild(this.photo); }catch(e) {} } }, ajaxRequest: function(url,func,handler) { var httprequest = window.XMLHttpRequest? new XMLHttpRequest():new ActiveXObject("Msxml2.XMLHTTP"); httprequest.onreadystatechange = function() { if (httprequest.readyState == 4) { if (httprequest.status == 200) { func(httprequest.responseText,handler); } } }; httprequest.open("GET", url, true); httprequest.send(null); } };[/quote] bagian yang di[b]bold[/b] bisa kamu ganti seperlunya... [b]keterangan:[/b] NAMA FF = nama dari si featured friend TENTANG FF = yang mau kamu tampilin di tooltips featured itu ID FF = bisa kamu cari dengan menekan "view - page source" di browser kamu URL FOTO FF = bisa kamu dapatkan dengan klik kanan foto, tuz "copy link location" COMMENT BUAT FF = caption yang mau kamu kasi ke featured friend kamu... live preview: [url]http://profiles.friendster.com/megalici0us[/url] semoga berguna ya... *siapa yang uda nyoba, tolong kabarin kalo berhasil ya... *

Last edited by mega.tan (2008-03-11 03:50:29)