Nama Domain


Assalamu'alaikum wr wb,
kali ini saya akan share tentang nama domain.
Berikut ini penjelasannya.

Nama domain (bahasa Inggris: domain name) adalah nama unik yang diberikan untuk mengidentifikasi nama server komputer seperti web server atau email server di jaringan komputer ataupun internet. Nama domain berfungsi untuk mempermudah pengguna di internet pada saat melakukan akses ke server, selain juga dipakai untuk mengingat nama server yang dikunjungi tanpa harus mengenal deretan angka yang rumit yang dikenal sebagai alamat IP. Nama domain ini juga dikenal sebagai sebuah kesatuan dari sebuah situs web seperti contohnya "wikipedia.org". Nama domain kadang-kadang disebut pula dengan istilah URL, atau alamat website.

Pada awalnya nama domain hanya dapat dituliskan dengan ke-26 abjad Latin, namun saat ini telah dimungkinkan untuk menggunakan abjad asing dengan Internasionalisasi nama domain.

Sistem nama domain (DNS) adalah aturan yang dipakai dalam sistem penamaan dari nama domain ini.

Daftar ccTLD

sumber : wikipedia

Pengertian domain


Assalamu'alaikum wr wb,
kali ini saya akan share tentang domain dan penjelasannya.
Berikut ini penjelasannya.

Domain adalah nama unik yang diberikan untuk mengidentifikasi nama server komputer seperti web server atau email server di jaringan komputer ataupun internet. 

Cara buat slideshow sederhana dengan javascript tanpa jquery


Assalamu'alaikum wr wb,
kali ini saya akan share bagaimana Cara buat slideshow sederhana dengan javascript tanpa jquery.
Berikut ini syntaxnya.
---------------------------------------------------------------------------
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
#slides{
position: relative;
height: 150px;
padding: 0px;
margin: 0px;
list-style-type: none;
}

.slide{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
opacity: 0;
z-index: 1;

-webkit-transition: opacity 1s;
-moz-transition: opacity 1s;
-o-transition: opacity 1s;
transition: opacity 1s;
}

.showing{
opacity: 1;
z-index: 2;
}

.slide{
font-size: 40px;
padding: 40px;
box-sizing: border-box;
background: #333;
color: #fff;
}

.slide:nth-of-type(1){
background: red;
}
.slide:nth-of-type(2){
background: orange;
}
.slide:nth-of-type(3){
background: green;
}
.slide:nth-of-type(4){
background: blue;
}
.slide:nth-of-type(5){
background: purple;
}
</style>
</head>
<body>
<ul id="slides">
<li class="slide showing">Slide 1</li>
<li class="slide">Slide 2</li>
<li class="slide">Slide 3</li>
<li class="slide">Slide 4</li>
<li class="slide">Slide 5</li>
</ul>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>

<script type="text/javascript">
var slides = document.querySelectorAll('#slides .slide');
var currentSlide = 0;
var slideInterval = setInterval(nextSlide,2000);

function nextSlide(){
slides[currentSlide].className = 'slide';
currentSlide = (currentSlide+1)%slides.length;
slides[currentSlide].className = 'slide showing';
}
</script>
</body>
</html>
---------------------------------------------------------------------------
Semoga bermanfaat.
http://pangeran-it.blogspot.co.id/

Cara ganti menu aktif di javascript


Assalamu'alaikum wr wb,
kali ini saya akan share bagaimana Cara ganti menu aktif di javascript.
Berikut ini syntaxnya :
--------------------------------------------------------------------------------------
<style type="text/css">
.active {
    background-color:maroon;
    color:white;
}
#navMenus {
    list-style:none;
    width:100px;
    float:left;
    text-align:center;
}
li {
    cursor:pointer;
}
</style>

<ul id="navMenus">
    <li>One</li>
    <li>Two</li>
    <li>Three</li>
    <li>Four</li>
    <li>Five</li>
</ul>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>

<script type="text/javascript">
$("#navMenus").on('click', 'li', function () {
   $("#navMenus li.active").removeClass("active");
   // adding classname 'active' to current click li
   $(this).addClass("active");
});
</script>
--------------------------------------------------------------------------------------
Semoga bermanfaat.
http://pangeran-it.blogspot.co.id/

PHP INDONESIA - Medan Programming & Technology Day 2017


Cara buat icon search sebelah kiri di dalam input text di css


Assalamu'alaikum wr wb,
kali ini saya akan share bagaimana cara buat icon search sebelah kiri di dalam input text di css.
Berikut ini syntaxnya.
-------------------------------------------------
<style type="text/css">
@import url("//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css");
body { margin: 30px; }
.search {
  position: relative;
  color: #aaa;
  font-size: 16px;
}

.search input {
  width: 250px;
  height: 32px;

  background: #fcfcfc;
  border: 1px solid #aaa;
  border-radius: 5px;
  box-shadow: 0 0 3px #ccc, 0 10px 15px #ebebeb inset;
}

.search input { text-indent: 32px;}
.search .fa-search {
  position: absolute;
  top: 10px;
  left: 10px;
}
</style>

<div class="search">
  <span class="fa fa-search"></span>
  <input placeholder="Search term">
</div>
-------------------------------------------------
Semoga bermanfaat.
http://pangeran-it.blogspot.com/

Cara buat icon search sebelah kanan di dalam input text di css


Assalamu'alaikum wr wb,
kali ini saya akan share bagaimana cara buat icon search sebelah kanan di dalam input text di css.
Berikut ini syntaxnya.
-------------------------------------------------
<style type="text/css">
@import url("//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css");
body
{
  margin: 30px;
}

.search
{
  position: relative;
  color: #aaa;
  font-size: 16px;
}

.search input
{
  width: 250px;
  height: 32px;
  background: #fcfcfc;
  border: 1px solid #aaa;
  border-radius: 5px;
  box-shadow: 0 0 3px #ccc, 0 10px 15px #ebebeb inset;
}

.search input { text-indent: 5px;}
.search .fa-search {
  position: absolute;
  top: 10px;
  margin-left: -30px;
  float: right;
}
</style>

<div class="search">
  <input placeholder="Search term">
  <span class="fa fa-search"></span>
</div>
-------------------------------------------------
Semoga bermanfaat.
http://pangeran-it.blogspot.com/

Tema baru contempo pada blogspot telah hadir 2017

Assalamu'alaikum wr wb,
kali ini saya akan sharing tentang Tema baru pada blogspot telah hadir 2017.
Yap, pada hari ini, selasa, 21 maret 2017 blogger meluncurkan tema baru pada template blogspot.

Berikut ini tema barunya :










Semoga bermanfaat.
http://pangeran-it.blogspot.com/



Cara install larevel terbaru menggunakan composer


Assalamu'alaikum wr wb
Kali ini saya akan share bagaimana Cara install larevel terbaru menggunakan composer.

Berikut ini langkah - langkahnya :
1. Pastikan sobat sudah menginstall composer. Jika belum, sobat bisa baca bagaimana cara install composer.

2. Setelah composer terinstall. Silahkan buka command prompt (CMD) dengan menekan shortcut windows + R kemudian ketikkan cmd dan tekan enter. Jika sobat belum tahu apa itu Command Prompt, bisa baca sekilas tentang command prompt (CMD).

3. Setelah itu akan tampil cmd, di kompi saya seperti ini



4. Masuk ke dalam folder htdocs yang ada di dalam xampp sobat.





5. Setelah masuk ke dalam folder htdocs, Kemudian ketikkan perintah berikut kemudian tekan enter.
Saya buat nama project kali ini dengan nama laravel1.

composer create-project laravel/laravel laravel1 --prefer-dist


6. Tunggu selama proses installasi selesai.




7. Jika selesai maka akan tampil seperti ini.



8. Test dengan mengetikkan ke alamat url pada browser.


9. Jika berhasil maka tampilannya akan seperti ini.



Semoga bermanfaat.
http://pangeran-it.blogspot.co.id/

Fungsi Command Prompt


Assalamu'alaikum wr wb,
kali ini saya akan share tentang Fungsi Command Prompt.

Berikut ini penjelasannya :

Meng-handle beberapa masalah saat versi GUI (Grafik User Interface) pada Windows kita bermasalah diakibatkan virus. Seperti hilangnya folder options pada explorer, task manager yang di-disable, tidak bisa membuka msconfig dan sebagainya. Lebih lanjut kita bisa menangani virus lewat cmd.

Seperti namanya, “Prompt” sendiri arti harafiahnya adalah Quick atau cepat jadi kita bisa mengeksekusi sebuah perintah lebih cepat dengan menggunakan cmd. Selain lebih cepat cmd ini juga lebih ringan dibanding dengan explorer saat melakukan perintah masuk pada direktori tertentu, atau mencari file tertentu.

Kegunaan lain dari Command Prompt ini adalah untuk membiasakan menggunakan command line pada cmd agar nantinya terbiasa dengan server core yang menggunakan OS berbasis text.

Baca juga : Command prompt

Semoga bermanfaat.
http://pangeran-it.blogspot.co.id

Cara membuka command prompt

Assalamu'alaikum wr wb,
kali ini saya akan share bagaimana Cara membuka command prompt.

Berikut ini langkahnya :
Memanggil executable cmd.exe, dengan cara :
Klik Start > Run > ketik “cmd” (tanpa tanda kutip) > ENTER

Tampilan pada windows xp (windows + R + cmd )

---------------------------------------------------------------------------


Tampilan pada windows 7 (windows + R + cmd )

----------------------------------------------------------------------------


atau dengan perintah yang lebih cepat :

Tekan di keyboard lambang Windows di ikuti dengan R, lalu ketik cmd, ENTER

Jika sudah berhasil maka tampil seperti dibawah ini.


Baca juga : Fungsi Command Prompt

Semoga bermanfaat.
http://pangeran-it.blogspot.co.id

Pengertian Command Prompt


Assalamu'alaikum wr wb,
Kali ini saya akan share Pengertian Command Prompt.

Baca juga : Sekilas tentang command prompt

Berikut ini penjelasannya.
Command Prompt atau DOS prompt adalah sebuah command line (baris perintah) pada sebuah OS (Operating System) berbasis GUI untuk mengesekusi file dengan cara menuliskan perintahnya pada jendela cmd. Atau singkatnya Command Prompt ini adalah sistem operasi berbasis baris perintah karena sebenarnya Command Prompt atau DOS prompt ini pada awalnya digunakan sebagai sistem operasi akan tetapi setelah dos mulai banyak di tinggalkan maka sekarang dos tetap di integrasikan oleh microsoft pada Windows yang lebih kita kenal dengan nama MS-DOS atau Command Prompt.


Semoga bermanfaat.
http://pangeran-it.blogspot.co.id

Sekilas tentang command prompt (cmd)


Assalamu'alaikum wr wb,
kali ini saya akan share Sekilas tentang command prompt (cmd).
Apa itu command prompt (cmd) ... ?
Check this out.

Command Prompt (executable cmd.exe) adalah command-line interpreter yang disediakan Microsoft pada OS / 2, Windows CE dan pada sistem operasi Windows NT-based (termasuk Windows, Windows 2000, Windows XP, Windows Vista, Windows 7, Windows Server 2003dan Windows Server 2008). Ini adalah analog COMMAND.COM dalam MS-DOS dan Windows 9x (di mana hal itu disebut MS-DOS Prompt), sistem, atau Unix Shell digunakan pada sistem Unix-like.

      Therese Stowell mengembangkan versi awal cmd.exe untuk Windows NT. Walaupun beberapa perintah DOS tidak didukung atau sudah diubah (misalnya fungsi deltree digabung kedalam rd dalam bentuk parameter / s ), cmd.exe masih memiliki lebih banyak perintah built-in.Versi cmd.exe pada OS/2 dan Windows NT memiliki pesan kesalahan yang lebih rinci dibandingkan dengan "Bad command or file name" (dalam hal salah perintah) dari command.com. Pada versi cmd.exe OS/2 pesan kesalahan dilaporkan dengan bahasa sistem yang dipakai , teksnya diambil dari sistem pesan file.Perintah Bantuan kemudian dapat dikeluarkan dengan pesan nomor kesalahan untuk mendapatkan informasi lebih lanjut. cmd.exe tetap menjadi bagian dari Windows Vista, Windows Server 2008, dan Windows 7.

Baca juga : Pengertian Command Prompt

Semoga bermanfaat.
http://pangeran-it.blogspot.co.id

Cara buat event refresh posisi scroll berada di atas pada javascript


Assalamu'alaikum wr wb,
kali ini saya akan share bagaimana Cara buat event refresh posisi scroll berada di atas pada javascript
---------------------------------------------
<script type="text/javascript">
window.onbeforeunload = function ()
{
  window.scrollTo(0, 0);
}
</script>
---------------------------------------------
Semoga bermanfaat.
http://pangeran-it.blogspot.co.id/

Cara menyimpan file foto / gambar ke dalam database di php mysql


Assalamu'alaikum wr wb,
kali ini saya akan share bagaimana Cara menyimpan file foto / gambar ke dalam database di php mysql.
Berikut ini syntaxnya :
----------------------------------------------
buat file index.php dengan syntax dibawah ini
----------------------------------------------
<html>
<head>
<title>Cara menyimpan file foto / gambar ke dalam database di php mysql by Syawaluddin Amin, S.Kom</title>
</head>
<body>

<h1>Upload Image</h1>

<form action="simpan.php" method="post" enctype="multipart/form-data">
Pilih File : <input type="file" name="foto"> <input type="submit" value="Upload">
</form>

<?php
mysql_connect("localhost", "root", "");
mysql_select_db("db_gambar");

$tampil=mysql_query("SELECT foto FROM foto");

if($tampil === FALSE)
{
die(mysql_error());
}
$no=1;
while ($r=mysql_fetch_array($tampil))
{
echo $no.".";
echo '<img src="data:image/jpeg;base64,' . base64_encode( $r['foto'] ) . '" width="120"/>';
echo '<br>';
$no++;
}
?>

</body>
</html>
----------------------------------------------
buat file simpan.php dengan syntax dibawah ini
----------------------------------------------
<?php
mysql_connect("localhost", "root", "");
mysql_select_db("db_gambar");

if(empty($_FILES['foto']))
{
echo 'Pilih file gambar';
}
else
{
$image = addslashes(file_get_contents($_FILES['foto']['tmp_name']));
mysql_query("INSERT INTO foto (foto)VALUES('$image')");
echo "<script>document.location='index.php'</script>";
}
?>
----------------------------------------------
File source code bisa di download disini :
index.php
simpan.php
db_gambar.sql
----------------------------------------------
Semoga bermanfaat.
http://pangeran-it.blogspot.co.id/
----------------------------------------------