Salah satu tempat hosting gratis
Masuk ke www.freewebhostingarea.com buat nge-daftar hosting gratis. Sampe di sana ntar elo di suguhin
Habis nekan tombol PROCEED elo di ajak ke halaman berikutnya. Kalo di situ ada tulisan misal songgolangit.xp3.biz is available on Noads.biz server. Tapi kalo already created berarti elo mesti ganti pake nama subdomain laen.
Oke anggap lo sukses terus isi apa yang suruh di isi di situ jangan lupa check I have read the Service Agreement and agree to its terms.
Di halaman berikutnya yang perlu di catet:
- Your address is http://songgolangit.xp3.biz
- Account Manager is located at http://noadsbiz.freewebhostingarea.com/.
- Web based FTP client: http://noadsbiz.freewebhostingarea.com/ftp/
- FTP Server/Host: noads.biz
- Username: songgolangit.xp3.biz
- Password: haha.. mauTauAjaLo
Kick Some Ass for free
Sekarang kita coba bikin halaman perdana di hostingan lo.
- Masuk ke Web based FTP client: misal http://noadsbiz.freewebhostingarea.com/ftp/
- Login pake data yang udah lo catet tadi di atas
- Click
buat nge-bikin File baru kasih nama index.php- Isi suka² elo atau lo bisa pake code di bawah sebagai acuan..
<style type="text/css">
<!--
a#judul-lagu{
color:#3B5999;
text-decoration:none;
}
a#judul-lagu:hover{
color:#993B59;
text-decoration:underline;
}
.pencetan-lagu{
font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
color:#000033;
text-decoration:none;
cursor:pointer;
background-color:#FFFFEE;
background-image:url(http://www.deltechcorp.com/deltech02/brazil10/picts/menu.gif);
padding:3px 5px;
display:inline-block;
border:1px solid #3B5999;
-moz-border-radius:3px; border-radius:3px;
margin:1px;
font-size:11px;
}
.pencetan-lagu:hover, .pencetan-lagu:focus, .pencetan-lagu:active{
color:darkred;
text-decoration:none;
border:1px solid darkred;
}
.pencetan-lagu:focus, .pencetan-lagu:active{
background-image:none;
}
-->
</style>
<center id="tudey-misik">load</center>
<script type="text/javascript">
<!--
function tulisJudulLagu(txt){
var tulis = '<div style="background:transparent url(http://static.ak.fbcdn.net/rsrc.php/v1/yV/r/IJYgcESal33.png) no-repeat scroll 0px -127px; width:230px; height:5px;">
</div>
';
tulis += '<div style="background-color:#E1E6EE; border-left:1px solid #99A8C7; border-right:1px solid #99A8C7; padding:0 4px; width:220px; text-align:center;">
';
tulis += '&lgt;b style="font-family:lucida grande,tahoma,verdana,arial,sans-serif; color:#3B5999; font-size:12px; vertical-align:middle;">'+txt+'</b>';
tulis += '<div style="clear:both;">
</div>
';
tulis += '</div>
';
tulis += '<div style="background:transparent url(http://static.ak.fbcdn.net/rsrc.php/v1/yV/r/IJYgcESal33.png) no-repeat scroll 0px -112px; width:230px; height:10px;">
</div>
';
return tulis;
}
function tulisPlayerLagu(mp3,start,loop,elem){
var tulis = '<embed id="'+elem+'" wmode="transparent" ';
tulis += 'src="http://beemp3.com/player/player.swf?soundFile='+mp3;
tulis += '&autostart='+start;
tulis += '&loop='+loop;
tulis += '&bg=0x000000';
tulis += '&leftbg=0xAF2910';
tulis += '&lefticon=0xF2F2F2';
tulis += '&rightbg=0xD67919';
tulis += '&rightbghover=0x1BAD07';
tulis += '&righticon=0xF2F2F2';
tulis += '&righticonhover=0xFFFFFF';
tulis += '&text=0xE0E3F4';
tulis += '&slider=0x357DCE';
tulis += '&track=0xFFFFFF';
tulis += '&border=0xFFFFFF';
tulis += '&loader=0xAF2910" ';
tulis += 'quality="high" ';
tulis += 'type="application/x-shockwave-flash" ';
tulis += 'pluginspage="http://www.macromedia.com/go/getflashplayer" ';
tulis += 'align="top" height="20">≷/embed>';
return tulis;
}
var punkMusic = [
{"uri":"http://keekles.org/~bryan/dcc/Blink-182_-_Blink-182_-_08_-_Go.mp3", "judul":"Blink 182 - Go"},
{"uri":"http://keekles.org/~bryan/dcc/Blink-182_-_Blink-182_-_11_-_Easy_Target.mp3", "judul":"Blink 182 - Easy_Target"},
{"uri":"http://keekles.org/~bryan/dcc/Blink-182_-_Cheshire_Cat_-_03_-_Fentoozler.mp3", "judul":"Blink 182 - Cheshire Cat Fentoozler"},
{"uri":"http://keekles.org/~bryan/dcc/Blink-182_-_Cheshire_Cat_-_05_-_Strings.mp3", "judul":"Blink 182 - Cheshire Cat Strings"},
{"uri":"http://irland.heck.in/files/superman-is-dead-kings.mp3", "judul":"Superman is Dead - kings, queen & poison"},
{"uri":"http://irland.heck.in/files/superman-is-dead-this-i.mp3", "judul":"Superman is Dead - this is run lone"},
{"uri":"http://irland.heck.in/files/superman-is-dead-kuta-r.mp3", "judul":"Superman is Dead - kuta rock city"},
{"uri":"http://bgmustudents.narod.ru/Music/Sum41.mp3","judul":"Sum41 - Still Waiting"},
{"uri":"http://m0.li.ru/c/0/mp3/0/29582/2958240_SUM41__Over_My_Head.mp3","judul":"SUM41 - Over My Head"},
{"uri":"http://i3.beon.ru/76/4/220476/0/8390500/SUM41_Fatlip.mp3","judul":"SUM41 - Fatlip"},
{"uri":"http://irland.heck.in/files/nicky-astria-samar-baya.mp3","judul":"Teh Nicky - Samar Bayang"},
{"uri":"http://irland.heck.in/files/korn-twist.mp3","judul":"Korn - Twist"},
{"uri":"http://irland.heck.in/files/nicky-astria-misteri-ci.mp3","judul":"Teh Nicky - Misteri Cinta"},
{"uri":"http://irland.heck.in/files/doel-sumbang-sla-gila.mp3","judul":"Doel Sumbang - Sila Gila"},
{"uri":"http://irland.heck.in/files/mulan-jamidong-mahluktu.mp3","judul":"Mulan Jamidong - Mahluk Halus Paling Sexy"},
{"uri":"http://irland.heck.in/files/netral-dunia-koma.mp3","judul":"Netral - Dunia Koma"},
{"uri":"http://irland.heck.in/files/netral-hujan.mp3","judul":"Netral - Hujan"},
{"uri":"http://irland.heck.in/files/netral-indah.mp3","judul":"Netral - Indah"},
{"uri":"http://irland.heck.in/files/netral-nurani.mp3","judul":"Netral - Nuraeni"},
{"uri":"http://irland.heck.in/files/netral-desa-ku.mp3","judul":"Netral - Desaku"},
{"uri":"http://irland.heck.in/files/cokelat-dilema.mp3","judul":"Coklat - Dilema"},
{"uri":"http://irland.heck.in/files/drdre-eminem-guilty-con.mp3","judul":"Dr. Dree ft. Eminem - Guilty Conscience"},
{"uri":"http://irland.heck.in/files/steve-vai-for-the-love.mp3","judul":"Steve Vai - For the Love of God"},
{"uri":"http://irland.heck.in/files/padi-tempat-terakhir.mp3","judul":"Padi Tempat Terakhir"},
{"uri":"http://irland.heck.in/files/death-cab-for-cutie-gra.mp3","judul":"Death Cab for Cutie - Grapevine Fires"},
{"uri":"http://irland.heck.in/files/warteg-boys-ok-lah-kalo.mp3","judul":"Warteg Boys - Okelah kalo Begitu"},
{"uri":"http://irland.heck.in/files/megan-mccauley-wonder.mp3","judul":"MEGAN MCCAULEY - WONDER"},
{"uri":"http://irland.heck.in/files/jamrud-putri.mp3","judul":"Jamrud - Putri"},
{"uri":"http://irland.heck.in/files/garasi-awakening.mp3","judul":"Garasi - Awakening"},
{"uri":"http://irland.heck.in/files/jamrud-surti-tejo.mp3","judul":"Jamrud - Surti Tejo"},
{"uri":"http://irland.heck.in/files/redcore-mario-bros-the.mp3","judul":"Redcore - Mario Bros Theme"},
{"uri":"http://www.visionsnet.com/downloads/nicktoon/JimmyNeutronMovie.mp3","judul":"Bowling for Soup - Jimmy Neutron"},
{"uri":"http://apa-loe.webs.com/Guns N Roses - Sweet Child Of Mine.mp3","judul":"Guns N Roses - Sweet Child Of Mine"},
{"uri":"http://apa-loe.webs.com/Guns N Roses - Yesterdays.mp3","judul":"Guns N Roses - Yesterdays.mp3"},
{"uri":"http://apa-loe.webs.com/Where is the Love.mp3","judul":"siapa ya - Where is the Love"},
{"uri":"http://apa-loe.webs.com/Anggun C.S - Tua-tua Keladi.mp3","judul":"Anggun C.S - Tua-tua Keladi"},
{"uri":"http://bengkoyok.mywapblog.com/files/scorpion-when-the-smoke-i.mp3","judul":"scorpion - when the smoke"},
{"uri":"http://bengkoyok.mywapblog.com/files/jogja-hip-hop-foundation.mp3","judul":"jogja hip hop foundation - gugur kenangan"},
{"uri":"http://mp3.hhe.cc/Eminem%20-%20Love%20the%20way%20you%20lie%20(ft.%20Rhianna).mp3","judul":"eminem feta rihanna - love the way you lie"},
{"uri":"http://kebo-giro.webs.com/Hotel California - Eagles (classic).MP3","judul":"hotel california - eagles"},
{"uri":"http://irland.heck.in/files/jason-mraz-im-yours.mp3","judul":"Jason Mraz - I\'m Yours"},
{"uri":"http://irland.heck.in/files/garasi-awakening.mp3","judul":"Garasi - Awakening"},
{"uri":"http://irland.heck.in/files/cokelat-dilema.mp3","judul":"Coklat - Dilema"},
{"uri":"http://irland.heck.in/files/drdre-eminem-guilty-con.mp3","judul":"Dr. Dree ft. Eminem - Guilty Conscience"},
{"uri":"http://istana-langit.webs.com/starza1.com eminem - im sorry mama.mp3","judul":"eminem - im sorry mama"},
{"uri":"http://istana-langit.webs.com/Guns And Roses - Knocking On Heavens Door.mp3","judul":"Guns And Roses - Knocking On Heavens Door"},
{"uri":"http://istana-langit.webs.com/Iwan FAls - Surat Buat Wakil Rakyat.mp3","judul":"Iwan FAls - Surat Buat Wakil Rakyat"},
{"uri":"http://gue-keren.webs.com/jogja_istimewa.mp3","judul":"jogja hip hop foundation - jogja istimewa"},
{"uri":"http://gue-keren.webs.com/Power Metal - Timur Tragedi.mp3","judul":"power metal - timur tragedi"},
{"uri":"http://gue-keren.webs.com/Power Metal - Duniaku.mp3","judul":"power metal - duniaku"},
{"uri":"http://gue-keren.webs.com/Power Metal - Satu Jiwa.mp3","judul":"Power Metal - Satu Jiwa"},
{"uri":"http://gue-keren.webs.com/Power Metal - Topeng Topeng Murka.mp3","judul":"Power Metal - Topeng Topeng Murka"},
{"uri":"http://gue-keren.webs.com/4 Non Blondies - What's up.mp3","judul":"4 Non Blondies - What's up"},
{"uri":"http://gue-keren.webs.com/Avenged Sevenfold - Dear God.mp3","judul":"Avenged Sevenfold - Dear God"},
{"uri":"http://gue-keren.webs.com/Maroon5 - This Love.mp3","judul":"Maroon5 - This Love"},
{"uri":"http://east-java.webs.com/Agnes Monica - Paralyzed.mp3","judul":"Agnes Monica - Paralyzed"},
{"uri":"http://east-java.webs.com/21 Sublime - Santeria.mp3","judul":"Sublime - Santeria"},
{"uri":"http://east-java.webs.com/02 Don't Stay.mp3","judul":"linkin park - Don't Stay"},
{"uri":"http://east-java.webs.com/03 Somewhere I Belong.mp3","judul":"linkin park - Somewhere I Belong"}
];
function stelMusik(mp3){
var eureyLagu = punkMusic;
var eureyLaguText = 'punkMusic';
if(document.getElementById('lagu-next')){
document.getElementById('embed-lagu-luar').innerHTML = tulisPlayerLagu(mp3.uri,'yes','yes','embed-lagu');
document.getElementById('judul-lagu').href = mp3.uri;
document.getElementById('judul-lagu').innerHTML = mp3.judul;
}else{
if(document.getElementById('tudey-misik')){
if(mp3==null || mp3==''){mp3 = eureyLagu;}
if(mp3.uri && mp3.judul){var pley = mp3}else if(mp3[0].uri && mp3[0].judul){mp3 = mp3.sort(function() {return 0.5 - Math.random()}); var pley = mp3[0]}else{var pley = 'dodol'}
if(pley=='dodol'){
document.getElementById('tudey-misik').innerHTML = '';
}else{
var tulis = '<div style="display:inline-block;">
';
tulis += tulisJudulLagu('<i style="display:inline-block; height:16px; width:16px; background:transparent url(http://static.ak.fbcdn.net/rsrc.php/v1/yI/r/3HHq435uvHq.png) no-repeat scroll -172px -134px; vertical-align:middle;"></i> <a id="judul-lagu" href="'+pley.uri+'" target="_blank">'+pley.judul+'</a>');
tulis += '<div id="embed-lagu-luar" style="min-height:20px; margin-bottom:5px;">
';
tulis += tulisPlayerLagu(pley.uri,'yes','yes','embed-lagu');
tulis += '</div>
';
tulis += '<span class="pencetan-lagu" onClick="if(document.getElementById(\'embed-lagu\').style.display==\'none\'){document.getElementById(\'embed-lagu\').style.display=\'inline-block\';this.innerHTML=\'Stop\'}else{document.getElementById(\'embed-lagu\').style.display=\'none\';this.innerHTML=\'Play\'}">Stop</span>';
tulis += '<span class="pencetan-lagu" onClick="shareLagu()">Share</span>';
tulis += '<span class="pencetan-lagu" onClick="nextLagu(this,'+eureyLaguText+')">Next</span>';
tulis += '<div id="lagu-next" style="margin-top:5px;">
</div>
';
tulis += '</div>
';
document.getElementById('tudey-misik').innerHTML = tulis;
}
}else{
alert('Elo mesti bikin element pake id="tudey-misik"');
}
}
}
function nextLagu(elem,mp3){
elem.style.display = 'none';
if(mp3.uri && mp3.judul){
stelMusik(mp3);
}else{
var tulis = '';
for(x in mp3){
tulis += ''+mp3[x].judul+'</span>';
}
document.getElementById('lagu-next').innerHTML = tulis;
}
}
function shareLagu(){
var idAplikasiLagu = '309298289112940';
var judul = document.getElementById('judul-lagu').innerHTML;
var uri = document.getElementById('judul-lagu').href;
var tgtid = prompt("Share to Facebook Id or leave it blank","");
var ling = window.location.href.split('?')[0];
if(tgtid==null || tgtid==""){
var kepada = '';
}else{
var kepada = tgtid;
}
var atName = '"name":"'+judul+'"';
var atHref = '"href":"'+uri+'"';
var atCap = '"caption":"'+window.location.hostname+'"';
var atDes = '"description":"'+document.title+'"';
var atMed1Typ = '"type": "mp3"';
var atMed1Src = '"src": "'+uri+'"';
var atMed1Art = '"artist": "'+window.location.hostname.split('.')[0]+'"';
var atMed1Tit = '"title": "'+judul+'"';
var atMed1Alb = '"album": "'+document.title+'"';
var atMed1 = '{'+atMed1Typ+', '+atMed1Src+', '+atMed1Art+', '+atMed1Tit+', '+atMed1Alb+'}';
var atMed = '"media":['+atMed1+']';
var lampiran = '&attachment={'+atName+', '+atHref+', '+atCap+', '+atDes+', '+atMed+'}';
var actLnk1Txt = '"text":"'+window.location.hostname.split('.')[0]+'"';
var actLnk1Hrf = '"href":"'+ling+'"';
var actLnk1 = '{'+actLnk1Txt+', '+actLnk1Hrf+'}';
var actLnk = '&action_links=['+actLnk1+']';
var kirimKe = '&target_id='+kepada;
var shareUrl = 'http://www.facebook.com/connect/prompt_feed.php?api_key='+idAplikasiLagu;
shareUrl += lampiran;
shareUrl += actLnk;
shareUrl += kirimKe;
var atas = screen.availHeight/2-300/2;
var kiri = screen.availWidth/2-600/2;
var properties = 'width=600,height=300,top='+atas+',left='+kiri;
window.open(shareUrl,'popup',properties);
}
stelMusik();
//-->
</script>
No comments:
Post a Comment