[/quote]
ini mungkin yng bro almo maksud ^^
<">
[/quote]
Codenya harus di simpan di Web hosting dulu bro.
Saya sendiri memakai web hosting [url=http://ripway.com][color=blue][b]Ripway[/b][/color][/url].
OK, saya jelaskan bagaimana meng-save file [b]css[/b] atau [b]js[/b] ke web hosting [url=http://ripway.com][color=blue][b]Ripway[/b][/color][/url].
~ Langkah2
1. Masuk ke Web hosting [url=http://ripway.com][color=blue][b]Ripway[/b][/color][/url].
2. Sign'up Kalo kamu belum register kesana. (bagi yg sudah punya account di ripway. tinggal login aja)
3. Click [b]My Files[/b]
4. Pilih [b]Create a text File[/b]
5. Lalu akan ada sebuah kolom untuk mengisi Codenya
Contoh Gambar
[img]http://i225.photobucket.com/albums/dd307/FTI_Image/tutorial/online_notepad.png[/img]
[b]gambar 1[/b]
6. Nah, Isi kolom itu dengan code yang akan kamu masukkan
[quote]Kalo kamu mau pake Code CSS . Kasih nama external filenya. Belakangnya [b].css[/b]
Kalo kamu mau pake Code JS . Kasih nama external filenya. Belakangnya [b].js[/b][/quote]
Contoh : http://h1.ripway.com/edo/kode_fs.[b]css[/b] (ini untuk CSS)
http://h1.ripway.com/edo/kode_fs.[b]js[/b] (ini untuk JS)
7. Misalkan kamu mau pake Code ini
[quote]#logo{display:none}[/quote]
Lalu copas code itu ke kolom seperti yg ada di gambar 1.
Contoh Gambar
[img]http://i225.photobucket.com/albums/dd307/FTI_Image/tutorial/code_css1.png[/img]
Dan klik tombol save , untuk mendapatkan URL Codenya
Page akan kembali ke My Files.
Lalu kamu akan dapatkan URL codenya kan?
Example : http://h1.ripway.com/edo/kode.js
Nah, URL itu kamu copas ke linker ini
<">[i]Simpan linkernya di about me,media box, atau wwitm[/i] (reccomended)
Selamat Mencoba
truzz mo tanay buat ka [b]@ cleio[/b] ka ,... di profile kaka kan ada animasi night mare tuh dibox.."nya... iang buuat judul ato nama disetiap box..
kak plizz bantuinn dah ga sabar mo ngerombak lagi..
truzz mo tanay buat ka [b]@ cleio[/b] ka ,... di profile kaka kan ada animasi night mare tuh dibox.."nya... iang buuat judul ato nama disetiap box..
kak plizz bantuinn dah ga sabar mo ngerombak lagi..
[/quote]
itunamnya header dek
ini kodenya
[quote]/* HEADER IMAGE BACKGROUND */
.commonbox h1, .commonbox h2 {
background-color: transparent;
background-image: url([b]URL IMEGE UNTUK HEADER KMU[/b]);
background-attachment: fixed;
background-position: left;
background-repeat: repeat;
text-align:center;}[/quote]
tinggal gantiin aja image nya ya?
untuk chating
itu namanya cbox
dan masih ada lagi site yg laen
tapi aku masih ttp setia ama [url=http://www.cbox.ws]CBOX[/url] kamu regisater aja dulu oke?
kalo untuk buku tamu aku kurang tau, soal aku ga make kode itu
mungkin yg laen bisa bantu
[/quote]
ga ngerti gmn?
coba kamu jelasih deh.
ntr kita sama2 bantuin km ok?
[/quote]
ga ngertinya dmna brow.
coba jelasin yg lom ngerti
nanti kt semua bantuh kamu
truzz mo tanay buat ka [b]@ cleio[/b] ka ,... di profile kaka kan ada animasi night mare tuh dibox.."nya... iang buuat judul ato nama disetiap box..
kak plizz bantuinn dah ga sabar mo ngerombak lagi..
[/quote]
itunamnya header dek
ini kodenya
[quote]/* HEADER IMAGE BACKGROUND */
.commonbox h1, .commonbox h2 {
background-color: transparent;
background-image: url([b]URL IMEGE UNTUK HEADER KMU[/b]);
background-attachment: fixed;
background-position: left;
background-repeat: repeat;
text-align:center;}[/quote]
tinggal gantiin aja image nya ya?
untuk chating
itu namanya cbox
dan masih ada lagi site yg laen
tapi aku masih ttp setia ama [url=http://www.cbox.ws]CBOX[/url] kamu regisater aja dulu oke?
kalo untuk buku tamu aku kurang tau, soal aku ga make kode itu
mungkin yg laen bisa bantu
truzz mo tanay buat ka [b]@ cleio[/b] ka ,... di profile kaka kan ada animasi night mare tuh dibox.."nya... iang buuat judul ato nama disetiap box..
kak plizz bantuinn dah ga sabar mo ngerombak lagi..
[/quote]
itunamnya header dek
ini kodenya
[quote]/* HEADER IMAGE BACKGROUND */
.commonbox h1, .commonbox h2 {
background-color: transparent;
background-image: url([b]URL IMEGE UNTUK HEADER KMU[/b]);
background-attachment: fixed;
background-position: left;
background-repeat: repeat;
text-align:center;}[/quote]
tinggal gantiin aja image nya ya?
untuk chating
itu namanya cbox
dan masih ada lagi site yg laen
tapi aku masih ttp setia ama [url=http://www.cbox.ws]CBOX[/url] kamu regisater aja dulu oke?
kalo untuk buku tamu aku kurang tau, soal aku ga make kode itu
mungkin yg laen bisa bantu
[url=http://theftalk.com/t15339-TUTORIAL-Kombinasi-Addbox-LINKER-UPDATE-23-12%29.html]kombinasi js dan wvm[/url]
disitu ada kode untuk CBOX kok
btw, aku coba minta url js kamu dunk,
untuk header kodenya kamu slipin di css aja .
css ga sensitip, jadi terserah aja mau posisinya dmn beda ama js.
untuk cari gambar2nya aku kurang tau.
coba di www.photobucket.com aja.
Last edited by cleio (2008-01-06 00:02:06)
caranya bikin topfriendsnya jd banyak gimana? terus copy dimana?? tolong banget yah
truzz mo tanay buat ka [b]@ cleio[/b] ka ,... di profile kaka kan ada animasi night mare tuh dibox.."nya... iang buuat judul ato nama disetiap box..
kak plizz bantuinn dah ga sabar mo ngerombak lagi..
[/quote]
itunamnya header dek
ini kodenya
tinggal gantiin aja image nya ya?
untuk chating
itu namanya cbox
dan masih ada lagi site yg laen
tapi aku masih ttp setia ama [url=http://www.cbox.ws]CBOX[/url] kamu regisater aja dulu oke?
kalo untuk buku tamu aku kurang tau, soal aku ga make kode itu
mungkin yg laen bisa bantu
[url=http://theftalk.com/t15339-TUTORIAL-Kombinasi-Addbox-LINKER-UPDATE-23-12%29.html]kombinasi js dan wvm[/url]
disitu ada kode untuk CBOX kok
btw, aku coba minta url js kamu dunk,
untuk header kodenya kamu slipin di css aja .
css ga sensitip, jadi terserah aja mau posisinya dmn beda ama js.
untuk cari gambar2nya aku kurang tau.
coba di www.photobucket.com aja.[/quote]
tapii ku bikin jsnya beda" tempat....ato file///
soalnya ruwet hohoho.. plingan iang ini iang boat mini viewer
http://h1.ripway.com/idadz/jsyu.txt pling iang itu.. itujuga acak"annn
aku dah ngikutinn iang dari bang kanal disanah ga ada iang buat catt paling iang ada cuma no right click....
boleh minta langsung codenya ga ???
ka minta code buat nambahin box iang kemaren ruwet tutorialnya..
rebh ah kilat bro..
caranya bikin topfriendsnya jd banyak gimana? terus copy dimana?? tolong banget yah
[/quote]
Itu namanya Box Friends Tambahan, Sebelumnya. aku minta kamu pelajari ini dulu
[url=http://theftalk.com/t8003-Eksternal-File.html]Cara penyimpanan JS & CSS eksternal File[/url]
[url=http://theftalk.com/t15339-TUTORIAL-Kombinasi-Addbox-LINKER-UPDATE-23-12%29.html]Kombinasi JS dan WVM + addBox[/url]
Kalau sudah ngerti tentang JS & CSS dan bagaimana cara penyimpanan'nya.
ini adalah Script friendsbox tambahan'nya
[quote]//more friends
var kawanku = "<div><div class='boxcontent'><div class='flogrid75'><div class='flogriditem'><div class='ir'><a href='USERID'><img src='PHOTOURL'></a></div><div class='dr'><a href='USERID'>NAME</a></div></div>"+
"<div class='flogriditem'><div class='ir'><a href='USERID'><img src='PHOTOURL'></a></div><div class='dr'><a href='USERID'>NAME</a></div></div>"+
"<div class='flogriditem'><div class='ir'><a href='USERID'><img src='PHOTOURL'></a></div><div class='dr'><a href='USERID'>NAME</a></div></div><br>"+
"<div class='flogriditem'><div class='ir'><a href='USERID'><img src='PHOTOURL'></a></div><div class='dr'><a href='USERID'>NAME</a></div></div>"+
"<div class='flogriditem'><div class='ir'><a href='USERID'><img src='PHOTOURL'></a></div><div class='dr'><a href='USERID'>NAME</a></div></div>"+
"<div class='flogriditem'><div class='ir'><a href='USERID'><img src='PHOTOURL'></a></div><div class='dr'><a href='USERID'>NAME</a></div></div><br>"+
"<div class='flogriditem'><div class='ir'><a href='USERID'><img src='PHOTOURL'></a></div><div class='dr'><a href='USERID'>NAME</a></div></div>"+
"<div class='flogriditem'><div class='ir'><a href='USERID'><img src='PHOTOURL'></a></div><div class='dr'><a href='USERID'>NAME</a></div></div>"+
"<div class='flogriditem'><div class='ir'><a href='USERID'><img src='PHOTOURL'></a></div><div class='dr'><a href='USERID'>NAME</a></div></div><br>"+
"<div class='flogriditem'><div class='ir'><a href='USERID'><img src='PHOTOURL'></a></div><div class='dr'><a href='USERID'>NAME</a></div></div>"+
"<div class='flogriditem'><div class='ir'><a href='USERID'><img src='PHOTOURL'></a></div><div class='dr'><a href='USERID'>NAME</a></div></div>"+
"<div class='flogriditem'><div class='ir'><a href='USERID'><img src='PHOTOURL'></a></div><div class='dr'><a href='USERID'>NAME</a></div></div></div></div><br></div></div><div class='viewall'><a href='/friends/YOUROWNUSERID'>VIEW ALL</a></div>";
addBox("RIGHT","MORE FRIENDS",kawanku,"siputbox","7");[/quote]
Ganti USERID dengan User id Friends yang akan kamu mau masukkan.
Ganti PHOTOURL dengan Photo Friends yang akan kamu mau masukkan.
Ganti NAME dengan sesuka hati Kamu.
Ganti YOUROWNUSERID dengan User id FS kamu
Simpan script ini di bawah [b]Onload handler[/b]
bagi2 kode layouts overlay downk...
[/quote]
baiklah.
untuk pemula coba kamu buka tread ini
[url=http://theftalk.com/t5664-Free-Simple-Layout.html]free contoh layout[/url]
di situ ada kode2nya kok brow
di coba ya
[b]@idadz.
[/b]
[quote]//ADD MAIN BOX
if (!attachOnLoadHandler(function(){chatbox()})) parent.onload = function(){chatbox()};
function chatbox() {
var cbox1="<div align='center' id='cboxdiv'>"+
"<iframe frameborder='0' width='90%' height='170' src='http://[b]www4[/b].cbox.ws/box/?boxid=[b]3245367[/b]&boxtag=[b]3405[/b]&sec=main' marginheight='2' marginwidth='2' scrolling='auto' allowtransparency='yes' name='cboxmain' style='border:#787878 1px solid;' id='cboxmain'></iframe><br>"+
"<iframe frameborder='0' width='90%' height='75' src='http://[b]www4[/b].cbox.ws/box/?boxid=[b]3245367[/b]&boxtag=[b]3405[/b]&sec=form' marginheight='2' marginwidth='2' scrolling='no' allowtransparency='yes' name='cboxform' style='border:#787878 1px solid;border-top:0px' id='cboxform'></iframe>"+
"</div>";
addMainBox ("nama box heder kamu",cbox1,"ul_cbox_content","1");
}
//FUNGSI PANGGIL BOX
function addMainBox (head,htm,id,bro_id) {
var ul=document.getElementById("0").parentNode;
var bro=document.getElementById(bro_id).parentNode;
try {
var li=document.createElement("li");
} catch(e) {
var li=document.createElement("<li>");
}
li.innerHTML= "<div id='"+id+"' class='commonbox "+id+"'>"+
"<h2>"+head+"</h2>"+
"<div id='content_"+id+"'>"+
"<div class='boxcontent'>"+
htm+
"</div>"+
"</div>"+
"</div>";
ul.parentNode.insertBefore(li,bro);
}[/quote]
slipin di atas kode viewerkamu di js ya dek?
Ini code buat ngerubah nama di Controlpanel Box
[quote]h=document.getElementById("controlpanel_header");
h.innerHTML="[b]TULISAN KAMU[/b]";[/quote]
Ini code buat Recent Visitors
[quote]// MINI VIEWER
if (!attachOnLoadHandler(function() { mainVpic();})) window.onload = function() { mainVpic();};
function mainVpic() {
if(pageViewerID!="") SPAWNPIC.init();
}
if (typeof SPAWNPIC == "undefined") { SPAWNPIC = {}; }
SPAWNPIC = {
photo: [], li: [], ul: [],
info: {
name: null, photo: null, status: null, since: null, location: null
},
regexp: {
name: /controlpanel_header">([^@]+?)<a\s+name="controlpanel/i,
photo: /imgblock200"><a[^@]*?>([^@]+?)<\/a><\/div>/i,
status: /data">([^@]+?)<\/span><\/li>/i,
since: /Since\:\s+<\/span>([^@]+?)<\/li>/i,
location: /Location\:\s+<\/span>([^@]+?)<\/li>/i
},
init: function() {
this.ajaxRequest("/"+pageViewerID,"SPAWNPIC.viewer",null);
},
viewer: function(ph) {
if (ph.replace(/^\s*|\s*$/g,"") === "") {
alert("VMP Error: Unable to parse the photo!");
return;
}else if (ph) {
for (val in this.info) {
try {
this.info[val] = new RegExp(this.regexp[val]).exec(ph)[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"+
"Friendster ID: <a href=\"/"+pageViewerID+"\">"+pageViewerID+"</a>"+
this.info.status+"\n"+
"Member Since: "+this.info.since+"\n"+
"Location: "+this.info.location+"</li>"+
"</div>"+
"</ul>"+
"</td>"+
"</tr>"+
"</table>"+
"</div>";
this.photo = this.photo.replace(/\n/g,"<br />").replace(/<br>/gi,"<br />");
this.HTML("Hello "+this.info.name,this.photo,"spawnpic",/friends/i,"above");
}
},
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(head,code,id,sibling,x) {
this.li = document.createElement("LI");
if (!head) head = "";
else head = "<h2>"+head+"</h2>";
this.li.innerHTML = "<div class=\"commonbox "+id+"\" id=\""+id+"\">"+
head+
"<div id=\"content_"+id+"\">"+
code+
"</div>"+
"</div>";
if (!x) this.getModuleByClassName(sibling)[0].parentNode.parentNode.appendChild(this.li);
else if (x == "below") this.getModuleByClassName(sibling)[0].parentNode.appendChild(this.li);
else if (x == "above") {
this.ul = this.getModuleByClassName(sibling)[0];
this.ul.parentNode.parentNode.insertBefore(this.li,this.ul.parentNode);
}
},
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;
}
};[/quote]
med mencoba