Suka Suka Saya

Breaking News

Membuat desain form login dengan HTML + CSS

Membuat desain form login dengan

HTML + CSS

Membuat form desain login dengan HTML + CSS - hmmmmmmmmmmm

assalamu'alaikum wr.wb

pada kali ini saya ingin berbagi ilmu dari latihan kuliah saya, yaitu cara membuat form desain login dengan HTML dan CSS, dah lah ngga usah banyak basa basi wkwkwk kalian juga malas bacanya -_-" dah lanjut aja

1. Pertama tama kalian buat sebuah index.html. kemudian silahkan anda copas -__-" kode HTML yang ada di bawah ini ke halaman index.html yang sudah kalian buat

#index.html

<!DOCTYPE html>
<html>
<head>
    <title> Login </title>
    <link rel="stylesheet" type="text/css" href="css/login.css">
</head>
<body>
    <div class="login">
    <form>
        <table cellpadding="5" align="center">
            <h1><center> LOGIN </center></h1>
            <tr>
                <td> User Name </td><td>:</td>
                <td><input type="text" name="userid"></td>
            </tr>
            <tr>
                <td> Password </td><td>:</td>
                <td><input type="password" name="psw"></td>
            </tr>
            <tr align="right">
                <td colspan="3"><input type="submit" value="Login"></td>
            </tr>
        </table>
    </form>
</div>
</body>
</html>

2. Setelah anda membuat index.html, langkah selanjutnya ialah anda membuat sebuah halaman login.css (namanya terserah kalian, akan tetapi anda memberukan nama yang lain, maka anda perlu mengubahnya pada halaman index dengan nama yang telah anda berikan.

Setelah halaman tersebut dibuat, silahkan anda copas lagi -_-" code di bawah ini ke halaman tersebut

#login.css

body {
    width: 100%; height: 100%;
    background: repeating-radial-gradient(
       #6cf,
       #6cf 3px,
       transparent 3px,
       transparent 6px,
       #6cf 6px,
       #6cf 10px,
       white 10px,
       white 14px,
       #6cf 14px,
       #6cf 17px,
       transparent 17px,
       transparent 25px
       );
    background-size: 50px 50px;
}
.login{
    background-color: aqua;
    height: 210px;
    margin-top: 150px;
    margin-right: 500px;
    margin-bottom: 0px;
    margin-left: 500px;
    padding-top: 15px;
    padding-bottom: 10px

    -moz-box-shadow:   inset 0 0 10px #000000;
    -webkit-box-shadow:   inset 0 0 10px #000000;
    box-shadow:   inset 0 0 10px #000000;

    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}

3. Selesai di atas adalah source code yang dapat anda gunakan untuk membuar Form Login atau sebagai sumber untuk belajar bagaimana cara membuat sebuah form login.
# Ini dia hasilnya

Simpel kan bikin form login, ya simpel lah orang tingal copas -__-"

yaudah lah sekian dari saya, kurang lebihnya mohon maaf

Wassalamu'alaikum wr.wb

Konfigurasi Web Proxy CLI

Assalamu'alaikum wr.wb

Alhamdulillah, saya mau bagi bagi ilmu sedikit lagi nih, di luang waktu ini saya gabut pada akhirnya saya ngeblog lagi dan masih di berikan kesehatan oleh Allah SWT, yuk kita lanjut aja ke materi nya

A. MIKROTIK

Proxy

Sistem yang menajadi perantara antara client dnegan server, shingga client tidak akan berhubungan langsung dengan server server yang ada di internet

Transparant Proxy

Konfigurasi proxy dimana client yang terhubung ke proxy tidak harus menyrting browser satu satu jadi tinggal redirect saja, maka komputer itu sudah bisa memanfaatkan server Proxy sebagai cache

Anonymous Proxy

Jenis proxy yang mengidentifikasi dirinya sebagai server proxy, namun proxy ini tidak dapat membuat alamat IP yang asli tersedia

Distorting Proxy

Sistem server proxy yang membuat alamay IP seseorang yang terlihat tetapi bukan IP asli, itu hanya sebuah rekayasa

B. ALAT DAN BAHAN

Pc Client
Hardware RouterBoard
Software Winbox
Kabel UTP (Type Stright)
Akses Internet

C. TAHAP PERENCANAAN

Hubungkan kabel power ke terminal listrik dan ke RouterBoard
Hubungkan kabel Internet ke port ether1 RouterBoard
Hubungkan kabel lan type straight ke port ether2 RouterBoard dan Ke PC

D. TAHAP KONFIGURASI

Pastikan konfigurasi sudah terkoneksi pada jaringan yaa, seperti gambar di bawah ini:

Okee sudah terkoneksi ke jaringan yaa, sekarang kita lanjut ke konfigurasi

KET:

Memblokir Situs/Website

Memblokir File ber ekstensi mp3

Mengalihkan Situs/Website

1. Yang pertama kita aktifkan web proxy terlebih dahulu, kemudian kita isi nama kita, disini saya menggunakan alamat email saya

2. Setelah itu kita isi apa yang ingin kita blokir, disini saya memblokir di ether (LAN), jika kalian ingin memblokir di wlan, maka IP yang kalian masukan IP wlan

3. Selanjutnya kita buat transparent proxy pada menu firewall agar semua paket yang tidak diinginkan dialhkan terlebih dahulu ke port web proxy

4. Nah, Sekarang kita masuk ke tahap pengujian, yang pertama kita lihat tampilan youtube.com yang kita blokir

5. Selanjutnya kita lihat tampilan blokir lazara.co.id

6. Setelah itu kita memblokir mp3, jadi jika kita download lagu, yang berekstensi mp3, akan terblokir seperti gambar dibawah ini

7. dan yang terakhir kita tes pengujian mengalihkan dari detik.com ke kompas.com

Alhamdulillah sudah selesai, sekarang sobat bisa coba konfigurasi di atas, pasti kalian semua bisa, sekian dari saya ya sob, kurang lebihnya mohon maaf, akhir kata saya ucapkan

Wassalamu'alaikum wr.wb

Konfigurasi Firewall Content, Address list, dan Layer 7 Protocol CLI

Assalamu'alaikum wr.wb hehe...😊

Alhamdulillah, hallo apa kabar semuanya? pasti sehat selalu kan, yaa pasti sehat lah jangan sampai pada sakit yaa hehe.... wahh, akhirnya saya bisa ngeblog lagi dan masih di berikan kesehatan oleh Allah SWT, yuk kita lanjut aja ke materi nya

A. MIKROTIK

Firewall

Sistem Keamanan jaringan komputer yang digunakan untuk melindungi komputer dari beberapa jenis serangan dari komputer luar

Content

Sistem jaringan Mikrotik yang digunakan untuk memblokir Website dengan mencantumkan nama content website yang akan di blokir

Address List

Salah satu fitur Mikrotik yang berfungsi untuk memudahkan kita dalam menandai suatu konfigurasi address

Layer 7 Protocol

Metode pencarian pola terhadap paket data ICMP, TCP, dan UDP

B. ALAT DAN BAHAN

Pc Client
Hardware RouterBoard
Software Winbox
Kabel UTP (Type Stright)
Akses Internet

C. TAHAP PERENCANAAN

Hubungkan kabel power ke terminal listrik dan ke RouterBoard
Hubungkan kabel Internet ke port ether1 RouterBoard
Hubungkan kabel lan type straight ke port ether2 RouterBoard dan Ke PC

D. TAHAP KONFIGURASI

Pastikan konfigurasi sudah terkoneksi pada jaringan yaa, seperti gambar di bawah ini:

Okee sudah terkoneksi ke jaringan yaa, sekarang kita lanjut ke konfigurasi

KET:

Mendrop Situs/Website menggunakan Firewall Filter Rules Content

Mendrop Situs/Website menggunakan Firewall Address List

Mendrop Situs/Website menggunakan Firewall Layer 7 Protocol

1. Pertama-tama kita konfigurasi Filter Rules Content, yang kita akan drop adalah situs Facebook, jadi dicontentnya kita isi facebook dan di actionnya drop

2. Selanjutnya kita konfigurasi layer 7 protocol, mendrop menggunakan regexp (code)

3. Kemudian kita drop menggunakan address list, nahh cara ini beda dengan yang awal, pertama tama kita mencari ip website yang akan kita derop dengan menggunakan CMD, Lalu kita ketik nslookup

4. Lalu kita masuk ke tahap konfigurasi dengan memasukan ip website tersebut

5. Nahh, jika sudah selesai semua kita langsung masuk ke tahap pengujian, yang pertama kita uji Filter Rules Content dengan membuka situs www.facebook.com

6. Kemudian tahap pengujian layer 7 protocol

7. Yang terakhir kita uji Address List dengan membuka situs www.olx.com

Alhamdulillah seperti itu konfigurasi nya, saya yakin kalian semua pasti bisa, jika ada masalah coment saja di bawah yaa, sekian ilmu dari saya, kurang lebihnya mohon maaf, dan maaf jika ada salah salah kata, akhir kata saya ucapkan

Wassalamu'alaikum wr.wb

Konfigurasi Hotspot, Limith Bandwidth dan Bypass CLI

Assalamu'alaikum wr.wb

Selamat malam 😇 hehe, disini saya akan membahas konfigurasi Hotspot Mikrotik yang terdiri dari login Hotspot, Bypass, dan Bandwidth, oke deh ngga usah basa basi lagi, kita langsung masuk ke materi saja yaa...

A. MIKROTIK

Hotspot

Sebuah system untuk memberikan fitur autentifikasi pada user yang aka menggunakan jaringan. Jadi untuk bisa akses ke jaringan, client diharuskan memasukkan username dan password pada login page yang disediakan

Bypass

Bypass maksudnya untuk akses ke hotspot tidak perlu lagi memasukkan username dan password pada login hostpot

Bandwidth

Sebuah system jaringan mikrotik yang berguna untuk membataskan pengguna dan membataskan kecepatan akses internet

B. Alat dan Bahan

Pc Client
Hardware RouterBoard
Software Winbox
Kabel UTP (Type Stright)
Akses Internet

C. Tahap Perencanaan

Hubungkan kabel power ke terminal listrik dan ke RouterBoard
Hubungkan kabel Internet ke port ether1 RouterBoard
Hubungkan kabel lan type straight ke port ether2 RouterBoard dan Ke PC

D. Tahap Konfigurasi

Pastikan konfigurasinya sudah terkoneksi ke internet yaa seperti gambar yang dibawah ini:

okee sipp kita lanjut ke materi yaa

Ket:

Melakukan Login Hotspot

Bypass bsnp-indonesia.org

Membuat 4 User

Limith Bandwith pada 1 User

1. Langkah pertama, kita diminta untuk menentukan interface mana untuk di aktifkan Hotspot. Pada kasus ini Hotspot diaktifkan pada ether2, Dimana ether2 sudah kita setting sebagai LAN.

2. Kemudian kita masuk ke hotspot profile, disini kita gunakan untuk mengatur login dan kecepatan untuk user yang akan kita pakai, nah dibawah ini fungsi http-chap itu sangat berguna jika kita mempunyai banyak user. jadi kita dapat mengganti user, jika kita tidak menggunakan http-chap, maka kita hanya dapat menggunakan 1 user saja.

3. Kemudian kita membuat user baru lagi, dengan nama kita (Bebas) nama mantan juga ngga apa apa.

4. Langkah selanjutnya kita membuat user profil dengan nama siswa, batas pengguna untuk siswa 10 pengguna dengan kecepatan 256k/512k, maka setelah itu, kita membuat 2 user untuk guru dan siswa, yang kita bataskan kecepatannya dan penggunanya yaitu untuk siswa, dan untuk guru kita defaultkan saja.

5. Setelah itu kita bypass bsnp-indonesia.org. Fungsinya, agar kita dapat mengakses situs yang kita bypass tanpa login terlebih dahulu.

6. Kemudian kita masuk ke tahap pengujian, yang pertama kita masuk ke hotspot kita terlebih dahulu dan bypass.

7. Selanjutnya kita login dengan user siswa untuk mengetes bandwith / kecepatan internet.

8. Jika sudah login, kita masuk ke http://speedtest.cbn.net.id untuk mengukur kecepatan internet yang kita atur tadi sebelumnya, kecepatan untuk upload kita atur 256k dan untuk download 512k.

Alhamdullilah Konfigurasinya selesai, Tinggal kalian coba yaa susah atau ngga nya kalau masih ada trouble bisa comment di kolom komentar yang sudah saya siapkan di bawah sini hehe... sekian dari saya terimakasih... selamat mencoba

Wassalamu'allaikum wr.wb

Konfigurasi Dasar Mikrotik Dynamic CLI

Assalamu'alaikum wr.wb

Alhamdulillah pada malam hari yang sunyi ini, saya bisa ngeshare ilmu sederhana lagi yang insya allah bermanfaat bagi kalian semua yang membacanya, oke sekarang langsung saja ya kita masuk ke materi.

A. MIKROTIK

IP Address (Alamat IP)

Deretan angka binner antara 32 bit sampai 128 bit yang dipakai sebagai alamat identifikasi untuk tiap komputer host dalam jaringan internet

Dhcp-Server

Sistem pemberianip secara otomatis kepada client, sehingga kita tidak perlu men-setting secara manual pada setiap pc client

Dhcp-Client

Memungkinkan MikroTik untuk dapat berkomunikasi dengan DHCP Server. Agar dapat menerima informasi ip address, IP DNS, dan default gateway dari DHCP Server

B. Alat dan bahan

Pc client
Hardware Router Board
Software Winbox
Kabel UTP (type straight)
Access internet

C. Tahap Perencanaan

Hubungkan kabel power ke terminal listrik dan ke roouter board
Hubungkan kabel internet ke port ether1 router board
Hubungkan kabel lan type straight ke port ether2 router board dan ke pc

D. Tahap konfigurasi

Pastikan semua kabel sudah terhubung semua ke router board dan ke pc, jika sudah, kita buka aplikasi Winbox, kemudian kita login dengan memilih mikrotik kita, ikuti langkah-langkah berikut dibawah ini

1. Pertama tama kita mengganti nama identitas router kita. yang berfungsi agar kita mengetahui yang mana router kita dan yang mana router orang lain dan kita tambahkan password. agar kita terhindar dari orang orang yang berniat jahat dengan jaringan internet kita.

2. Selanjutnya kita ubah nama ether 1 dan ether 2 menjadi LAN dan INNTERNET, agar kita mudah memberikan alamat ip untuk si LAN dan Internet.

3. Kemudian kita setting ip address untuk memberikan alamat secara static untuk LAN.

4. Lalu kita setting ip dhcp untuk memberikan alamat secara dynamic untuk INTERNET.

5. Setelah itu kita setting ip dhcp client untuk LAN, Untuk memberikan ip secara otomatis ke client / pengguna LAN atau ether2 nya.

6. Selanjutnya kita setting firewall agar jaringan dapat terkoneksi.

7. Nahhh langkah terakhir kita cek koneksi dengan cara ping www.google.com di new terminal dan di command prompt (CMD).

Alhamdulillah, gimana konfigurasinya pada bisa semua kan, ya pasti bisa lahh :v yaa semoga ilmu ini bermanfaat bagi kalian, akhir kata saya ucapkan terima kasih, kurang lebihnya mohon maaf

Wassalamu'alaikum wr.wb

Konfigurasi Dasar Mikrotik Static CLI

Assalamu'alaikum wr.wb

Alhamdullilah, ini yang pertama kali saya buat blog, jadi kalau ada kurangnya saya minta maaf sebesar besarnya, yang pertama kali ini saya ingin berbagi ilmu tentang Konfigurasi Dasar Mikrotik, okee kita langsung saja ke materi 😅

A. MIKROTIK

Mikrotik RouterBoard

Suatu hardware yang dapat menjalankan router network tanpa perlu di install ke sebuah PC, karena mikrotik ini telah di desain untuk menjalankan routerOS sehingga dapat menjadi router yang handal untuk penggunanya. RouterBoard ini mudah digunakan karena tidak perlu menginstall OS

Mikrotik RouterOS

Sebuah sistem operasi yang digunakan untuk mengubah PC biasa menjadi PC router

Dhcp-Server

Sistem pemberian ip secara otomatis kepada client, sehingga kita tidak perlu men-setting secara manual pada setiap pc client

Dhcp-client

Memungkinkan MikroTik untuk dapat berkomunikasi dengan DHCP Server. Agar dapat menerima informasi ip address, IP DNS, dan default gateway dari DHCP Server

DNS

Sebuah sistem yang menyimpan informasi tentang nama host ataupun nama domain dalam bentuk basis data tersebar di dalam jaringan komputer, misalnya seperti Internet

Gateway (Gerbang Jaringan)

Suatu perangat yang menghubungkan jaringan komputer yang satu atau lebih jaringan komputer dengan media komunikasi yang berbeda sehinga informasi pada saat jaringan komputer di alihkan akan berbeda dengan media jaringan yang berbeda

Firewall Nat

NAT Pada jaringan komputer, proses Network Address Translation (NAT) adalah proses penulisan ulang masquerade pada alamat IP asal (source) dan alamat IP tujuan (destination), setelah melalui router atau firewall

B. Alat dan bahan

Hardware RB941-2nd

Software Winbox

Kabel UTP (type straight)

Laptop / PC (Client)

Access internet

C. Tahap Perencanaan

Hubungkan kabel power ke terminal listrik dan ke router board

Hubungkan kabel internet ke port ether1 router board

Hubungkan Kable lan type straigt ke port ether2 router board dan ke pc

D. Tahap Konfigurasi

Pastikan semua kabel sudah terhubung semua ke router board dan ke pc, jika sudah, kita buka aplikasi Winbox, kemudian kita login dengan memilih mikrotik kita, ikuti langkah-langkah di bawah ini

1. Langkah Pertama kita harus mengetahui berapa ip address, ip dns, ip gateway nya terlebih dahulu dengan cara melihat ip di Network Connection nya

Nah disana kita sudah mendapatkan ip address, ip gateway, dan ip DNS kita

2. Jika kita sudah mengetahui ip kita, selanjutnya masuk ke tahap konfigurasi, seperti biasa pertama-tama kita setting nama identitas dan berikan password pada mikrotik kita dengan nama bebas

3. Selanjutnya kita ganti nama interface ether1 menjadi internet dan ether2 menjadi lan, fungsinya agar mempermudah kita dalam pembagian alamat ip

4. Kemudian kita setting ip address untuk ether1 (internet) dan ether2 (lan)

5. Selanjutnya kita setting ip dns, ip gateway, dan firewallnya

6. Kemudian langkah terakhir kita test ping, apakah jaringan kita sudah terkoneksi atau belum, dengan cara ping www.google.com di new terminal

7. Jika sudah terkoneksi, jangan lupa kita masukan ip ke client / komputer kita, agar jaringannya dapat terkoneksi di pc yang kita gunakan

8. Setelah itu kita cek ping di Command Prompt atau biasa di sebut dengan CMD, apakah sudah terkoneksi atau belum

Gimana mudah bukan hehe, postingan untuk yang pertama kalinya selesai saya ucapkan alhamdullilah. Semoga ilmu yang saya share bermanfaat, mohon maaf jika postingan ini belumlengkap ataupun kurang jelas dan masih ada yang salah salah, saya mohon maaf :)). sekian dari saya terima kasih

Wassalamu'alaikum wr.wb

RIZAL SUKRON HAMID

About us

Membuat desain form login dengan HTML + CSS

Konfigurasi Web Proxy CLI

Konfigurasi Firewall Content, Address list, dan Layer 7 Protocol CLI

Konfigurasi Hotspot, Limith Bandwidth dan Bypass CLI

Konfigurasi Dasar Mikrotik Dynamic CLI

Konfigurasi Dasar Mikrotik Static CLI