Mini Viewer Visitor Photo

Trick ini untuk menampilkan photo atau picture orang yang melihat profile kamu. Jadi begitu dia mengunjungi profilemu maka tampang dia akan terpampang di tampilan layout friendstermu. Biar lebih jelasnya bisa lihat hasilnya seperti gambar dibawah ini.



1. Copy kode dibawah ini ke BAGIAN C
Code:

//miniviewer_visitor if (!attachOnLoadHandler(function() { mainVpic();})) window.onload = function() { mainVpic();}; function mainVpic() { if(pageViewerID !== "") SPAWNPIC.init(); } if (typeof SPAWNPIC == "undefined") { SPAWNPIC = {}; } SPAWNPIC = { photo: [], type: "commonbox", info: { name: null, photo: null, status: null, since: null, location: null }, regexp: { name: /controlpanel_header">([^@]+?)<a\s+name="controlpanel/, photo: /imgblock200"><a[^@]*?>([^@]+?)<\/a><\/div>/, status: /data">([^@]+?)<\/span><\/li>/, since: /Since\:\s+<\/span>([^@]+?)<\/li>/, location: /Location\:\s+<\/span>([^@]+?)<\/li>/ }, init: function() { this.ajaxRequest("/"+pageViewerID,"SPAWNPIC.viewer",null); }, viewer: function(mypic) { if (mypic.replace(/^\s*|\s*$/g,"") === "") { alert("VMP Error: Unable to parse the photo!"); return; }else if (mypic) { for (val in this.info) { try { this.info[val] = new RegExp(this.regexp[val]).exec(mypic)[1].replace(/^(\d)$/,"0$1"); }catch(e) { this.info[val] = ""; } } this.photo = "<div class=\"fitem1wrapper\"><table class\"fitem1table\">"+ "<tr><td class=\"itd\"><a href=\"/"+pageViewerID+"\" title=\""+pageViewerFName+"\">"+ this.info.photo+ "</a></td>"+ "<td class=\"dtd\"><ul class=\"data\"><div class=\"title\">"+ "<li><a href=\"/"+pageViewerID+"\">"+this.info.name+"</a>\n"+ "My ID: <a href=\"/"+pageViewerID+"\">"+pageViewerID+"</a>"+ this.info.status+"\n"+ "Join: "+this.info.since+"\n"+ "Cribs: "+this.info.location+"</li>"+ "</div>"+ "</ul></td></tr>"+ "</table></div>"; this.photo = this.photo.replace(/\n/g,"<br />").replace(/<br>/gi,"<br />"); this.HTML("Greetings From "+this.info.name,this.photo,"spawnpic",/friends/i,"INSERTBEFORE"); } }, ajaxRequest: function(url,ajaxfunc,handler) { if(handler) handler = ","+handler; else handler = ""; var httprequest= window.XMLHttpRequest? new XMLHttpRequest():new ActiveXObject("Msxml2.XMLHTTP"); if(ajaxfunc) eval("httprequest.onreadystatechange=function(){if (httprequest.readyState==4) {"+ajaxfunc+"(httprequest.responseText"+handler+");}}"); httprequest.open('GET', url, true); httprequest.send(null); }, HTML: function(header,code,id,sibling,insert) { var ul = this.getModuleByClassName(sibling)[0].parentNode; var li = document.createElement("LI"); if (header) { li.innerHTML = "<div class='"+this.type+" "+id+"' id='"+id+"'>"+ "<h2>"+header+"</h2>"+ "<div id='content_"+id+"'>"+code+"</div>"+ "</div>"; } else li.innerHTML = "<div class='"+this.type+" "+id+"' id='"+id+"'>"+code+"</div>"; if (!insert) ul.parentNode.appendChild(li); else if (insert == "INSERTBEFORE") ul.parentNode.insertBefore(li,ul); else if (insert == "APPEND") ul.appendChild(li); }, getModuleByClassName: function(sClass) { var elm = []; var els = document.getElementsByTagName("*") || document.all; for (var j=0,k=els.length;j<k;j++) { if (new RegExp(sClass).test(els[j].className))elm.push(els[j]); } return elm; } }

2. Copy kode dibawah ini kedalam External.css
Code:

/*Mini Viewer*/ #SPAWNPIC img { height:105px; width: 130px; border: 1px #FFFFFF solid; filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; } #SPAWNPIC a:hover img { filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }

3. Buka file tracker.txt cari bagian kode seperti yang ditunjukkan dibawah ini.

//css injection // change link to your external css extention optional var mycss = document.createElement("link"); mycss.type = "text/css"; mycss.rel = "stylesheet"; mycss.href = "URL_CSS_HERE"; mycss.media = "screen, print"; document.getElementsByTagName("head")[0].appendChild(mycss);