Pages: 12
[b]Slidenya[/b]
[url=http://www.websnapr.com]websnapr[/url]
[b]previewbubblesnya[/b]
[url=http://profiles.friendster.com/anoer]Noel[/url]
[url=http://profiles.friendster.com/28043635]PREPIU[/url]
Langsung ke [b]TKP[/b] yuk ...
pertama
Bikin file [b]php[/b] di hostingan kamu
contoh : [quote]http://h1.ripway.com/noeljelek/creditkoe.php[/quote]
[spoiler]
<html>
<head>
<title>..:: Credit Koe ::..</title>
<style type="text/css">
a:link {color: #eeeeee ; text-decoration: none; font-family: Courier New;font-size:10pt;}
a:visited {color: #eeeeee ; text-decoration: none; font-family: Courier New;font-size:10pt;}
a:hover {color: #ff0000 ; text-decoration: underline; }
a:active {color: #eeeeee ;text-decoration: underline;font-size:10pt; }
</style>
</head>
<body bgcolor="[b]#000000[/b]" style="overflow:hidden;" text="[b]#00ff00[/b]">
</script>
<script type="text/javascript">
//[b]GAMBAR ARROW KIRI DAN KANAN[/b]
var goleftimage='http://i36.photobucket.com/albums/e11/anoer/oie_kiri.png'
var gorightimage='http://i36.photobucket.com/albums/e11/anoer/oie_kanan.png'
//[b]MENGATUR LEBAR MENU[/b] (in px):
var menuwidth=300
//[b]MENGATUR TINGGI MENU[/b] (in px):
var menuheight=30
//[b]SPECIFY SCROLL BUTTON[/b] ("normal" or "reverse"):
var scrolldir="normal"
//[b]MENGATUR KECEPATAN SCROLL[/b] (1-10), where larger is faster
var scrollspeed=6
//[b]CREDITS LINK KALIAN[/b]
var menucontents='<nobr><a class="previewlink" href="[b]URL Credits kamu[/b]">[b]Credits[/b]</a> | <a class="previewlink" [b]URL Credits Kamu[/b]">[b]Credits[/b]</a> | <a class="previewlink" href="[b]URL Credits Kamu[/b]">[b]Credits[/b]</a> | <a class="previewlink" href="[b]URL Credits Kamu[/b]">[b]Credits[/b]</a> | <a class="previewlink" href="[b]URL Credits kamu[/b]">[b]Credits[/b]</a> | <a class="previewlink" href="[b]URL Credits kamu[/b]">[b]Credits[/b]</a> | <a class="previewlink" href="[b]URL Credits kamu[/b]">[b]Credits[/b]</a> | <a class="previewlink" href="[b]URL Credits kamu[/b]">[b]Credits[/b]</a> | <a class="previewlink" href="[b]URL Credits kamu[/b]">[b]Credits[/b]</a> |</nobr>'
////TIDAK PERLU EDIT////////////
var iedom=document.all||document.getElementById
var leftdircode='onMouseover="moveleft()" onMouseout="clearTimeout(lefttime)"'
var rightdircode='onMouseover="moveright()" onMouseout="clearTimeout(righttime)"'
if (scrolldir=="reverse"){
var tempswap=leftdircode
leftdircode=rightdircode
rightdircode=tempswap
}
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-5000">'+menucontents+'</span>')
var actualwidth=''
var cross_scroll, ns_scroll
var loadedyes=0
function fillup(){
if (iedom){
cross_scroll=document.getElementById? document.getElementById("test2") : document.all.test2
cross_scroll.innerHTML=menucontents
actualwidth=document.all? cross_scroll.offsetWidth : document.getElementById("temp").offsetWidth
}
else if (document.layers){
ns_scroll=document.ns_scrollmenu.document.ns_scrollmenu2
ns_scroll.document.write(menucontents)
ns_scroll.document.close()
actualwidth=ns_scroll.document.width
}
loadedyes=1
}
window.onload=fillup
function moveleft(){
if (loadedyes){
if (iedom&&parseInt(cross_scroll.style.left)>(menuwidth-actualwidth)){
cross_scroll.style.left=parseInt(cross_scroll.style.left)-scrollspeed+"px"
}
else if (document.layers&&ns_scroll.left>(menuwidth-actualwidth))
ns_scroll.left-=scrollspeed
}
lefttime=setTimeout("moveleft()",50)
}
function moveright(){
if (loadedyes){
if (iedom&&parseInt(cross_scroll.style.left)<0)
cross_scroll.style.left=parseInt(cross_scroll.style.left)+scrollspeed+"px"
else if (document.layers&&ns_scroll.left<0)
ns_scroll.left+=scrollspeed
}
righttime=setTimeout("moveright()",50)
}
if (iedom||document.layers){
with (document){
write('<table border="0" cellspacing="0" cellpadding="2">')
write('<td valign="middle"><a href="#" '+leftdircode+'><img src="'+goleftimage+'"border=0></a> </td>')
write('<td width="'+menuwidth+'px" valign="top">')
if (iedom){
write('<div style="position:relative;width:'+menuwidth+'px;height:'+menuheight+'px;overflow:hidden;">')
write('<div id="test2" style="position:absolute;left:0;top:0">')
write('</div></div>')
}
else if (document.layers){
write('<ilayer width='+menuwidth+' height='+menuheight+' name="ns_scrollmenu">')
write('<layer name="ns_scrollmenu2" left=0 top=0></layer></ilayer>')
}
write('</td>')
write('<td valign="middle"> <a href="#" '+rightdircode+'>')
write('<img src="'+gorightimage+'"border=0></a>')
write('</td></table>')
}
}
</script>
<script type="text/javascript">
// Point this variable to the correct location of the bg.png file
var bubbleImagePath = 'http://i36.photobucket.com/albums/e11/anoer/oie_bg2.png';
// Insert your WebSnapr developer key here - get it free on www.websnapr.com
var developerKey = 'o0Sg6AVxVH36';
// TIDAK PERLU EDIT
if(typeof Array.prototype.push!="function"){
Array.prototype.push=ArrayPush;
function ArrayPush(_1){
this[this.length]=_1;
}
}
function WSR_getElementsByClassName(_2,_3,_4){
var _5=(_3=="*"&&_2.all)?_2.all:_2.getElementsByTagName(_3);
var _6=new Array();
_4=_4.replace(/\-/g,"\\-");
var _7=new RegExp("(^|\\s)"+_4+"(\\s|$)");
var _8;
for(var i=0;i<_5.length;i++){
_8=_5[i];
if(_7.test(_8.className)){
_6.push(_8);
}
}
return (_6);
}
function bindBubbles(e){
lbActions=WSR_getElementsByClassName(document,"a","previewlink");
for(i=0;i<lbActions.length;i++){
if(window.addEventListener){
lbActions[i].addEventListener("mouseover",attachBubble,false);
lbActions[i].addEventListener("mouseout",detachBubble,false);
}else{
lbActions[i].attachEvent("onmouseover",attachBubble);
lbActions[i].attachEvent("onmouseout",detachBubble);
}
}
}
function attachBubble(_b){
var _c;
if(_b["srcElement"]){
_c=_b["srcElement"];
}else{
_c=_b["target"];
}
if (_c.href == undefined){
_c=_c.parentNode;
}
var _d=_c.href;
var _e=findPos(_c)[0]+5;
var _f=findPos(_c)[1]+17;
var _10=document.createElement("div");
document.getElementsByTagName("body")[0].appendChild(_10);
_10.className="previewbubble";
if (BrowserDetect.browser == 'Explorer') {
_10.style.width="240px";
_10.style.position="absolute";
_10.style.top=_f;
_10.style.zIndex=99999;
_10.style.left=_e;
_10.style.textAlign="left";
_10.style.height="190px";
_10.style.paddingTop="0";
_10.style.paddingLeft="0";
_10.style.paddingBottom="0";
_10.style.paddingRight="0";
_10.style.marginTop="0";
_10.style.marginLeft="0";
_10.style.marginBottom="0";
_10.style.marginRight="0";
_10.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + bubbleImagePath + "',sizingMethod='image')";
} else {
_10.setAttribute("style","text-align: center; z-index: 99999; position: absolute; top: "+_f+"px ; left: "+_e+"px ; background: url("+ bubbleImagePath +") no-repeat; width: 240px; height: 190px; padding: 0; margin: 0;");
}
if (BrowserDetect.browser == 'Safari' || BrowserDetect.browser == 'Konqueror' ) {
var _height = _f;
_10.setAttribute("style","text-align: center; z-index: 99999; position: absolute; top: "+ _height +"px ; left: "+_e+"px ; background: url("+ bubbleImagePath +") no-repeat; width: 240px; height: 190px; padding: 0; margin: 0;");
}
var img=document.createElement("img");
_10.appendChild(img);
if (BrowserDetect.browser == 'Explorer') {
img.style.paddingTop="0";
img.style.paddingLeft="0";
img.style.paddingBottom="0";
img.style.paddingRight="0";
img.style.margin="auto";
img.style.marginTop="10px";
img.style.marginLeft="10px";
img.style.marginBottom="0";
img.style.marginRight="0";
img.style.borderTop="0";
img.style.borderLeft="0";
img.style.borderBottom="0";
img.style.borderRight="0";
} else {
img.setAttribute("style","padding-top: 0; padding-left: 0; padding-right: 120; padding-bottom: 0; margin-top: 11px; margin-left: 0px; margin-bottom: 0; margin-right: 0; border: 0");
}
img.setAttribute("src","http://images.websnapr.com/?key=" + encodeURIComponent(developerKey) + "&url="+_d);
img.setAttribute("width",110);
img.setAttribute("height",80);
img.setAttribute("alt","Snapshot");
}
function detachBubble(_12){
lbActions=WSR_getElementsByClassName(document,"div","previewbubble");
for(i=0;i<lbActions.length;i++){
lbActions[i].parentNode.removeChild(lbActions[i]);
}
}
if(window.addEventListener){
addEventListener("load",bindBubbles,false);
}else{
attachEvent("onload",bindBubbles);
}
function findPos(obj){
var _14=curtop=0;
if(obj.offsetParent){
_14=obj.offsetLeft;
curtop=obj.offsetTop;
while(obj=obj.offsetParent){
_14+=obj.offsetLeft;
curtop+=obj.offsetTop;
}
}
return [_14,curtop];
}
var BrowserDetect = {
init: function () {
this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
this.version = this.searchVersion(navigator.userAgent)
|| this.searchVersion(navigator.appVersion)
|| "an unknown version";
this.OS = this.searchString(this.dataOS) || "an unknown OS";
},
searchString: function (data) {
for (var i=0;i<data.length;i++) {
var dataString = data[i].string;
var dataProp = data[i].prop;
this.versionSearchString = data[i].versionSearch || data[i].identity;
if (dataString) {
if (dataString.indexOf(data[i].subString) != -1)
return data[i].identity;
}
else if (dataProp)
return data[i].identity;
}
},
searchVersion: function (dataString) {
var index = dataString.indexOf(this.versionSearchString);
if (index == -1) return;
return parseFloat(dataString.substring(index+this.versionSearchString.length+1));
},
dataBrowser: [
{ string: navigator.userAgent,
subString: "OmniWeb",
versionSearch: "OmniWeb/",
identity: "OmniWeb"
},
{
string: navigator.vendor,
subString: "Apple",
identity: "Safari"
},
{
prop: window.opera,
identity: "Opera"
},
{
string: navigator.vendor,
subString: "iCab",
identity: "iCab"
},
{
string: navigator.vendor,
subString: "KDE",
identity: "Konqueror"
},
{
string: navigator.userAgent,
subString: "Firefox",
identity: "Firefox"
},
{
string: navigator.vendor,
subString: "Camino",
identity: "Camino"
},
{ // for newer Netscapes (6+)
string: navigator.userAgent,
subString: "Netscape",
identity: "Netscape"
},
{
string: navigator.userAgent,
subString: "MSIE",
identity: "Explorer",
versionSearch: "MSIE"
},
{
string: navigator.userAgent,
subString: "Gecko",
identity: "Mozilla",
versionSearch: "rv"
},
{ // for older Netscapes (4-)
string: navigator.userAgent,
subString: "Mozilla",
identity: "Netscape",
versionSearch: "Mozilla"
}
],
dataOS : [
{
string: navigator.platform,
subString: "Win",
identity: "Windows"
},
{
string: navigator.platform,
subString: "Mac",
identity: "Mac"
},
{
string: navigator.platform,
subString: "Linux",
identity: "Linux"
}
]
};
BrowserDetect.init();
</script>
</body>
</html>
[/spoiler]
Panjang banget ya ....
edit seperlunya
sesuaikan dengan layout kalian
simpan code panjang di atas dengan extensi [b]php[/b]
Kemudian Copas code di bawah ini ke dalam JS kalian di bagian [b]A[/b]
[quote]menoer=" <div id='menoer' class='commonbox menoer'><div id='content_menoer'><div align='center'><iframe style='allowtransparency='true' frameborder=0 width='100%' height='120' src=[b]'URL php kamu'[/b]></iframe></div>";
var hb = document.getElementById[b]('10')[/b];
var jbx = document.createElement("li");
jbx.innerHTML=menoer;
hb.parentNode.insertBefore(jbx,hb);[/quote]
Lihat bagian yg dicetak tebal, itu adalah penempatan posisi box
[b]('10')[/b] penempatannya di bawah media box (seperti yang kalian liat di prepiu)
[b]('0')[/b] penempatannya di atas control panel
Langkah terakhir
Masukan code di bawah ini ke dalam [b]css[/b] kalian
[spoiler]
#menoer{position:relative; overflow:auto; border:none;}
[b]di bawah ini css untuk profile satu kolom[/b]
#menoer{position:relative; left:160px!important; overflow:auto; width:490px; border:none;}
[/spoiler]
Selamat Mencoba ...
n Moga berhasil...
Sorry ya ... !!! klo ada kesalahan dalam posting ini
[color=blue]Special Tengs 2[/color] [b]q_ka[/b]
Last edited by anoer (2008-05-26 16:55:35)

. Thanx for share


kabur ke TKP akh....


mangnya ga boleh...
lagian klo boxna itu sebelumnya ga d perbesar
gw ga tau klo previewbubblesnya jalan...
pokoknya trims aja .. boleh kan
entar klo ada masalah bisakan gua tanya cama bo
kaburrrrr aahhhh
mangnya ga boleh...
lagian klo boxna itu sebelumnya ga d perbesar
gw ga tau klo previewbubblesnya jalan...
pokoknya trims aja .. boleh kan
[/quote]
oooo
klo gitu, numpang coba2