Yo guys, kembali lagi di Malming.web.id kali ini mimin membawakan tutorial menarik seputar IT, ya untuk postingan kali ini Saya bakal mengshare cara meng-Konfigurasi PHP pada Debian server pada tutrial kali ini mimin menggunakan Debian server versi 8, tapi tenang guys untuk kalian yag menggunakan debian versi 7 ke bawah, tutorial ini juga masih sama kok.
Nah untuk itu langsung saja kita coba buka virtual mesin kita, atau kalian yang menggunakan OS Linux dual/single bot juga bisa mengikuti tutorial ini.
1. Buka virtual mesin, disini saya menggunakan VMware.
pastikan settingannya seperti saya (untuk yang menggunakan virtualbox pilih network adapternya Host-only)
2. Buka debian server kita dan masuklah sebagai root atau super user.
3. Tambahkan Ip pada debian.
cek settingan kita, ketikan perintah "ifconfig".
4. jika sudah berhasil maka selanjutnya adaah meginstall apache2.
5. kemudian Install php5.
6. sekarang kita cek konfigan kita, ketikkan perinath berikut.
kemudian kita akan di sajikan dengan page kosong, pada page kosong ini kita isikan script php sederhana seperti ini.
jika sudah, kita restart apache2-nya dengan cara berikut.
kemudian kita keluar dari virtual mesin kita dan setting adapter laptop/pc kita, di sini saya menggunakan adapter vmware network adapter VMnet1 (sesuaikan saja).
kita ubah ip kita menyesuaikan ip dari debian kita tadi.
kemudian kita ketikkan ip debian pada browser kita.
jika berhasil maka akan tampil seperti ini.
sekarang kita cek settinga PHP-nya. Ketikkan perintah berikut.
7. jika berhasil maka akan muncul tampilan seperti ini.
Nah mungkin sekiyan dulu tutorial yang dapat saya bagikan kali ini, jika bermanfaat share artikel ini atau jika masih ambigu silahkan kalian berkomentar di bawah. Terimakasih
Yo guys kembali lagi di Malming.web.id. Kali ini mimin kembali akan membagikan script website, namun kali ini bukan website portfolio seperti biasanya, kali ini mimin membagikan script website hosting. Script ini cocok buat kalian yang mau jualan hosting baik itu WHM, Cpanel ataupun domain.
Ya, kalian juga boleh mencoba script website buatan saya lainnya pada post saya yang sebelumnya sudah saya share beberapa script website lainnya juga.
Untuk fitur script Malming hosting ini cukup menarik, selain fitur nya yang responsive, pada script ini juga sudah saya tambahkan sedikit efek parallax agar website lebih enak di pandang
Oke silahkan saja kalian download script nya di link download di bawah ini
Yops, setelah lama Saya tidak membuat postingan lagi, kali ini saya kembali dengan membawa sebuah tutorial CSS dasar, yaps kali ini saya akan coba membuat efek zoom pada HTML dengan menggunakan CSS, oke langsung saja kita coba membuat efek Zoom ini, tapi pastikan kalian menyiapkan text editor kalian, jika sudah coba kalian copy saja source code di bawah ini.
Untuk index nya copy saja code berikut dan beri nama "index.html tanpa tanda kutip
Untuk CSS nya copy saja code berikut dan beri nama "style.css" (sesuaikan saja seperti inputan pada html nya)
body {
background-color: #95A5A6;
}
h1 {
text-align: center;
}
.box img {
-webkit-transition: 0.5s ease;
transition: 0.5s ease;
width: 700px;
}
.zoom:hover .box img {
-webkit-transform: scale(1.08);
transform: scale(1.08);
}
.wrapper {
width: 700px;
margin: auto;
}
.footer {
text-align: center;
}
.footer a {
text-decoration: none;
}
Nah code yang paling berpengaruh pada efek zoom ini adalah di code berikut
.box img {
-webkit-transition: 0.5s ease;
transition: 0.5s ease;
width: 700px;
}
.zoom:hover .box img {
-webkit-transform: scale(1.08);
transform: scale(1.08);
}
di sini kita menggunakan efek transis yang memungkinkan sebuah elemen secara bertahap berubah dari satu gaya ke yang lain. Fungsi dari Efek Transisi ini adalah untuk membuat animasi pada hover, dimana saat kursor kita arahkan pada elemen yang mempunyai fungsi hover maka elemen tersebut akan secara bertahap berubah gaya.
Nah jika kalian ingin tau seperti apa efeknya, silahkan kalian copy saja code di atas dan coba kalian praktekan atau kembangkan sendiri.
Nah mungkin cukup sekiyan dari saya kali ini, terimakasih. Wassallam
gambar : http://www.suratkabar.id/wp-content/uploads/2016/05/bentuk-planet-bumi-bulat.jpg
Yo guys, kembali lagi dengan saya di malming blog, ok kali ini saya akan membagikan sebuah script website portfolio, mungkin sebelumnya saya sudah mengshare script yang serupa, tapi ini lebih dari yang pertama, kali ini saya menambahkan beberapa fitur menarik lainnya di script ini.
Nah seperti apa sih script yang pertama dan script ini?
Untuk yang pertama silahkan kalian baca artikel ini
Yo, kita bertemu lagi di malming.web.id, yaps kali ini Saya akan membagikan sebuah script portfolio. Sebelumnya apa sih website portfolio itu? Website portfolio sendiri ialah website yang menunjukan atau menonjolkan suatu produk barang atau jasa yang diolah dari website tersebut. Untuk contoh website portfolio dapat kalian temukan di website http://www.jespervos.nl.
Nah kali ini saya sudah menyiapkan sebuah script website portfolio sederhana buatan Saya sndiri. Untuk revieewnya, mungkin kalian bisa simak video berikut ini.
Fitur :
Responsive design
Support HTML 5
Bootstrap framework
Smooth scroolling
Portfolio
Contact Us
Etc
Untuk scriptnya kalian boleh download di link di bawah ini
Yo hello, bertemu lagi dengan saya admin malming, oke kali ini kita akan coba membahas tentang pemrograman, yaps pada artikel kali ini saya akan coba membuat tutorial tentang cara "Membuat login beda hak akses antara admin dan user". Nah menurut saya, ada dua tipe cara untuk membedakan sesi login antara user dan admin, cara yang pertama ialah membedakan tabel database untuk setiap usernya, dan yang kedua adalah dengan cara menambahkan hak akses (enum) pada database nya sendiri.
Ya, kali ini kita akan coba membuat tutorial yang peretama dulu, yaitu dengan membuat dua tabel database yang berbeda, untuk itu langsung saja kita simak tutorialnya.
Buat dulu satu folder yang terdiri atas sub folder admin, user, dan index.php (untuk koneksi nanti akan kita buat).
Adapun untuk isi dari sub folder adminnya adalah seperti ini.
dan untuk isi dari sub folder usernya seperti ini.
Dan untuk databasenya kita kasih nama "belajar3" dan buat dua tabel yaitu :
*ket : masing-masing tabel terdiri dari : id, nama, username, dan password.
oke sekarang kita akan menambahkan koneksinya, kasih nama script di bawah ini dengan nama "db.php" tanpa tanda petik.
<?php
$server= "localhost";
$user= "root"; // user database
$pw= ""; // password database
$database= "belajar3"; // nama database
$connect = mysql_connect($server,$user,$pw) or die ("Database tidak terkoneksi");
$db= mysql_select_db($database) or die ("Database tidak ditemukan");
?>
letakkan saja di folder web kita
Kemudian kita buat index.php nya, simpel saja kita buatnya, jika kalian ingin mengubah index kalian tidak apa-apa karena di sini kita hanya mencontohkan saja untuk indexnya. Oke copy code di bawah ini dan save dengan nama "index.php" tanpa tanda kutip.
Nah kemudian kita buat login page untuk admin dan usernya, saya rekomendasikan untuk login page user dan admin kita copy satu script saja supaya lebih cepat, atau Anda bisa memakai login page buatan saya yang lebih responsive atau enak dilihatnya, baca artikel ini "Login page Malming-script"
Jika ingin lebih simpel lagi, copy saja code di bawah ini, dan save dengan nama "login.php" tanpa tanda kutip.
save code di atas dengan nama "check_login.php" tanpa tanda kutip, dan letakkan pada masing-masing sub folder. *ket : lihat pada value $login terdapat query Select * from admin where..... Nah untuk check_login.php pada user ganti SELECT * FROM admin menjadi SELECT * FROM user
Sekarang kita akan membuat index untuk admin dahulu, untuk index admin kita bikin simpel saja karena ini hanya contoh, jika index-nya mau kalian ubah silahkan saja sesuaikan dengan selera kalian masing-masing. Untuk contoh index-nya, copy saja script berikut dan raruh di sub folder admin dengan nama "index.php" tanpa tanda petik
<?php
include '../db.php';
session_start();
if (!isset($_SESSION['username'])) {
header('Location: login.php');
}
?>
<html>
<head>
<title>Administrator</title>
</head>
<body>
<h1>Selamat datang di halaman admin</h1>
untuk logout silahkan klik <a href="logout.php">Di sini</a>
</div>
</div>
</body>
</html>
Tampilannya kurang lebih seperti ini.
dan untuk index dari usernya saya contohkan ke script berikut.
<?php
include '../db.php';
session_start();
if (!isset($_SESSION['username'])) {
header('Location: login.php');
}
?>
<html>
<head>
<title>Selamat datang user</title>
</head>
<body>
<h1>Selamat datang user</h1>
Untuk logout silahkan klik <a href="logout.php">Di sini</a>
</body>
</html>
Save dengan nama "index.php" tanpa tanda petik dan simpan pada sub folder user. Kurang lebih tampilannya seperti ini.
Yang terakhir adalah membuat logout nya, copy saja script berikut dan save dengan nama "logout.php" tanpa tanda kutip, letakkan logout.php pada sub folder admin dan user.
<?php
session_start();
unset($_SESSION['username']);
echo "<script>window.alert('Anda telah keluar dari halaman administrator');
window.location=('login.php')</script>";
?>
Nah sampai di sini anda telah selesai membuat hak akses pada login kita, selanjutnya silahkan edit index, login, dan lainnya sesuai selera Anda.
Jika tutorial versi gambar masih membingungkan Anda, Saya juga sudah menyiapkan tutorial versi videonya, silahkan simak saja di bawah ini.
Mungkin cukup sekiyan dari saya, kurang lebihnya saya mohon maaf. Terimakasih Wassallam....
Hallo guys, sudah lama nih mimin gak upload artikel ataupun tutorial seperti biasanya, maklumi saja kesibukan sekolah yang akhir-akhir ini padet jadi untuk sementara waktu fakum dari blogging dan fokus ke sekolah dulu. Tapi kali ini mimin kembali lagi dengan membawakan tutorial sederhana tapi insyaallah bermanfaat untuk semua Aamiin.
Ya kali ini kita akan coba membuat kalkulator sederhana menggunakan PHP. Yaps sekarang kita coba fokuskan pada pemrograman kita, di sini saya menggunakan fungsi dari "switch" untuk memberikan nilai pada perhitungan kita.
Sampai sini aslinya kita sudah berhasil membuat kalkulator sederhana, akan tetapi tampilannya masih terasa kurang enak di pandang, kurang lebih tampilannya seperti ini.
Jika kita ingin mengubah tampilannya agar lebih menarik, lebih baik kita tambahkan CSS nya.
Berikut Source code CSS-nya.
body {
background: #91bfbc;
}
.judul{
text-align: center;
font-family: "kristen itc";
font-size: 16pt;
}
.kalkulator {
width: 335px;
background: #95c3c0;
margin: 50px auto;
border-radius: 5px;
}
.tombol {
width: 110px;
display: block;
margin: 0px auto;
background: #bdc3c7;
border: none;
font-family: 'Lato', sans-serif;
font-size: 14px;
padding: 15px 18px;
transition: 0.5s;
border-radius: 99em;
color: #333;
}
.tombol:hover {
cursor: pointer;
background: #a7b1b7;
}
.angka {
margin: 5px;
background: #2c3e50;
transition: 0.5s;
text-align: center;
box-shadow: none;
border: none;
font-size: 16pt;
border-radius: 5px;
padding: 10px;
width: 300px;
}
.angka:fokus {
border: 2px solid #ecf0f1;
outline: 0;
}
.cara {
font-size: 16pt;
border: none;
width: 315px;
margin: 5px;
border-radius: 5px;
padding: 10px;
}
Copy Source code di atas dan save dengan nama "style.css" tanpa tanda kutip. Maka hasilnya akan seperti ini.
Nah bagaimana? terlihat lebih menarik bukan? Mimin sarankan saat kalian meng copy script di atas mimin sarankan dari pada kalian asal copas atau jiplak saja lebih baik kalian menuliskan ulang code tersebut, walaupun dengan melihat contoh source code orang, tapi itu lebih baik dari pada cuman sebatas copas saja, karena jika kita hanya cuman memodalkan sebatas copy-paste saja maka kemampuan kita hanya sebatas itu-itu saja, tetapi jika kita mencoba menulis ulang code tersebut, walaupun dengan melihat contoh yang sudah di buat oleh orang lain, setidaknya kita akan paham dengan sendirinya maksud dari tiap code tersebut.
Nah jika kalian ingin langsung mendownload Source code di atas kalian bisa downloadnya di artikel ini :
Hai semua, apa kabar? semoga sehat selalu aamiin. Ya kali ini mimin mau membagikan script login page lengkap dengan action, css, dan gambarnya jadi kalian tinggal download dan nikmatin aja deh hehehe. Script ini murni tanpa framewaork, hanya bermodalkan css saja, bila kalian ingin mengeditnya silahkan saja, tapi mimin harap agar menyertakan sumber (malming.web.id) karena ide dari pembuatan script ini gampang-gampang susah.
Yaps untuk script ini ada dua value kolom text yang pertama "Nisn" dan yang kedua "Password". Kenapa Nisn? biasanya kan username? yaps kali ini mimin sengaja memberi valuenya NISN supaya antimainstream hehehe. Tapi kalian juga bisa mengeditnya kok, tinggal ganti name sama valuenya doang hehehe.
Oke untuk scriptnya silahkan kalian download kemudian oprek semaunya hehehe. Link download ada di bawah :
Hello guys, sudah lama sekali mimin off dari blog ini ya, hehehe maklum banyak blogg lain yang mimin punya juga, oke kali ini mimiun bakal mengshare Ebook pelatihan Css3 dan Html5 sederhana.
ya, Ebook ini mimin copy dari salah satu blogg orang, tapi mimin sudah mendapatkan ijin untuk mengshare Ebook ini. Oke nih buat yang mau download ebook nya ada di bawah ini.
Hallo guys lama tidak berjumpa dengan mimin, ya maklumi kesibukan dunia nyata mengganggu aktifitas blogging mimin hehehe...
Oke kali ini mimin akan mengshare tutorial lama yaitu "Cara membuat marquee pada html".
Sebelumnya apa sih marquee itu? Ya, marquee itu adalah efek tulisan berjalan contohnya seperti ini :
Nah ada banyak sekali jenis marquee misalnya marquee biasa seperti yang di atas ini dan ada juga yang bertype behavior nah dari pada Anda penasaran dengan marquee ini sebaiknya baca postingan ini hingga selesai.
Hello guys, dah lama nih mimin gak share postingan, maklum kesibukan dunia nyata membuat mimin jarang bikin postingan. Nah untuk itu kali ini mimin bakal share ebook yang mungkin bisa membantu kalian dalam menyelesaikan soal tentang algoritma. Nah untuk itu silahkan download ebooknya di bawah ini.
Hallo guys, udah lama nih mimin gak ngepost, soalnya sibuk dengan urusan di dunia nyata nih hehehe...... Nah untuk itu mimin kembali lagi dengan membawa sebuah tutorial untuk mempercantik tampilan blog sobat. Ya, dalam tutorial kali ini kita akan membahas tentang bagaimana caranya Membuat Efek Love Bertaburan Pada Blog. Oke langsung saja ikuti tutorial di bawah ini.
Baca juga: Cara membuat tampilan site map menjadi lebih menarik
1. Seperti biasa login akun dashboard Anda.
2. Klik menu "Tata letak" kemudian "Tambahkan Gadget" dan pilih "HTML/Javascript".
3. Untuk judul kosongkan saja, dan pada kolom di bawahnya masukan kode berikut ini:
4. Klik Save, dan sekarang kita lihat tampilan blog kita.
Nah demikian tadi sedikit tutorial tentang Cara Membuat Efek Love Bertaburan Pada Blog. Semoga artikel ini dapat membantu Anda. Terimakasih.............
Hallo sobat Malming, bertemu lagi dengan mimin di Malming.web.id dan pastinya akan siap memberikan postingan-postingan menarik seperti biasanya. Dan kali ini mimin bakal share tentang cara membuat textarea pada postingan blog. Nah bagaimana sih cara membuatnya? untuk itu langsung saja ke TKP.
Textarea adalah suatu area atau tempat yang biasa digunakan untuk menyimpan suatu text atau kode HTML tertentu. Text area ini biasanya di tujukan ke pada viewer blog untuk lebih mudah menyalin data. Adapun beberapa code textarea yang sering mimin gunakan untuk form dan postingan blog.
Baca juga: Cara membuat checkbox pada HTML
Yang pertama ini adalah textarea biasa.
<textarea>Isi data</textarea>
Hasilnya akan seperti ini.
Kemudian textarea yang bentuknya agak panjang dan lebar.
<textarea cols="35" rows="3">Text Area Panjang</textarea>
Hallo sobat Malming, bertemu lagi dengan Saya yang pastinya akan selalu hadir dengan banyak ilmu-ilmu bermanfaat lainnya. Dan untuk postingan kali ini Saya akan membagikan sebuah tutorial tentang bagaimana cara membuat checkbox pada HTML.
Hal pertama yang harus di siapkan ialah notepad atau notepad++ (jika punya)
nah kemudian copas source code di bawah ini.
Save dengan format .html contoh "checkbox.html" tanpa tanda kutip (")
sehingga nanti akan muncul seperti ini
*Keterangan
<title>...</title>
Sebagai judul.
<form method=post>
ialah sebagai penghubung ke database nanti.
<h1>...</h1>
sebagai header.
<input type="checkbox" name="..">
untuk memunculkan checkbox itu sendiri.
<br>
Sebagai garis baru.
Nah demikianlah artikel tentang Cara Membuat Checkbox Pada HTML semoga dapat membantu Anda. Terimakasih.........
Hallo sobat Boss Malming, bertemu lagi dengan Saya, kali ini kita akan membahas tentang sebuah tutorial yang berjudul "Cara Mengganti Logo Blog Dengan Gambar Sendiri". Sebenarnya sangat mudah untuk mengganti logo blog itu. Dalam artikel ini ada dua cara agar untuk mengganti logo blog kita, yaitu dengan langsung mengedit template blog kita, dan cara menggunakan tata letak. Untuk itu langsung saja kita lihat tutorial di bawah ini.
1. Lewat edit template
Login ke Blogger kalian.
Kalau sudah masuk Dashboard, Klik Template
Kemudian Klik Edit Html
Cari kode di bawah ini, untuk mempercepat tekan Ctrl + F dan masukkan kode di bawah ini
<title><data:blog.pageTitle/></title>
<b:skin><
