[b]Credit 2 :[/b]
[url=http://www.dynamicdrive.com]DynamciDrive[/url]
[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)