SlideShare a Scribd company logo
1 of 36
Tutorial Pengguanan Powerpoint
1
Untuk Mengetahui
Biodata Pembuat
Powerpoint
Untuk Melihat
Menu Tutorial
Untuk Keluar Dari
PowerPoint
Untuk Melihat
Slide Selanjutnya
Untuk Melihat
Slide Sebelumnya
Klik Untuk Masuk
Kedalam Tutorial
Untuk Membeli
Website Modern &
Murah
2
Tutorial mengenai cara pembuatan WEB menggunakan
wordpress ini, disusun oleh :
Nama : Sumartono
Kelas : XI RPL 1
2
3
Instalasi XAMPP
Sebelum melakukan pembuatan WEB langkah awal adalah melakukan instalasi
WEB server, dan ditutorial ini menggunakan XAMPP sebagai WEB server. Cara
melakukan instalasi XAMPP yaitu, Buka File XAMPP tentukan dimana akan
meletakan hasil instalasi Xampp lalu klik instal dan tunggu proses instalasi hingga
selesai
4
Bila proses instalasi sudah selesai maka akan muncul icon Xampp pada dekstop
lalu dibuka berilah tanda chek list pada Apache lalu klik start lakukan
hal yang sama pada MySql dan FileZilla Untuk melihat apakah XAMPP sudah
terinstal dengan baik ataukah belum buka aplikasi browser Anda lalu pada Adress
Bar ketikan localhost.
5
Contoh hasil instalasi XAMPP pada web browser dan Aplikasi XAMPP
6
Pembuatan Database WEB
Cara membuat database web adalah sebagai berikut : Copy file .rar
file Wordpress cari dimana Anda meletakan instalasi XAMPP
pilih htdocs lalu paste lalu klik kanan pada file .rar tadi pilih
exstrac here dan tunggu hingga proses ekstraksi selesai klik
kanan pada hasil ekstraksi file tadi lalu pilih rename dan ganti sesuai
nama web yang saya inginkan ( contoh: trijokosaputro )
7
Buka web browser Anda lalu ketikan localhost/phpmyadmin klik
database pada crate database tuliskan nama file .rar yang telah
kita extrac dan direname klik create dan tunggu proses hingga
selesai buka web browser lalu ketikan localhost/nama database
( localhost/trijokosaputro ) klik crate a configuration file klik
lets go pada database name ketikan nama database pertama,
user name isikan root, pasword kosongkan saja klik submit.
8
Klik run the instal pada site title isikan judul web yang akan Anda
buat, masukan username, pasword dan email Anda klik instal
wordpress klik login masukan username dan pasword yang
sebelumnya telah Anda buat maka Anda akan masuk kedalah
dashboard web Anda untuk melihat web Anda ketikan pada
adress bar localhost/nama database (contoh:
localhost/trijokosaputro)
9
Backup WEB
Backup dilakukan agar kita dapat melakukan pengerjaan web
dikomputer lain, caranya adalah sebagai berikut : copas file directory
web buka localhost/phpmyadmin klik nama database yang
akan dibackup lalu klik export klik go lalu secara otomatis
akan muncul jendela download lakukan proses pendownloadan
Setelah selesai gabungkan dengan file directory.
10
Restore WEB
Cara untuk melakukan restore adalah sebagai berikut : Copas folder
directory web ke Local disk C: > XAMPP > htdocs buka
localhost/phpmyadmin isikan nama folder directory pada create
database lalu klik create setelah selesai klik nama folder directory
lalu klik import klik browse lalu pilih file .sql web Anda klik go
11
Membuat Halaman
Cara untuk membuat halaman pada web, yaitu : buka
localhost/namadatabase/wp-admin pilih pages lalu klik Add New pada
kotak atas isikan judul halaman dan kotak yang bawah masukan isi dari halaman
yang ingin kita buat untuk memasukan gambar klik add media klik upload
lalu select file dan pilih gambar yang ingin kita masukan klik insert into page
setelah selesai membuat halaman klik publish.
12
Membuat Menu Pada WEB
untuk membuat menu caranya adalah sebagai berikut : buka
localhost/namadatabase/wp-admin pilih Appearance lalu klik menus
pada menu name isikan nama menu yang akan dibuat lalu klik create menu
beri tanda chek list pada Automatically add new top-level pages pada primary
menu pilih nama menu yg dibuat lalu klik save klik halaman yang ingin
dijadikan/dimasukan kedalam menu dengan cara memberi tanda centang lalu klik
add to menu setelah selesai klik save menu.
13
Membuat Post Category
Buka localhost/namadatabase/wp-admin pilih post lalu klik add
new pada kotak atas isikan judul post dan kotak yang bawah
masukan isi dari post yang ingin kita buat pada categories klik
add new category isikan nama dari categori yang ingin dibuat
lalu klik add new category pastikan nama categori yang kita buat
tercentang lalu klik publish.
14
15
Cara Mendownload dan Menginstal Template
Download template
Cara melakukan download template adalah sebagai berikut : Buka wordpress.org
klik themes pilih check out new filter and tag interface beri tanda centang
pada kotak yg telah disediakan sesuai kebutuhan pilih find themes klik
themes yg diinginkan dan klik download pd kanan atas tampilan themes
tunggu proses download selesai.
15
1616
Cara Mendownload dan Menginstal Template
Upload template
Cara melakukan upload template adalah sebagai berikut : Buka
dashboard web Anda pilih Appearance lalu klik Themes pilih
Instal Themes klik upload lalu pilih browse cari dimana letak
template klik Instal Now Klik Activate.
16
171717
Header & SEO
Header
Header dapat diubah dengan cara berikut : Buka dashboard web
Anda pilih Appearance lalu klik header pada bagian select
image klik browse dan pilih gambar yang akan dijadikan header
klik upload lakukan croping bila diperlukan setelah selesai
klik crop and publish.
17
18181818
Header & SEO
SEO
SEO adalah singkatan dari Search Engine Optimizer, kita dapat
melakukan SEO dengan cara : Buka dashboard web Anda pilih
settings lalu klik permalinks pada Common Settings ubah menjadi
post name lalu klik save changes.
18
19
Instal Asister
Asister merupakan aplikasi yang digunakan untuk membuat template sendiri. Cara
melakukan penginstalan software ini yaitu : Buka file asister pilih bahasa yg
akan digunakan lalu klik next next beri tanda centang pada kota
persetujuan lalu klik next pilih tempat instalasi lalu klik next next
tunggu proses instalasi selesai klik finish dan siapkan keygennya klik activate
masukan license code dan instalation key klik activate.
19
2020202020
Membuat Template Menggunakan Asister
Buka asister pada new projet pilih wordpress lakukan
pembuatan template sesuai dengan keinginan dan kebutuhan
setelah selesai klik wordpress theme isikan nama template
pastikan pada create zip file diberi tanda chek list Klik
Export.
20
212121212121
Apa pengertian Plug In,??
Kata plug-in berasal dari basa inggris yang artinya Colok-masuk.
Pengertian Plug in suatu program komputer yang dipasang yang
berguna untuk menambah fungsionalitas sebuah program utama.
Biasanya Program utama memberikan semacam interface
(antarmuka) supaya Plug-in dapat berinteraksi dengan program
utama.
21
22222222222222
Contohnya, Plug-in biasanya dipasang pada peramban web untuk
memutar video, menampilkan jenis berkas baru dan memindai
virus. Selain itu biasanya pada wordpress juga terdapt plug-in
sebagai program tambahan untuk mempercantik tampilan, ada juga
yang untuk SEO, dan lain-lain
22
2323232323232323
DMS Guest Book
Cara memasukan plug in DMS guest book kedalam web adalah Buka
dashboard web Anda pilih plugins klik add new klik upload
klik browse lalu cari filenya klik instal now klik activate plug
in.
23
242424242424242424
Nextgen-Galery
Buka Dashboard web Anda pilih plugin klik add new klik
upload klik browse lalu cari file pluginnya klik instal now klik
activate.
24
25252525252525252525
Cara Memasukan Gambar Pada Nextgen-Galery
Buka Dashboard web Anda pilih galery pilih Add New Galery
ketikan nama galery klik add galery klik browse dan masukan
gambar yang ingin dimasukan klik start upload.
25
2626262626262626262626
Cara Membuat Album Pada Nextgen-Galery
Buka Dashboard web Anda pilih galery klik album pada
jendela add new album masukan nama album yg akan dibuat klik
add pilih album yg akan dimasukan Drag galery yg akan
ditampilkan klik update .
26
272727272727272727272727
Daftar Free Hosting (part 1)
Buka WWW.1freehosting.com tekan tombol get free hosting isi
data diri Anda lalu klik sign up buka email Anda dan lakukan
konfirmasi buat domain yg akan anda gunakan setelah selesai
memasukan sub domain klik create Untuk mengecek domain
sudah terbuat atau belum buka email Anda.
27
28282828282828282828282828
Daftar Free Hosting (Auto Instaler)
Buka WWW.1freehosting.com klik login masukan email serta
password klik control panel klik switch klik auto instaler
klik wordpress isikan username dan password klik instal
wordpress.
28
2929292929292929292929292929
Instal plugin Wp-filebase
1. Log In ke Dashboard web anda .
2. Masuk pada bagia Plugin > Add New .
3. Anda dapat melakukan searching secara langsung melalui bagian
“Search” atau dapat meng uploadnya sendiri.
4. Setelah jendela Add New Plugin muncul .
5. Pilih tab Upload .
6. Pilih browse untuk melakukan pencarian file wp-file databe di
laptop / pc anda > Open .
7. Pilih Install Now > Active Plugin .
29
303030303030303030303030303030
Setting WP-Filebase
 Log In ke Dashboard web anda .
 Masuk ke bagian WP – Filebase > Setting.
 Anda dapat meng otak atiknya sendiri sesuai keinginan anda
,mulai dari peng upload tan file ,Template download dll.
30
31313131313131313131313131313131
Membuat Kategori pada WP-Filebase
a) Log In ke Dashboard web anda.
b) Masuk pada bagian WP-Filebase > Categories . Maka jendela kategori akan
muncul.
c) Isi nama kategori yang akan dibuat pada kotak Add New Category.
d) Pilih Add New Categories .
e) Categories yang anda inginkan otomatis akan terbuat .
31
3232323232323232323232323232323232
Upload File Pada WP-Filebase
 Log In ke Dashboard web anda.
 Masuk pada bagian WP – Filebase > Files. Make jendela upload akan muncul.
 Pilih kategori yang akan diguanakan untuk file yang akan anda upload nanti di
kotak “Categori”
 Pada bagian Author isi dengan nama anda saja sebagai peng – upload.
 Pilih “select files” untuk melakukan pencarian file ingin anda upload di web
anda > Pilih Open .
 Setelah selesai Pilih “Add file”
 File anda telah ter upload.
32
333333333333333333333333333333333333
Menambahkan File di Wp-Filebase pada halaman
o Log In ke Dashboard web anda.
o Buat page baru untuk menempatkan wp-filebase , Page > Add New.
o Isi nama page yang akan anda buat.
o Pada bagian content , Pilih Icon WP – Filebase untuk menempatkan filenya.
o Kotak dialog wp-file base akan muncul. Pilih salah satu opsi dari opsi yang ada
bagaimana file anda akan ditampilkan ,seperti table ,daftar,File single dll
o Pilih file yang akan di tampilkan > Publish .
o Selesai .
33
34343434343434343434343434343434343434
Apa Itu Widget?
Widget merupakan fasilitas atau aplikasi yang digunakan untuk
mendukung web,yang umum digunakan biasanya untuk
menampilkan post,pengunjung,arsip web dll.
Cara menyettingnya melalui Menu Appreance > Widget
Tinggal drag widget yang ingin anda gunakan .
34
35353535353535353535353535353535353535
Kalian Berminat Membeli Website?
Kami WDWP Team Website Design WordPress menjual Website
Kompetitif dengan Kualitas Professional lengkap ( Domain , Hosting ,
Design )
35
36363636363636363636363636363636363636
Berminat dengan Jasa Kami?
Kalian bisa Kunjungi Website kami :
http://webdesignwordpress.indo.site
www.IndoSite.com
No Telp :
HP/WA : 021-8243-4444 / 0813-2488-0585
36

More Related Content

What's hot

Materi lengkap tentang power point
Materi lengkap tentang power pointMateri lengkap tentang power point
Materi lengkap tentang power pointStevany Stevany
 
Pengantar Digital Marketing untuk UMKM Indonesia
Pengantar Digital Marketing untuk UMKM IndonesiaPengantar Digital Marketing untuk UMKM Indonesia
Pengantar Digital Marketing untuk UMKM IndonesiaFerdi Anggriawan
 
Materi Pelatihan tentang Digital Marketing dan Social Media Marketing
Materi Pelatihan tentang Digital Marketing dan Social Media MarketingMateri Pelatihan tentang Digital Marketing dan Social Media Marketing
Materi Pelatihan tentang Digital Marketing dan Social Media MarketingYodhia Antariksa
 
PKK XII PAPARAN DESKRIPTIF, NARATIF, ARGUMENTATIF DAN PERSUASIF.pptx
PKK XII PAPARAN DESKRIPTIF, NARATIF, ARGUMENTATIF DAN PERSUASIF.pptxPKK XII PAPARAN DESKRIPTIF, NARATIF, ARGUMENTATIF DAN PERSUASIF.pptx
PKK XII PAPARAN DESKRIPTIF, NARATIF, ARGUMENTATIF DAN PERSUASIF.pptxEriyantiDiyahHNiasar
 
Strategi Digital Marketing (Bahasa Indonesia)
Strategi Digital Marketing (Bahasa Indonesia)Strategi Digital Marketing (Bahasa Indonesia)
Strategi Digital Marketing (Bahasa Indonesia)Igen D
 
Pembuatan website dengan google site
Pembuatan website dengan google sitePembuatan website dengan google site
Pembuatan website dengan google siteYohanes Gultom
 
Pelatihan digital marketing untuk UKM
Pelatihan digital marketing untuk UKMPelatihan digital marketing untuk UKM
Pelatihan digital marketing untuk UKMAlvi Syahrina
 
presentasi digital marketing media1111- (1).pptx
presentasi digital marketing media1111- (1).pptxpresentasi digital marketing media1111- (1).pptx
presentasi digital marketing media1111- (1).pptxIanArwani
 
Kampanye & Strategi Digital Marketing
Kampanye & Strategi Digital MarketingKampanye & Strategi Digital Marketing
Kampanye & Strategi Digital MarketingJejualan
 
Ppt teknologi informasi dan komunikasi
Ppt teknologi informasi dan komunikasiPpt teknologi informasi dan komunikasi
Ppt teknologi informasi dan komunikasiirmaerviana99
 
Pengelolaan Konten di Media Sosial (1st session)
Pengelolaan Konten di Media Sosial (1st session)Pengelolaan Konten di Media Sosial (1st session)
Pengelolaan Konten di Media Sosial (1st session)Harwindra Yoga
 
Strategi pemasaran digital
Strategi pemasaran digitalStrategi pemasaran digital
Strategi pemasaran digitalPeterPakpahan1
 

What's hot (20)

Materi lengkap tentang power point
Materi lengkap tentang power pointMateri lengkap tentang power point
Materi lengkap tentang power point
 
Pengantar Digital Marketing untuk UMKM Indonesia
Pengantar Digital Marketing untuk UMKM IndonesiaPengantar Digital Marketing untuk UMKM Indonesia
Pengantar Digital Marketing untuk UMKM Indonesia
 
Materi Pelatihan tentang Digital Marketing dan Social Media Marketing
Materi Pelatihan tentang Digital Marketing dan Social Media MarketingMateri Pelatihan tentang Digital Marketing dan Social Media Marketing
Materi Pelatihan tentang Digital Marketing dan Social Media Marketing
 
PKK XII PAPARAN DESKRIPTIF, NARATIF, ARGUMENTATIF DAN PERSUASIF.pptx
PKK XII PAPARAN DESKRIPTIF, NARATIF, ARGUMENTATIF DAN PERSUASIF.pptxPKK XII PAPARAN DESKRIPTIF, NARATIF, ARGUMENTATIF DAN PERSUASIF.pptx
PKK XII PAPARAN DESKRIPTIF, NARATIF, ARGUMENTATIF DAN PERSUASIF.pptx
 
Etika Digital
Etika DigitalEtika Digital
Etika Digital
 
Strategi Digital Marketing (Bahasa Indonesia)
Strategi Digital Marketing (Bahasa Indonesia)Strategi Digital Marketing (Bahasa Indonesia)
Strategi Digital Marketing (Bahasa Indonesia)
 
Pembuatan website dengan google site
Pembuatan website dengan google sitePembuatan website dengan google site
Pembuatan website dengan google site
 
Presentasi wordpress
Presentasi wordpressPresentasi wordpress
Presentasi wordpress
 
PPT PEMBELAJARAN CANVA.pptx
PPT PEMBELAJARAN CANVA.pptxPPT PEMBELAJARAN CANVA.pptx
PPT PEMBELAJARAN CANVA.pptx
 
Pelatihan digital marketing untuk UKM
Pelatihan digital marketing untuk UKMPelatihan digital marketing untuk UKM
Pelatihan digital marketing untuk UKM
 
MATERI PROSES BISNIS PPT (1).pptx
MATERI PROSES BISNIS PPT (1).pptxMATERI PROSES BISNIS PPT (1).pptx
MATERI PROSES BISNIS PPT (1).pptx
 
presentasi digital marketing media1111- (1).pptx
presentasi digital marketing media1111- (1).pptxpresentasi digital marketing media1111- (1).pptx
presentasi digital marketing media1111- (1).pptx
 
Kampanye & Strategi Digital Marketing
Kampanye & Strategi Digital MarketingKampanye & Strategi Digital Marketing
Kampanye & Strategi Digital Marketing
 
PENGERTIAN E-MAIL [PPT]
PENGERTIAN E-MAIL [PPT]PENGERTIAN E-MAIL [PPT]
PENGERTIAN E-MAIL [PPT]
 
Penerapan Strategi Pemasaran Digital
Penerapan Strategi Pemasaran DigitalPenerapan Strategi Pemasaran Digital
Penerapan Strategi Pemasaran Digital
 
Ppt teknologi informasi dan komunikasi
Ppt teknologi informasi dan komunikasiPpt teknologi informasi dan komunikasi
Ppt teknologi informasi dan komunikasi
 
Pengelolaan Konten di Media Sosial (1st session)
Pengelolaan Konten di Media Sosial (1st session)Pengelolaan Konten di Media Sosial (1st session)
Pengelolaan Konten di Media Sosial (1st session)
 
Media sosial untuk bisnis
Media sosial untuk bisnisMedia sosial untuk bisnis
Media sosial untuk bisnis
 
CONTOH RANCANGAN USAHA
CONTOH RANCANGAN USAHACONTOH RANCANGAN USAHA
CONTOH RANCANGAN USAHA
 
Strategi pemasaran digital
Strategi pemasaran digitalStrategi pemasaran digital
Strategi pemasaran digital
 

Similar to Ppt cara membuat website menggunakan wordpress wdwp team

2014-47. Pemograman web
2014-47. Pemograman web2014-47. Pemograman web
2014-47. Pemograman webSyiroy Uddin
 
Cara membuat word press
Cara membuat word pressCara membuat word press
Cara membuat word pressIpur Racestar
 
2014-15. Membuat Website dengan Wordpress
2014-15. Membuat Website dengan Wordpress2014-15. Membuat Website dengan Wordpress
2014-15. Membuat Website dengan WordpressSyiroy Uddin
 
Pertemuan 2 Memulai Wordpress
Pertemuan 2  Memulai WordpressPertemuan 2  Memulai Wordpress
Pertemuan 2 Memulai WordpressAchmad Solichin
 
Tutorial Instalasi WordPress Secara Localhost(Wampp)
Tutorial Instalasi WordPress Secara Localhost(Wampp)Tutorial Instalasi WordPress Secara Localhost(Wampp)
Tutorial Instalasi WordPress Secara Localhost(Wampp)nraisya
 
Panduan Membuat Wordpress
Panduan  Membuat  WordpressPanduan  Membuat  Wordpress
Panduan Membuat Wordpresskresnokoro1945
 
Uploud website dari localhost ke hosting
Uploud website dari localhost ke hostingUploud website dari localhost ke hosting
Uploud website dari localhost ke hostingBambang
 
TUTORIAL INSTLLASI WORDPRESS SECARA LOCALHOST
TUTORIAL INSTLLASI WORDPRESS SECARA LOCALHOSTTUTORIAL INSTLLASI WORDPRESS SECARA LOCALHOST
TUTORIAL INSTLLASI WORDPRESS SECARA LOCALHOSTSABRINANUR1
 
Cara membuat-web-blog
Cara membuat-web-blogCara membuat-web-blog
Cara membuat-web-blogjoe riyanto
 
2014-43. Pemrograman Web
2014-43. Pemrograman Web2014-43. Pemrograman Web
2014-43. Pemrograman WebSyiroy Uddin
 
How to install content management system (cms)
How to install content management system (cms)How to install content management system (cms)
How to install content management system (cms)Ryudhatama Krisnamurti
 
Cara uplod-web
Cara uplod-webCara uplod-web
Cara uplod-webAdi Utami
 
Cara instal platform word press di cpanel (yusnar)
Cara instal platform word press di cpanel (yusnar)Cara instal platform word press di cpanel (yusnar)
Cara instal platform word press di cpanel (yusnar)YusnarSetiyadi
 
Turorial wordpress 2
Turorial wordpress 2Turorial wordpress 2
Turorial wordpress 2iksan354
 
Petunjuk website iklan baris
Petunjuk website iklan barisPetunjuk website iklan baris
Petunjuk website iklan barismuhammad abdi as
 

Similar to Ppt cara membuat website menggunakan wordpress wdwp team (20)

2014-47. Pemograman web
2014-47. Pemograman web2014-47. Pemograman web
2014-47. Pemograman web
 
Cara membuat word press
Cara membuat word pressCara membuat word press
Cara membuat word press
 
2014-15. Membuat Website dengan Wordpress
2014-15. Membuat Website dengan Wordpress2014-15. Membuat Website dengan Wordpress
2014-15. Membuat Website dengan Wordpress
 
Pertemuan 2 Memulai Wordpress
Pertemuan 2  Memulai WordpressPertemuan 2  Memulai Wordpress
Pertemuan 2 Memulai Wordpress
 
Tutorial Instalasi WordPress Secara Localhost(Wampp)
Tutorial Instalasi WordPress Secara Localhost(Wampp)Tutorial Instalasi WordPress Secara Localhost(Wampp)
Tutorial Instalasi WordPress Secara Localhost(Wampp)
 
Panduan Membuat Wordpress
Panduan  Membuat  WordpressPanduan  Membuat  Wordpress
Panduan Membuat Wordpress
 
Tutorial ilham
Tutorial ilhamTutorial ilham
Tutorial ilham
 
Tutorial ilham
Tutorial ilhamTutorial ilham
Tutorial ilham
 
Uploud website dari localhost ke hosting
Uploud website dari localhost ke hostingUploud website dari localhost ke hosting
Uploud website dari localhost ke hosting
 
TUTORIAL INSTLLASI WORDPRESS SECARA LOCALHOST
TUTORIAL INSTLLASI WORDPRESS SECARA LOCALHOSTTUTORIAL INSTLLASI WORDPRESS SECARA LOCALHOST
TUTORIAL INSTLLASI WORDPRESS SECARA LOCALHOST
 
Cara membuat-web-blog
Cara membuat-web-blogCara membuat-web-blog
Cara membuat-web-blog
 
2014-43. Pemrograman Web
2014-43. Pemrograman Web2014-43. Pemrograman Web
2014-43. Pemrograman Web
 
How to install content management system (cms)
How to install content management system (cms)How to install content management system (cms)
How to install content management system (cms)
 
Cara uplod-web
Cara uplod-webCara uplod-web
Cara uplod-web
 
Cara membuat blog
Cara membuat blogCara membuat blog
Cara membuat blog
 
Belajar php
Belajar phpBelajar php
Belajar php
 
Belajar php
Belajar phpBelajar php
Belajar php
 
Cara instal platform word press di cpanel (yusnar)
Cara instal platform word press di cpanel (yusnar)Cara instal platform word press di cpanel (yusnar)
Cara instal platform word press di cpanel (yusnar)
 
Turorial wordpress 2
Turorial wordpress 2Turorial wordpress 2
Turorial wordpress 2
 
Petunjuk website iklan baris
Petunjuk website iklan barisPetunjuk website iklan baris
Petunjuk website iklan baris
 

Ppt cara membuat website menggunakan wordpress wdwp team

  • 1. Tutorial Pengguanan Powerpoint 1 Untuk Mengetahui Biodata Pembuat Powerpoint Untuk Melihat Menu Tutorial Untuk Keluar Dari PowerPoint Untuk Melihat Slide Selanjutnya Untuk Melihat Slide Sebelumnya Klik Untuk Masuk Kedalam Tutorial Untuk Membeli Website Modern & Murah
  • 2. 2 Tutorial mengenai cara pembuatan WEB menggunakan wordpress ini, disusun oleh : Nama : Sumartono Kelas : XI RPL 1 2
  • 3. 3
  • 4. Instalasi XAMPP Sebelum melakukan pembuatan WEB langkah awal adalah melakukan instalasi WEB server, dan ditutorial ini menggunakan XAMPP sebagai WEB server. Cara melakukan instalasi XAMPP yaitu, Buka File XAMPP tentukan dimana akan meletakan hasil instalasi Xampp lalu klik instal dan tunggu proses instalasi hingga selesai 4
  • 5. Bila proses instalasi sudah selesai maka akan muncul icon Xampp pada dekstop lalu dibuka berilah tanda chek list pada Apache lalu klik start lakukan hal yang sama pada MySql dan FileZilla Untuk melihat apakah XAMPP sudah terinstal dengan baik ataukah belum buka aplikasi browser Anda lalu pada Adress Bar ketikan localhost. 5
  • 6. Contoh hasil instalasi XAMPP pada web browser dan Aplikasi XAMPP 6
  • 7. Pembuatan Database WEB Cara membuat database web adalah sebagai berikut : Copy file .rar file Wordpress cari dimana Anda meletakan instalasi XAMPP pilih htdocs lalu paste lalu klik kanan pada file .rar tadi pilih exstrac here dan tunggu hingga proses ekstraksi selesai klik kanan pada hasil ekstraksi file tadi lalu pilih rename dan ganti sesuai nama web yang saya inginkan ( contoh: trijokosaputro ) 7
  • 8. Buka web browser Anda lalu ketikan localhost/phpmyadmin klik database pada crate database tuliskan nama file .rar yang telah kita extrac dan direname klik create dan tunggu proses hingga selesai buka web browser lalu ketikan localhost/nama database ( localhost/trijokosaputro ) klik crate a configuration file klik lets go pada database name ketikan nama database pertama, user name isikan root, pasword kosongkan saja klik submit. 8
  • 9. Klik run the instal pada site title isikan judul web yang akan Anda buat, masukan username, pasword dan email Anda klik instal wordpress klik login masukan username dan pasword yang sebelumnya telah Anda buat maka Anda akan masuk kedalah dashboard web Anda untuk melihat web Anda ketikan pada adress bar localhost/nama database (contoh: localhost/trijokosaputro) 9
  • 10. Backup WEB Backup dilakukan agar kita dapat melakukan pengerjaan web dikomputer lain, caranya adalah sebagai berikut : copas file directory web buka localhost/phpmyadmin klik nama database yang akan dibackup lalu klik export klik go lalu secara otomatis akan muncul jendela download lakukan proses pendownloadan Setelah selesai gabungkan dengan file directory. 10
  • 11. Restore WEB Cara untuk melakukan restore adalah sebagai berikut : Copas folder directory web ke Local disk C: > XAMPP > htdocs buka localhost/phpmyadmin isikan nama folder directory pada create database lalu klik create setelah selesai klik nama folder directory lalu klik import klik browse lalu pilih file .sql web Anda klik go 11
  • 12. Membuat Halaman Cara untuk membuat halaman pada web, yaitu : buka localhost/namadatabase/wp-admin pilih pages lalu klik Add New pada kotak atas isikan judul halaman dan kotak yang bawah masukan isi dari halaman yang ingin kita buat untuk memasukan gambar klik add media klik upload lalu select file dan pilih gambar yang ingin kita masukan klik insert into page setelah selesai membuat halaman klik publish. 12
  • 13. Membuat Menu Pada WEB untuk membuat menu caranya adalah sebagai berikut : buka localhost/namadatabase/wp-admin pilih Appearance lalu klik menus pada menu name isikan nama menu yang akan dibuat lalu klik create menu beri tanda chek list pada Automatically add new top-level pages pada primary menu pilih nama menu yg dibuat lalu klik save klik halaman yang ingin dijadikan/dimasukan kedalam menu dengan cara memberi tanda centang lalu klik add to menu setelah selesai klik save menu. 13
  • 14. Membuat Post Category Buka localhost/namadatabase/wp-admin pilih post lalu klik add new pada kotak atas isikan judul post dan kotak yang bawah masukan isi dari post yang ingin kita buat pada categories klik add new category isikan nama dari categori yang ingin dibuat lalu klik add new category pastikan nama categori yang kita buat tercentang lalu klik publish. 14
  • 15. 15 Cara Mendownload dan Menginstal Template Download template Cara melakukan download template adalah sebagai berikut : Buka wordpress.org klik themes pilih check out new filter and tag interface beri tanda centang pada kotak yg telah disediakan sesuai kebutuhan pilih find themes klik themes yg diinginkan dan klik download pd kanan atas tampilan themes tunggu proses download selesai. 15
  • 16. 1616 Cara Mendownload dan Menginstal Template Upload template Cara melakukan upload template adalah sebagai berikut : Buka dashboard web Anda pilih Appearance lalu klik Themes pilih Instal Themes klik upload lalu pilih browse cari dimana letak template klik Instal Now Klik Activate. 16
  • 17. 171717 Header & SEO Header Header dapat diubah dengan cara berikut : Buka dashboard web Anda pilih Appearance lalu klik header pada bagian select image klik browse dan pilih gambar yang akan dijadikan header klik upload lakukan croping bila diperlukan setelah selesai klik crop and publish. 17
  • 18. 18181818 Header & SEO SEO SEO adalah singkatan dari Search Engine Optimizer, kita dapat melakukan SEO dengan cara : Buka dashboard web Anda pilih settings lalu klik permalinks pada Common Settings ubah menjadi post name lalu klik save changes. 18
  • 19. 19 Instal Asister Asister merupakan aplikasi yang digunakan untuk membuat template sendiri. Cara melakukan penginstalan software ini yaitu : Buka file asister pilih bahasa yg akan digunakan lalu klik next next beri tanda centang pada kota persetujuan lalu klik next pilih tempat instalasi lalu klik next next tunggu proses instalasi selesai klik finish dan siapkan keygennya klik activate masukan license code dan instalation key klik activate. 19
  • 20. 2020202020 Membuat Template Menggunakan Asister Buka asister pada new projet pilih wordpress lakukan pembuatan template sesuai dengan keinginan dan kebutuhan setelah selesai klik wordpress theme isikan nama template pastikan pada create zip file diberi tanda chek list Klik Export. 20
  • 21. 212121212121 Apa pengertian Plug In,?? Kata plug-in berasal dari basa inggris yang artinya Colok-masuk. Pengertian Plug in suatu program komputer yang dipasang yang berguna untuk menambah fungsionalitas sebuah program utama. Biasanya Program utama memberikan semacam interface (antarmuka) supaya Plug-in dapat berinteraksi dengan program utama. 21
  • 22. 22222222222222 Contohnya, Plug-in biasanya dipasang pada peramban web untuk memutar video, menampilkan jenis berkas baru dan memindai virus. Selain itu biasanya pada wordpress juga terdapt plug-in sebagai program tambahan untuk mempercantik tampilan, ada juga yang untuk SEO, dan lain-lain 22
  • 23. 2323232323232323 DMS Guest Book Cara memasukan plug in DMS guest book kedalam web adalah Buka dashboard web Anda pilih plugins klik add new klik upload klik browse lalu cari filenya klik instal now klik activate plug in. 23
  • 24. 242424242424242424 Nextgen-Galery Buka Dashboard web Anda pilih plugin klik add new klik upload klik browse lalu cari file pluginnya klik instal now klik activate. 24
  • 25. 25252525252525252525 Cara Memasukan Gambar Pada Nextgen-Galery Buka Dashboard web Anda pilih galery pilih Add New Galery ketikan nama galery klik add galery klik browse dan masukan gambar yang ingin dimasukan klik start upload. 25
  • 26. 2626262626262626262626 Cara Membuat Album Pada Nextgen-Galery Buka Dashboard web Anda pilih galery klik album pada jendela add new album masukan nama album yg akan dibuat klik add pilih album yg akan dimasukan Drag galery yg akan ditampilkan klik update . 26
  • 27. 272727272727272727272727 Daftar Free Hosting (part 1) Buka WWW.1freehosting.com tekan tombol get free hosting isi data diri Anda lalu klik sign up buka email Anda dan lakukan konfirmasi buat domain yg akan anda gunakan setelah selesai memasukan sub domain klik create Untuk mengecek domain sudah terbuat atau belum buka email Anda. 27
  • 28. 28282828282828282828282828 Daftar Free Hosting (Auto Instaler) Buka WWW.1freehosting.com klik login masukan email serta password klik control panel klik switch klik auto instaler klik wordpress isikan username dan password klik instal wordpress. 28
  • 29. 2929292929292929292929292929 Instal plugin Wp-filebase 1. Log In ke Dashboard web anda . 2. Masuk pada bagia Plugin > Add New . 3. Anda dapat melakukan searching secara langsung melalui bagian “Search” atau dapat meng uploadnya sendiri. 4. Setelah jendela Add New Plugin muncul . 5. Pilih tab Upload . 6. Pilih browse untuk melakukan pencarian file wp-file databe di laptop / pc anda > Open . 7. Pilih Install Now > Active Plugin . 29
  • 30. 303030303030303030303030303030 Setting WP-Filebase  Log In ke Dashboard web anda .  Masuk ke bagian WP – Filebase > Setting.  Anda dapat meng otak atiknya sendiri sesuai keinginan anda ,mulai dari peng upload tan file ,Template download dll. 30
  • 31. 31313131313131313131313131313131 Membuat Kategori pada WP-Filebase a) Log In ke Dashboard web anda. b) Masuk pada bagian WP-Filebase > Categories . Maka jendela kategori akan muncul. c) Isi nama kategori yang akan dibuat pada kotak Add New Category. d) Pilih Add New Categories . e) Categories yang anda inginkan otomatis akan terbuat . 31
  • 32. 3232323232323232323232323232323232 Upload File Pada WP-Filebase  Log In ke Dashboard web anda.  Masuk pada bagian WP – Filebase > Files. Make jendela upload akan muncul.  Pilih kategori yang akan diguanakan untuk file yang akan anda upload nanti di kotak “Categori”  Pada bagian Author isi dengan nama anda saja sebagai peng – upload.  Pilih “select files” untuk melakukan pencarian file ingin anda upload di web anda > Pilih Open .  Setelah selesai Pilih “Add file”  File anda telah ter upload. 32
  • 33. 333333333333333333333333333333333333 Menambahkan File di Wp-Filebase pada halaman o Log In ke Dashboard web anda. o Buat page baru untuk menempatkan wp-filebase , Page > Add New. o Isi nama page yang akan anda buat. o Pada bagian content , Pilih Icon WP – Filebase untuk menempatkan filenya. o Kotak dialog wp-file base akan muncul. Pilih salah satu opsi dari opsi yang ada bagaimana file anda akan ditampilkan ,seperti table ,daftar,File single dll o Pilih file yang akan di tampilkan > Publish . o Selesai . 33
  • 34. 34343434343434343434343434343434343434 Apa Itu Widget? Widget merupakan fasilitas atau aplikasi yang digunakan untuk mendukung web,yang umum digunakan biasanya untuk menampilkan post,pengunjung,arsip web dll. Cara menyettingnya melalui Menu Appreance > Widget Tinggal drag widget yang ingin anda gunakan . 34
  • 35. 35353535353535353535353535353535353535 Kalian Berminat Membeli Website? Kami WDWP Team Website Design WordPress menjual Website Kompetitif dengan Kualitas Professional lengkap ( Domain , Hosting , Design ) 35
  • 36. 36363636363636363636363636363636363636 Berminat dengan Jasa Kami? Kalian bisa Kunjungi Website kami : http://webdesignwordpress.indo.site www.IndoSite.com No Telp : HP/WA : 021-8243-4444 / 0813-2488-0585 36