VIDEO 1

A.Download dan instal XAMPP

XAMPP berfungsi sebagai server yang berdiri sendiri (localhost), yang terdiri atas program Apache
HTTP Server, MySQL Database, dan penerjemah bahasa yang ditulis dengan bahasa pemrograman
PHP. dan Perl. Nama XAMPP merupakan singkatan dari X, Apache, MySQL, PHP dan Perl. Ini
merupakan empat sistem operasi yang mendukung.

1.Download XAMPP pada link berikut

https://www.apachefriends.org/download_success.html

atau ketikan saja pada browser kata kunci “download xampp”

2. Selanjutnya install XAMPP pada komputer kalian. Cara nya pun sangat
mudah: Klik kanan icon instaler aplikasi xampp - lalu pilih Open.

3. Selanjutnya untuk instalasi XAMPP ini ikuti langkah-langkah berikut.

Tinggal klik tombol “next” saja
a. PadaUser Account Control tekan YES dan akan menuju halaman
SetupXampp. Klik tombol Next untuk melanjutkan.

b. Padahalaman Select Components, pastikan centang pada kolom-

kolomseperti gambar dibawah dan klik Next.
c. Pada
halaman Installation Folder pilih folder yang digunakan untuk
menyimpan hasil instalasi xampp dan klik Next.

d. Pada halaman Bitnami for XAMPP klik Next.

e. Setelahitu akan menuju halaman Ready to install dan klik Next. Tunggu
proses intalasi xampp sampai bar berwana hijau terisi penuh
 f. Setelah proses selesai, klik Next

g. Setelah selesai akan ditambilkan pemilihan Bahasa yang ingin

digunakandan klik save

4. Kalau kemudian muncul pop up semacam ini klik saja Allow Acces.
Kemudian Pilih Bahasa yang dimengerti, kalau kalian jago bahasa jerman
silahkan klik bendera jerman - Lalu save
5. Kalau berhasil maka akan muncul XAMPP Control Panel seperti gambar di
bawah ini
2.Dowloand dan install wordpress
WordPress merupakan sistem manajemen konten (CMS) yang paling banyak
digunakan di dunia. Lebih dari 30% website dibuat di WordPress dan
persentasenya masih akan terus meningkat! Secara umum, sistem manajemen
konten adalah aplikasi web yang memperbolehkan pemilik, editor, dan author
untuk mengelola website dan menerbitkan konten tanpa harus menguasai istilah
teknis dan bahasa pemrograman terlebih dulu. WordPress menggunakan PHP
dan MySQL, yang ternyata didukung oleh hampir semua penyedia web hosting.
Terdapat juga paket WordPress hosting yang menawarkan kelebihan dalam
kecepatan, performa, dan keandalan website. Kelebihan WordPress lainnya
terletak pada tipe website yang bisa dibuat di platform ini. CMS ini
memungkinkan Anda tak hanya membuat blog sederhana, tapi juga situs
ecommerce, portofolio, newspaper, atau apa pun yang diinginkan.
1.Download wordpress pada link berikut
https://id.wordpress.org/download/
atau ketikan saja pada browser kata kunci “download word press”. Kemudian
kalian perlu memilih word press.org Indonesia. .org adalah ranah internet
tingkat teratas (TLD) yang digunakan dalam sistem penamaan domain Internet.
Nama .org merupakan singkatan dari organisasi. Domain ini dibuka pada tahun
1985. Pada awalnya domain ini ditujukan untuk organisasi non profit, tetapi
belakangan ini banyak juga digunakan oleh sekolah, situs personal, projek open-
source, dan kadang juga untuk perusahaan komersial.
Kemudian klik web pertama wordpress.org

Kemudian scrool kebawah sampai mendapatkan tampilan seperti dibawah ini

dan klik unduh
2. Selanjutnya instal wordpress pada komputer. Cara nya pun sangat mudah:
Klik kanan icon aplikasi wordpress lalu pilih Open with winrar atau bisa juga
dengan cara klik 2 kali icon tersebut.
Selanjutnya memulai mengaktifkan wordpress
1. Buka aplikasi Xampp yg telah di install, klik tombol Start pada Aphace
dan mySQL

2. Klik kanan pada folder WordPress yang telah di download Apache

3. Buka folder tempat instalasi aplikasi Xampp yang sebelumnya sudah di pilih

4. Buka browser (Google Chrome) dan ketikan localhost/wordpress pada kolom

pencarian

5. Akan tampil halaman daftar file yang ada pada folder wordpress.

6. Klik wordpress dan akan dialihkan pada halaman petunjuk sebelum masuk
dalam intalasi wordpress dan klik tombolayo untuk melanjutkan.
7. Pada halaman keterangan koneksi basis data yang terdapat dalam akses dan
koneksi database.
8. Sebelum menginputkan database dan koneksi, diperlukan sebuah database.
Buka new tab pada browser dan ketikan localhost/phpmyadmin/ pada kolom
pencarian.

9. Klik new

10.Ketikan nama database yang ingin dibuat dan klik Create

11.Setelah membuat database kembali lagi ke halaman browser instalasi
wordpress. Isikan nama basis data dengan nama yang dibuat, contoh
websiteku, nama pengguna ubah menjadi root , pada kolom password
dikosongkan, pada host basis data isikan dengan localhost dan pada
prefix table isikan dengan wp_. Setelah itu klik tombol submit

12.Setelah itu akan menuju halaman baru dan klik tombol jalankan
pemasangan atau run the installation

13.Setelah mengklik Rut the installation atau jalankan pemasangan, isi

data yang dibutuhkan sampai tampilan wordpress menjadi seperti berikut
14. Klik log masuk dan wordpress siap dijalankan
Menjalankan wordpress
1.aktifkan xampp, Klik xampp 2x untuk masuk ke xampp contol panel.
Aktifkan Apache dan MySQL dengan klik star.

2.Buka chrome dan google, lalu ketik http://localhost/khairul%20tamimi/wp-

admin atau sesuai dengan nama akun localhost yang telah dibuat. Lalu akan
muncul tampilan seperti dibawah ini.
Lalu masukkan username dan sandi klik log masuk

3.Selanjutnya kita dibawa masuk ke dasbor

4. Lalu kalian bisa memilih icon yang bergambar rumah yang bertuliskan Nama
Website yang telah dibuat (Khairul Tamimi) – Lalu klik kanan Kunjungi Situs –
Klik Open link in new tab.
5. Hallo dunia! sejauh ini kita sudah berhasil guys!
 VIDEO 2
Aktifkan xampp.

Sebelum itu kita akan menampikan xampp di deskop dengan buka xampp-
xampp control-send to deskop. Hasilnya seperti tambilan gambar di bawah.
Klik xampp 2x untuk masuk ke xampp contol panel. Aktifkan Apache dan
MySQL dengan klik star.

Buka google chroom dengan browser dan ketik localhost sesuai dengan nama
website yang kita buat. Dan kita sudah masuk di halaman website yang kita
buat. Lalu login dengan mana dan password yang telah diuat sehingga
menampilkan halaman di bawah ini.
Kita Sudah masuk ke dalam dashboard dari Wordpress klik laman tambah
baru kita publish ulang lagi bikin laman tambah baru untuk blog, Diketik lagi
isi sesuai dengan blog yang ingin dibuat, Bikin laman tambah baru kemudian
masukkan lagi judulnya about dicopykan lagi / Contoh disesuaikan dengan
website yang dibangun untuk apa, Semua laman bisa kita lihat pilih tampilan
tambahan menunya klik master menu di struktur menu kemudian
simpan (nama tegantung kita)
Pengaturan menu terletak di desktop horizontal menu, pastikan di URL,
Kemudian teks tautan kita tulis home Tambahkan ke menu kemudian
disimpan,  klik kunjungi situs tombol home akan Membawa kita ke halaman
awal.
Dilaman ada Sumber, blog, produk, selanjutnya masuklagi ke dasbor, pilih
tema untuk tampilan lebih menarik kita Koneksikan ke internet, cari tema
sesuai kebutuhan kemudian instal,  kemudian aktifkan, kita resfersh  kita
kembali ke dasbor, plugin terpasang, tambah baru, cari Elementor kita bisa
berkreasi   lebih maksimal kita pasang  pengaturan halaman elementor,  kita
pasang,  kita aktifkan,  pilih laman, Tambah baru,  Pilih judul home page,
bisa diatur,  pengaturan templatenya Pilih lebar penuh,  elementor canvas
pilih judul halaman  dinonaktifkan elemen lalu kita terbitkan, kita coba lihat
lamanya, Klik lihat laman  open new Tab supaya tidak tertimpa yang tadi di
close dulu kemudian ulangi pilih elemetor full with, Supaya lebih elegan
selanjutnya klik drag, norma, tambahkan image (gambarnya) pilih berkas,
upluad gambar tidak boleh lebih dari 8MB,  untuk gambar letakkan  dalam
satu folder desktop. 
Berikut adalah tampilan video 2 kalau kita sudah menyelesaikan nya
 VIDEO 3
Membuka Xammp control panel v3.2.4
Kemudian running, refresh dulu, buka browser google chrome, KHAIRUL
TAMIMI Login: http://localhost/khairul%20tamimi/wp-admin/ dan enter
ketik nama tamimi pasword **************, Kita masuk ke pekerjaan kita
dasbor, berkenla di homepage  klik tanda tambah ambil heading huruf (T)
Tarik ketik di kolom ini selamat datang di website KHAIRUL TAMIMI
(ketik sesuai kebutuhan)  bisa link ke YouTube size pilih large, H2, posisi
Alignment
Bisa rata kiri, rata tengah, pilih rata tengah lihat style ada tiltle lihat
tipografhinya, web, tarnsision, decoration, atur-atur saja, klik ditegah, pilih
style untuk memberikan efek shapedivider, pilih buttomnya
Ada banyak pilihan sesuaikan dengan kesukaan saja coba-coba saja,  silahkan
bereksperimen kita update, setelah di update warna font bisa diganti kita
update lagi, kita preview klik kiri, pilih home, Selanjutnya kita Pilih  satu
kolom saja Klik tanda (+) Klik 2 kali tanda garis, kita tarik-tarik saja.  apa
akan terdapat terdapat sub dari warna produk-produk tadi dan kita pilih icon
bar Kita tarik ke tengah, icon terserah mau pilih mana, Pilih yang
bersesuaian,cari, kita insert,  tinggal ganti saja sesuaikan dengan produk,
selanjutnya bisa diatur lebih tinggi Atur saja ketinggian, margin Silakan
dicoba saja, Kemudian kita duplikat saja, Pilih Icon library, cari yang mana,
sesuai dengan kebutuhan kita, titel  description kita ganti Pilih icon yang
sesuai, insert, Klik Kanan pilih duplikat ganti icon, content creator, klik add
new siction.
Klik Kanan pilih duplikat ganti icon tambah klik add new section, dicopy
saja, bisa diatur dulu pilih style , normal, kalsik dan atsmen, repeat, tujuannya
supaya tidak ada mengulangan kembali ke edit section klik kanan, kemudian
copy, klik, kemudian paste tinggal ganti tulisannya, beri jarak marginnya biar
tidak terlalu diimpit, stlye masukan gambar pilih klasik, masukan gambar
yang diletakkan di desktop cara mendapatkan gambar letakkan dinote tap,
pilih gambar sesuai tema website, copy pindahkan ke asil website kembali
lagi ke website, homepage, untuk menjarakkan tulisan dan gambar bisa
dirubah caranya, di advance untuk merubah warna kita pilih di style lalu
rubah warnanya sesuai kebutuhan maka icon berubah warna
Selanjutnya untuk mengatur jarak di advance, pilih margin atur jaraknya
sudah cocok kita update, kita preview

Berikut adalah tampilan video 3 kalau kita sudah menyelesaikan nya