LANGSUNG AJA KODE INI UTK MEMBUAT BANNER,FRIENDS GALLERY DAN PHOTO GALLERY KAMU DIUBAH MENJADI BENTUK ROTATOR ATAU SAMA DGN DIUBAH MENJADI SLIDE.... Credits: Loyce Bradley Petrey of http://www.EchoChrist.com/MagicImage and Dynamic Drive (www.dynamicdrive.com) preview.... http://profiles.friendster.com/mytestpage1 [b]Lihat di banner,photo gallery,dan friend gallery[/b] [b]tested in IE7 dan Mozilla Browser[/b] code: [b]code utk banner rotator:[/b] [spoiler]/////////////////////////////////////////////////////////// /// Magic Image Rotation /// /// v 1.0.1 /// /// Copyright 2007, Loyce Bradley Petrey /// /// All Rights Reserved. /// /// http://www.EchoChrist.com/MagicImage /// /// webmaster@EchoChrist.com /// /// /// /// This script is free to use as long as this notice /// /// remains unchanged and intact. /// /// /// /// This program is free software: you can redistribute /// /// it and/or modify it under the terms of the GNU /// /// General Public License as published by the Free /// /// Software Foundation. /// /// /// /// This program is distributed in the hope that it /// /// will be useful, but WITHOUT ANY WARRANTY; without /// /// even the implied warranty of MERCHANTABILITY or /// /// FITNESS FOR A PARTICULAR PURPOSE. /// /// /// /// Be Imitators of God as dear children and walk /// /// in love as Christ also loved us. /// /// Ephesians 5:1-2 /// /////////////////////////////////////////////////////////// var ImageLoad = [ ['userid1', 'URL of banner1', 'Title 1'], // ['URL to linked page', 'URL to image', 'Caption under picture']// ['userid2', 'URL of banner2', 'Title 2'], // The caption is not required and may be left blank like this: // ['userid3', 'URL of banner3', 'Title 3'], // ['URL to linked page', 'URL to image', '']// ['userid4', 'URL of banner4', 'Title 4'], // Add as many images as you like seperated by commmas// ['userid5', 'URL of banner5', 'Title 5'], // Almost ALL errors are caused by the url or path being wrong // ['userid6', 'URL of banner6', 'Title 6'] // The LAST image declaration does NOT have a comma after it // ]; var ImageCount = 6; // ***** Change this to the total number of images loaded above ***** // var ImageDelay = 4000; // ***** Set this to the delay interval desired. 4000 = 4 seconds. // var LinkTarget = "_self" // ***** Defines where you want linked page to open. _self, _blank, _top, etc // var ImageIndex = 0; // DO NOT ALTER // var FirstLoad = 0; // DO NOT ALTER // var QuickStartID = 0; // DO NOT ALTER // var htmlString = "" // DO NOT ALTER // // This function rotates the banner // function ImageChange() { htmlString = '<center>'; htmlString = htmlString + '<font face = "Verdana" size="1">'; // Font and Font Size for caption may be changed here // htmlString = htmlString +'<a target="'; htmlString = htmlString + LinkTarget; htmlString = htmlString + '" href="'; htmlString = htmlString + ImageLoad[ImageIndex][0]; htmlString = htmlString + '"><img class="shakeimage" onMouseover="initshake(this);rattleimage()" onMouseout="stoprattle(this);top.focus()" onClick="top.focus()"border="0" src="'; // Image border size may be changed here // htmlString = htmlString + ImageLoad[ImageIndex][1]; htmlString = htmlString + '"></a><br>'; htmlString = htmlString + ImageLoad[ImageIndex][2]; htmlString = htmlString + '</font>'; htmlString = htmlString + '</center>'; banneradrow.getElementsByTagName("td")[0].innerHTML= htmlString; if(ImageIndex == ImageCount - 1) // This statement increments image displayed and resets if displaying last image // { ImageIndex= 0; } else { ImageIndex++; } if(FirstLoad == 0) // Determins if this is the first time function has run. // { SlowFinish(); } } // End Funtion // // This function ensures first banner is displayted without a delay // function QuickStart() { QuickStartID=setInterval("ImageChange()", 1000); } // End Funtion // // This function sets display rate to user defined speed // function SlowFinish() { clearInterval(QuickStartID); FirstLoad = 1; setInterval("ImageChange()", ImageDelay); } // End Funtion // QuickStart();[/spoiler] [b]code utk friend image rotator:[/b] [spoiler]/////////////////////////////////////////////////////////// /// Magic Image Rotation /// /// v 1.0.1 /// /// Copyright 2007, Loyce Bradley Petrey /// /// All Rights Reserved. /// /// http://www.EchoChrist.com/MagicImage /// /// webmaster@EchoChrist.com /// /// /// /// This script is free to use as long as this notice /// /// remains unchanged and intact. /// /// /// /// This program is free software: you can redistribute /// /// it and/or modify it under the terms of the GNU /// /// General Public License as published by the Free /// /// Software Foundation. /// /// /// /// This program is distributed in the hope that it /// /// will be useful, but WITHOUT ANY WARRANTY; without /// /// even the implied warranty of MERCHANTABILITY or /// /// FITNESS FOR A PARTICULAR PURPOSE. /// /// /// /// Be Imitators of God as dear children and walk /// /// in love as Christ also loved us. /// /// Ephesians 5:1-2 /// /////////////////////////////////////////////////////////// var ImageLoad2 = [ ['friend userid1', 'URL of picture1', '<a href="/friendsuserid">friendname 1</a><br><br>comment1 comment1 comment1 comment1 comment1 comment1 comment1 comment1'], // ['URL to linked page', 'URL to image', 'Caption under picture']// ['friend userid2', 'URL of picture2', '<a href="/friendsuserid">friendname 2</a><br><br>comment2 comment2 comment2 comment2 comment2 comment2 comment2 comment2'], // The caption is not required and may be left blank like this: // ['friend userid3', 'URL of picture3', '<a href="/friendsuserid">friendname 3</a><br><br>comment3 comment3 comment3 comment3 comment3 comment3 comment3 comment3'], // ['URL to linked page', 'URL to image', '']// ['friend userid4', 'URL of picture4', '<a href="/friendsuserid">friendname 4</a><br><br>comment4 comment4 comment4 comment4 comment4 comment4 comment4 comment4'], // Add as many images as you like seperated by commmas// ['friend userid5', 'URL of picture5', '<a href="/friendsuserid">friendname 5</a><br><br>comment5 comment5 comment5 comment5 comment5 comment5 comment5 comment5'], // Almost ALL errors are caused by the url or path being wrong // ['friend userid6', 'URL of picture6', '<a href="/friendsuserid">friendname 6</a><br><br>comment6 comment6 comment6 comment6 comment6 comment6 comment6 comment6'] // The LAST image declaration does NOT have a comma after it // ]; var ImageCount2 = 6; // ***** Change this to the total number of images loaded above ***** // var ImageDelay2 = 4000; // ***** Set this to the delay interval desired. 4000 = 4 seconds. // var LinkTarget2 = "_self" // ***** Defines where you want linked page to open. _self, _blank, _top, etc // var ImageIndex2 = 0; // DO NOT ALTER // var FirstLoad2 = 0; // DO NOT ALTER // var QuickStart2ID = 0; // DO NOT ALTER // var htmlStrings2 = "" // DO NOT ALTER // // This function rotates the banner // function ImageChange2() { htmlStrings2 = '<center>'; htmlStrings2 = htmlStrings2 + '<font face = "Verdana" size="2">'; // Font and Font Size for caption may be changed here // htmlStrings2 = htmlStrings2 +'<a target="'; htmlStrings2 = htmlStrings2 + LinkTarget2; htmlStrings2 = htmlStrings2 + '" href="'; htmlStrings2 = htmlStrings2 + ImageLoad2[ImageIndex2][0]; htmlStrings2 = htmlStrings2 + '"><br><img class="shakeimage" onMouseover="initshake(this);rattleimage()" onMouseout="stoprattle(this);top.focus()" onClick="top.focus()"height="100px" width="100px" border="1" src="'; // Image border size may be changed here // htmlStrings2 = htmlStrings2 + ImageLoad2[ImageIndex2][1]; htmlStrings2 = htmlStrings2 + '"></a><br>'; htmlStrings2 = htmlStrings2 + ImageLoad2[ImageIndex2][2]; htmlStrings2 = htmlStrings2 + '</font>'; htmlStrings2 = htmlStrings2 + '</center><br>'; document.getElementById('content_2').innerHTML = htmlStrings2; if(ImageIndex2 == ImageCount2 - 1) // This statement increments image displayed and resets if displaying last image // { ImageIndex2= 0; } else { ImageIndex2++; } if(FirstLoad2 == 0) // Determins if this is the first time function has run. // { SlowFinish2(); } } // End Funtion // // This function ensures first banner is displayted without a delay // function QuickStart2() { QuickStart2ID=setInterval("ImageChange2()", 1000); } // End Funtion // // This function sets display rate to user defined speed // function SlowFinish2() { clearInterval(QuickStart2ID); FirstLoad2 = 1; setInterval("ImageChange2()", ImageDelay2); } // End Funtion // QuickStart2();[/spoiler] [b]code utk photo gallery image rotator[/b] [spoiler]/////////////////////////////////////////////////////////// /// Magic Image Rotation /// /// v 1.0.1 /// /// Copyright 2007, Loyce Bradley Petrey /// /// All Rights Reserved. /// /// http://www.EchoChrist.com/MagicImage /// /// webmaster@EchoChrist.com /// /// /// /// This script is free to use as long as this notice /// /// remains unchanged and intact. /// /// /// /// This program is free software: you can redistribute /// /// it and/or modify it under the terms of the GNU /// /// General Public License as published by the Free /// /// Software Foundation. /// /// /// /// This program is distributed in the hope that it /// /// will be useful, but WITHOUT ANY WARRANTY; without /// /// even the implied warranty of MERCHANTABILITY or /// /// FITNESS FOR A PARTICULAR PURPOSE. /// /// /// /// Be Imitators of God as dear children and walk /// /// in love as Christ also loved us. /// /// Ephesians 5:1-2 /// /////////////////////////////////////////////////////////// var ImageLoad1 = [ ['friend userid1 optional', 'url of picture', 'Title 1'], // ['URL to linked page', 'URL to image', 'Caption under picture']// ['friend userid2 optional', 'url of picture', 'Title 2'], // The caption is not required and may be left blank like this: // ['friend userid3 optional', 'url of picture', 'Title 3'], // ['URL to linked page', 'URL to image', '']// ['friend userid4 optional', 'url of picture', 'Title 4'], // Add as many images as you like seperated by commmas// ['friend userid5 optional', 'url of picture', 'Title 5'], // Almost ALL errors are caused by the url or path being wrong // ['friend userid5 optional', 'url of picture', 'Title 6'] // The LAST image declaration does NOT have a comma after it // ]; var ImageCount1 = 6; // ***** Change this to the total number of images loaded above ***** // var ImageDelay1 = 4000; // ***** Set this to the delay interval desired. 4000 = 4 seconds. // var LinkTarget1 = "_self" // ***** Defines where you want linked page to open. _self, _blank, _top, etc // var ImageIndex1 = 0; // DO NOT ALTER // var FirstLoad1 = 0; // DO NOT ALTER // var QuickStart1ID = 0; // DO NOT ALTER // var htmlStrings = "" // DO NOT ALTER // // This function rotates the banner // function ImageChange1() { htmlStrings = '<center>'; htmlStrings = htmlStrings + '<font face = "Verdana" size="3">'; // Font and Font Size for caption may be changed here // htmlStrings = htmlStrings +'<a target="'; htmlStrings = htmlStrings + LinkTarget1; htmlStrings = htmlStrings + '" href="'; htmlStrings = htmlStrings + ImageLoad1[ImageIndex1][0]; htmlStrings = htmlStrings + '"><img class="shakeimage" onMouseover="initshake(this);rattleimage()" onMouseout="stoprattle(this);top.focus()" onClick="top.focus()"height="300px" width="300px" border="2" src="'; // Image border size may be changed here // htmlStrings = htmlStrings + ImageLoad1[ImageIndex1][1]; htmlStrings = htmlStrings + '"></a><br>'; htmlStrings = htmlStrings + ImageLoad1[ImageIndex1][2]; htmlStrings = htmlStrings + '</font>'; htmlStrings = htmlStrings + '</center><br>'; document.getElementById('content_1').innerHTML = htmlStrings; if(ImageIndex1 == ImageCount1 - 1) // This statement increments image displayed and resets if displaying last image // { ImageIndex1= 0; } else { ImageIndex1++; } if(FirstLoad1 == 0) // Determins if this is the first time function has run. // { SlowFinish1(); } } // End Funtion // // This function ensures first banner is displayted without a delay // function QuickStart1() { QuickStart1ID=setInterval("ImageChange1()", 1000); } // End Funtion // // This function sets display rate to user defined speed // function SlowFinish1() { clearInterval(QuickStart1ID); FirstLoad1 = 1; setInterval("ImageChange1()", ImageDelay1); } // End Funtion // QuickStart1();[/spoiler] [b]*******EDIT BAGIAN DI BAWAH INI********[/b] [b]utk banner rotator edit bagian ini[/b] [spoiler]edit this part ['userid1', 'URL of banner1', 'Title 1'], // ['URL to linked page', 'URL to image', 'Caption under picture']// ['userid2', 'URL of banner2', 'Title 2'], // The caption is not required and may be left blank like this: // ['userid3', 'URL of banner3', 'Title 3'], // ['URL to linked page', 'URL to image', '']// ['userid4', 'URL of banner4', 'Title 4'], // Add as many images as you like seperated by commmas// ['userid5', 'URL of banner5', 'Title 5'], // Almost ALL errors are caused by the url or path being wrong // ['userid6', 'URL of banner6', 'Title 6'] // The LAST image declaration does NOT have a comma after it // edit userid(optional), url of banner, title(optional) then save as bannerRotator.js on your webhost Code: //BANNER ROTATOR var js = document.createElement("script"); js.type = "text/javascript"; js.src = "url of banerRotator.js"; document.getElementsByTagName("head")[0].appendChild(js);[/spoiler] [b]utk friend image rotator edit bagian ini[/b] [spoiler]edit this part ['friend userid1', 'URL of picture1', '<a href="/friendsuserid">friendname 1</a><br><br>comment1 comment1 comment1 comment1 comment1 comment1 comment1 comment1'], // ['URL to linked page', 'URL to image', 'Caption under picture']// ['friend userid2', 'URL of picture2', '<a href="/friendsuserid">friendname 2</a><br><br>comment2 comment2 comment2 comment2 comment2 comment2 comment2 comment2'], // The caption is not required and may be left blank like this: // ['friend userid3', 'URL of picture3', '<a href="/friendsuserid">friendname 3</a><br><br>comment3 comment3 comment3 comment3 comment3 comment3 comment3 comment3'], // ['URL to linked page', 'URL to image', '']// ['friend userid4', 'URL of picture4', '<a href="/friendsuserid">friendname 4</a><br><br>comment4 comment4 comment4 comment4 comment4 comment4 comment4 comment4'], // Add as many images as you like seperated by commmas// ['friend userid5', 'URL of picture5', '<a href="/friendsuserid">friendname 5</a><br><br>comment5 comment5 comment5 comment5 comment5 comment5 comment5 comment5'], // Almost ALL errors are caused by the url or path being wrong // ['friend userid6', 'URL of picture6', '<a href="/friendsuserid">friendname 6</a><br><br>comment6 comment6 comment6 comment6 comment6 comment6 comment6 comment6'] // The LAST image declaration does NOT have a comma after it // edit frienduserid, url of picture, friendname, comment then save as friendImageRotator.js on your webhost Code: //FRIEND IMAGE ROTATOR var js = document.createElement("script"); js.type = "text/javascript"; js.src = "url of friendImageRotator.js"; document.getElementsByTagName("head")[0].appendChild(js);[/spoiler] [b]utk photo gallery image rotator edit bagian ini[/b] [spoiler]edit this part [ ['friend userid1 optional', 'url of picture', 'Title 1'], // ['URL to linked page', 'URL to image', 'Caption under picture']// ['friend userid2 optional', 'url of picture', 'Title 2'], // The caption is not required and may be left blank like this: // ['friend userid3 optional', 'url of picture', 'Title 3'], // ['URL to linked page', 'URL to image', '']// ['friend userid4 optional', 'url of picture', 'Title 4'], // Add as many images as you like seperated by commmas// ['friend userid5 optional', 'url of picture', 'Title 5'], // Almost ALL errors are caused by the url or path being wrong // ['friend userid5 optional', 'url of picture', 'Title 6'] // The LAST image declaration does NOT have a comma after it // ]; edit frienduserid(optional), url of picture, Title then save as photoImageRotator.js on your webhost Code: //PHOTO GALLERY IMAGE ROTATOR var js = document.createElement("script"); js.type = "text/javascript"; js.src = "url of photoImageRotator.js"; document.getElementsByTagName("head")[0].appendChild(js);[/spoiler] [b]Utk shaking imagenya:[/b] [spoiler]/**************************************** Shake image script (onMouseover)- � Dynamic Drive (www.dynamicdrive.com) For full source code, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com *****************************************/ //configure shake degree (where larger # equals greater shake) var rector=3 ///////DONE EDITTING/////////// var stopit=0 var a=1 function initshake(which){ stopit=0 shake=which shake.style.left=0 shake.style.top=0 } function rattleimage(){ if ((!document.all&&!document.getElementById)||stopit==1) return if (a==1){ shake.style.top=parseInt(shake.style.top)+rector } else if (a==2){ shake.style.left=parseInt(shake.style.left)+rector } else if (a=){ shake.style.top=parseInt(shake.style.top)-rector } else{ shake.style.left=parseInt(shake.style.left)-rector } if (a<4) a++ else a=1 setTimeout("rattleimage()",50) } function stoprattle(which){ stopit=1 which.style.left=0 which.style.top=0 }[/spoiler] [b]Utk CSS shaking imagenya:[/b] [spoiler].shakeimage {position:relative;}[/spoiler] [b]NB: 1.SEMUA KODE DIMASUKKAN DI DALAM JS INJECTION KAMU DAN DITARUH DI BAGIAN A 2.UTK SHAKING IMAGENYA KAMU TARU DI BAGIAN C[/b] CONTOH: UTK BANNER CODE: //BANNER ROTATOR [b]var js = document.createElement("script"); js.type = "text/javascript"; js.src = "url of banerRotator.js"; document.getElementsByTagName("head")[0].appendChild(js); [/b] UTK FRIEND ROTATOR: //FRIEND ROTATOR [b]var js = document.createElement("script"); js.type = "text/javascript"; js.src = "url of friendRotator.js"; document.getElementsByTagName("head")[0].appendChild(js);[/b] UTK PHOTO GALLERY ROTATOR: //PHOTO ROTATOR [b]var js = document.createElement("script"); js.type = "text/javascript"; js.src = "url of photogalleryRotator.js"; document.getElementsByTagName("head")[0].appendChild(js);[/b]

Last edited by r317d1 (2009-01-27 13:10:17)