Setting Virtual Host di XAMPP Setting Virtual Host di XAMPP

Menggunakan XAMPP untuk web server lokal sudah umum digunakan, tapi kadang kita butuh nama domain untuk melakukan testing web kita sebelum diupload. Di PC lokal juga dapat digunakan domain name untuk mengakses web kita. Yaitu dengan menggunakan Virtual Host. Berikut saya berikan tutorial untuk Setting Virtual Host di XAMPP komputer Windows.

1. Install dulu dong XAMPP nya.. masak perlu tutorial juga..

2. Edit Hosts yang terletak di C:/Windows/System32/drivers/etc

127.0.0.1 localhost
127.0.0.1 naxdevil.web.id
127.0.0.1 ip.naxdevil.web.id
127.0.0.1 s.naxdevil.web.id

kemudian coba test ping

3. Konfigurasi XAMPP di C:/xampp/apache/conf/extra

4. Nama filenya httpd-vhosts.conf

NameVirtualHost *:80
<VirtualHost 127.0.0.1:80>
ServerAdmin postmaster@s.paidjo.web.id
DocumentRoot “C:/xampp/htdocs/naxdevil”
ServerName s.naxdevil.web.id
ServerAlias s.naxdevil.web.id
ErrorLog “logs/s.naxdevil.web.id-error.log”
CustomLog “logs/s.naxdevil.web.id-access.log”
</VirtualHost>

5. Restart Apache servernya

Selamat mencoba, kalo masih bingung kasih pertanyaan di komentar saja..

Membuat Server Hosting Komputer Rumah Sendiri dengan Appserv Membuat Server Hosting Komputer Rumah Sendiri dengan Appserv

Sebelumnya saya harap anda sudah tahu apa itu server ? hosting ?, saya jelaskan sedikit. Server Hosting adalah sebuah komputer yang dijadikan sebagai tempat penyimpanan utama file-file website di internet. Sebelumnya anda mungkin sudah tahu dan sudah banyak  mengenal Webhosting Reseller yang terkenal di internet mulai dari Hostgator.com sampai iPage.com .

Nah kali ini anda dapat membuat server hosting sendiri melalui komputer rumah sendiri.
Syarat Minimum :
1. Komputer Pentium 4 (win xp)
2. Speedy Internet UNLIMITED (Rekomendasi Speedy paket Family)
3. download APPSERVER Di Sini

    




Pastikan lokasi install di C:\AppServ

1. Langkah pertama yang harus anda lakukan adalah mencari nomor IP Adress Komputer anda :
1. Buka RUN ? cmd
2. ketik IPCONFIG /ALL
3. Perhatikan dan catat pada IP Adress komputer anda dalam sebuah kertas atau apa saja.


2. Melakukan setting Modem TP LINK agar dapat diakses HTTP
1. Buka browser (firefox rekomendasi)
2. Ketik Gateway Modem Adress : http://192.168.1.1/
3. Login dengan akun dan password modem anda (jika tidak tahu silahkan tanya tukang pasang speedy anda)
4. Klik Menu Advanced Setup ? NAT
5. Jika pertama muncul PVC0 dan NAT Status : Deactive, maka ganti dengan PVC1 . Jika PVC1 juga statusnya Deactive, coba klik menu Interface Setup , pilih PVC1, pilih option Activated . Kembali ke Advanced Setup ? NAT ? PVC1
6. Klik Virtual Server
7. Setting dengan data sebagai berikut :
Rule Index : 1
Aplication : HTTP_Server
Protocol : ALL
Start Port Number : 80
End Port Number : 80
Local IP Address : (nomor IP Adress komputer yang anda catat tadi)
8. klik Save

3 . Membuat Virtual-Host di AppServ (Apache)
1. Buka folder c:\AppServ
2. Buka folder Apache
3. Buka Folder Conf
4. buka file httpd.conf dengan wordpad
5. Masukkan script dibawah ini pada bagian akhir isi file :
 # Virtual hosts
Include conf/httpd-vhosts.conf
6. Buat file httpd-vhosts.conf  disebelah file httpd.conf , dan isikan dengan script dibawah ini:
NameVirtualHost 192.168.1.3:80
<VirtualHost 192.168.1.3:80>
    ServerAdmin webmaster@softkid.servemp3.com
    DocumentRoot C:\AppServ\www\~virtual\~server\public_html
    ServerName softkid.servemp3.com
    ErrorLog logs/softkid.servemp3.com-error_log
    CustomLog logs/softkid.servemp3.com-access_log common
</VirtualHost>
Ganti teks tulisan merah diatas dengan IP Adress Komputer anda.

7. Sekarang buka folder C:\Appserv\www
8. Buat folder ~virtual, dan buka folder tersebut buat folder ~server , buka folder tersebut buat lagi folder public_html (sehingga struktur folder menjadi C:\AppServ\www\~virtual\~server\public_html )
9. Sekarang Restart Apache server (Ada pada start menu, cari folder AppServ ? Control By Service ? Apache Restart )
10. Buka Browser, coba ketikkan Alamat IP ADRESS KOMPuter anda yang anda catat tadi dan enter.
Jika hasilnya adalah seperti gambar dibawah ini , berarti anda sudah berhasil membuat komputer anda dapat diakses melalui internet

Untuk semenatara cukup sekian, tapi masih ada satu lagi yang harus anda lakukan adalah mendaftarkan nomor ip ke domain name, contoh penyedia : https://www.no-ip.com

Facebook on your Blog (simple1) Facebook on your Blog (simple1)

Silahkan baca untuk cara Masang Script di Postingan Blog? kalo belom.

Main Script

<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_GB/all.js#xfbml=1&appId=180386195355957" async=true type="text/javascript"></script>

Add to Timeline

<fb:add-to-timeline show-faces="true" mode="button"></fb:add-to-timeline>

Login Button

<fb:login-button show-faces="true" width="485" max-rows="1" scope="read_stream,publish_stream,publish_actions"></fb:login-button>

Profile Name

<fb:name uid="loggedinuser" useyou="false" linked="false"></fb:name>

Profile Picture

<fb:profile-pic uid="loggedinuser" size="normal"></fb:profile-pic>

Recommendations Bar

<script type="text/javascript">
document.write('<fb:recommendations-bar href="'+window.location.href.split('?')[0].split('#')[0]+'" site="'+window.location.hostname+'" trigger="onvisible" read_time="30" action="like" side="right" num_recommendations="2"></fb:recommendations-bar>');
</script>

Activity

<fb:activity site="naxdevilnew.blogspot.com" app_id="180386195355957" width="300" height="300" header="false" linktarget="_top" border_color="white" font="arial" recommendations="true"></fb:activity>

Comments Box

<fb:comments href="http://naxdevilnew.blogspot.com/" width="485" colorscheme="light" num_posts="2"></fb:comments>

Comments Count

awesome comments

<fb:comments-count href="http://naxdevilnew.blogspot.com/"></fb:comments-count> awesome comments

Like Button

<fb:like href="http://naxdevilnew.blogspot.com/" send="true" layout="standard" show_faces="true" width="485" action="like" font="tahoma" colorscheme="light"></fb:like>

Subscribe Button

<fb:subscribe href="http://www.facebook.com/hckd05" layout="standard" show_faces="true" colorscheme="light" font="tahoma" width="485"></fb:subscribe>

Like Box

<fb:like-box href="http://www.facebook.com/Naxdevilnew" show_faces="true" colorscheme="light" stream="true" header="false" border_color="white" width="485"></fb:like-box>

Random Player 37 Surahs in Juz 'Amma Random Player 37 Surahs in Juz 'Amma

The most commonly referred and memorized juz' is "juz' Amma'," which is the 30th juz' and contains Surahs 78 through 114, most of the shortest suras in the Qur'an. 'Amma is generally taught first to children. Juz Amma is named after the 1st word of the 1st sura (i.e. sura 78) in that juz.

<center>



<script type="text/javascript">

<!--

if(!document.getElementById('judul-surat-player')){

  document.write('<div id="judul-surat-player" style="height:12px;"></div>');

}



if(!document.getElementById('surat-player')){

  document.write('<embed id="surat-player" wmode="transparent" src="" quality="high" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" align="top" height="20"></embed>');

}



if(!document.getElementById('kontrol-surat-player')){

  document.write('<div id="kontrol-surat-player" style="margin-top:5px;"></div>');

}



function stelSurat(mp3,judul){

  if(judul==null || judul==''){

    var ke = mp3.split('/').length-1;

    judul = 'Al-Qur\'an, Surat ke '+mp3.split('/')[ke].replace('.mp3','');

  }

  var swfPl = 'http://beemp3.com/player/player.swf?soundFile='+mp3;

  var flashvar = '&autostart=yes&loop=no&bg=0x000000&leftbg=0xAF2910&lefticon=0xF2F2F2&rightbg=0xD67919&rightbghover=0x1BAD07&righticon=0xF2F2F2&righticonhover=0xFFFFFF&text=0xE0E3F4&slider=0x357DCE&track=0xFFFFFF&border=0xFFFFFF&loader=0xAF2910';



  document.getElementById('judul-surat-player').innerHTML = '<a href="'+mp3+'">'+judul+'</a>';

  document.getElementById('surat-player').src = swfPl+flashvar;

  document.getElementById('kontrol-musik-player').innerHTML = '<iframe src="http://www.facebook.com/plugins/like.php?app_id=180386195355957&href='+mp3+'&send=false&layout=button_count&width=90&show_faces=true&action=like&colorscheme=light&font&height=20" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:90px; height:20px;" allowTransparency="true"></iframe><br/>Click the Like button above to Share this Surah on Your Facebook wall';

}



function acakSurat(){

  var dirUrl = 'http://download.quranicaudio.com/quran/abdulbaset_with_naeem_sultan_pickthall/';

  var dirUrlLainnya = 'http://download.quranicaudio.com/quran/sudais_shuraim_with_naeem_sultan_pickthall/';

  var arMp3 = [];

  for(x=78; x<=114; x++){

    if(x<100){arMp3[x]='0'+x+'.mp3'}else{arMp3[x]=x+'.mp3'}

  }

  arMp3 = arMp3.sort(function() {return 0.5 - Math.random()});

  var urlJadinya = dirUrl+arMp3[0];

  return urlJadinya;

}



stelSurat(acakSurat());

//-->

</script>



</center>

Link Directory Mp3 Al-Qur'an

Sampret :P Sampret :P

Mp3 URL:

Auto Start:

Loop:

Mp3 Title:

<script></script>