Your SlideShare is downloading. ×
Project akhir (tutorial) meyta febriyani uas sem 2
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

Project akhir (tutorial) meyta febriyani uas sem 2

366
views

Published on


0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
366
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. LAPORAN PROJECT AKHIR“ WEBEDIT “OlehMEYTA FEBRIYANINISN : 9976896353Kelas X RPL 2SMK NEGERI 1 DEPOK2013KATA PENGANTAR
  • 2. Puji dan Syukur Penulis Panjatkat ke Hadirat Tuhan Yang Maha Esa karena berkat limpahanRahmat dan Karunia-Nya sehingga saya dapat menyusun tutorial ini.Tutorial ini membahastentang “ pembuatan web dengan dreaweaver cs5”.Dalam penyusuna makalah ini, banyak mendapat tantangan dan hambatan akan tetapi denganbantuan dari berbagai pihak tantangan itu bisa teratasi . Olehnya itu , saya sebgai penulismengucapkan terimakasih yang sebesar-besarnya kepada Tuhan Yang Maha Esa yang telahmemberikan kemudahan dalam penyusunan makalah ini.Menyadari bahwa makalah ini masih jauh dari kesempurnaan baik dari bentuk penyusunanmaupun materinya , penulis mohon maaf karena penulis sendiri dalam tahap belajar.Dengan demikian , tak lupa saya sebagai penulis mengucapkan banyak terimakasih kepada parapembaca.Semoga makalh ini bermanfaat bagi para pembacanya.Penyusuni
  • 3. DAFTAR ISIHalamanKATA PENGANTAR............................................................................................................................................................iDAFTAR ISI.....................................................................................................................................................................iiiiBab I ...............................................................................................................................................................................1Pengenalan Software dreamweaver Cs5 .........................................................................................................11.1 Dreamweaver ....................................................................................................................................11.2 PengenalanElemenRuangkerjaDreamweavercs5 ........................................................................3Bab II .............................................................................................................................................................................6I . Langkah-langkah bekerja dengan site .........................................................................................................62.1 membuat site baru ......................................................................................................................................62.2 membuat folder image ...............................................................................................................................82.3 menentukan alamat testing server ............................................................................................................112.4 menyimpan dokumen halaman web .......................................................................................................13II membuat dan mengolah halaman web .......................................................................................................15II.1 membuat table .........................................................................................................................................15II.2 mengolah kerangka menjadi seperti sebuah web.....................................................................................171.1 mengatur halaman menu home ................................................................................................................171.2 mengatur halaman menu profile ..............................................................................................................18
  • 4. 1.3 mengatur halaman menu galery ...............................................................................................................191.4 mengatur halaman menu comment ..........................................................................................................20III memberi link pada setiap menu ..............................................................................................................................22Bab III ............................................................................................................................................................24III.1Penutup ...................................................................................................................................................24III.2 Pengenalan Aplikasi yang ada di web saya ...........................................................................................24iiBAB 1Pengenalan Software Dreamweaver1.1 Dreamweaver cs5Dreamweaver cs5 adalah versi terbaru dari Dreamweaver yang merupakan bagian dariAdobe Creative Suite 5.Dreamweaver juga merupakan aplikasi yang digunakan sebagaiHTML editor professional untuk mendesign web secara visual.Aplikasi ini juga biasa dikenal dengan istilah WYSIWYG (What See You Is What You Get) , yang intinya adalahanda tidak harus berurusan dengan tag-tag HTML untuk membuat sebuah site dan dapatmelihat designnya secara langsung.Selain itu , ada kemampuan Dreamweaver yaitu dapat berinteraksi dengan denganbeberapa bahasa pemrograman seperti PHP, ASP, Java Script, dan yang lainnya jugamemberikan fasilitas maksimal kepada desainer web dengan menyertakan bahasapemrograman di dalamnya.Cara menginstal Adobe dreamweaver Cs 51. Buka folder adobe dreamweaver Cs5 lalu klik setup dan akan menginstal seperti ini :2.Klik Accept
  • 5. 13. Masukkan serial number lalu creat dan akan menginstal sendiri
  • 6. SelesaiUntuk menjalankan Adobe Dreamweaver cs5 , klik tombol Start yang berada di sudut kiribawah lembar kerja windows , pilih menu Programs  Adobe Master Collection cs5 Adobe Dreamweaver cs5 .Tampilan awal Adobe Dreamweaver cs5 terlihat seperti padagambar berikut:Gambar 1.1 Tampilan awal Dreamweaver cs52
  • 7. 1.2 Pengenalan Elemen Ruang kerja Dreamweaver cs5A B C D E F GH I JGambar 1.2 Tampilan ruang kerja Adobe Dreamweaver cs5 dan elemen-elemennya• Document Title (A) , menunjukkan nama dokumen atau file yang aktif atau terbuka.• Aplication Bar (B) , berada di bagian paling atas jendela aplikasi Dreamweaver cs5. Barisini berisi tombol workspace (workspace switcher) ,CS Live , menu , dan aplikasi lainnya.Gambar 1.3 Tampilan Aplication Bar• Toolbar Application ( C ) , berisi tombol-tombol yang digunakan untuk mengubahtampilan jendela dokumen , sebagai contoh tampilan design atau tampilan code. Jugadapat di gunakan untukoperasi-operasi umum.3
  • 8. A B C D E F G H I J K LGambar 1.4 Tampilan toolbar DokumenBerikut keterangan fungsi tombol dalam toolbar Document:Tombol Keterangan[ A ] Show Code View Untuk mengubah tampilan jendela dokumen dalammode pengetikan kode HTML[ B ] Show Code and DesignViewUntuk mengubah tampilan jendela dokumen antaratampilan Code dan Design[ C ] Show Design view Untuk mengubah tampilan jendela dokumenmenjadi tampilan layout design . Apa yang andalihat pada tampilan ini akan sama seperti tampilanpada jendela browser.[ D ] Live Code View Menampilkan dan menguji kode, aktual yangdigunakan oleh browser untuk menjalankan halaman[ E ] Check Browser Compatibility Untuk melakukan pengecekkan kesalahan padadokumen web[ F ] Live View Untuk mwlihat dan menguji hasil akhir pada designhalaman yang anda buat[ G ] CSS Inspect Mode Untuk mengecek CSS masing-masing bagian designhalaman saat dalam tampilan Live View[ H ] Preview and Debug in Browser Untuk melihat hasil dalam browser yang di kenalioleh Dreamweaver dan digunakan untuk mencarikesalahan script dalam dokumen[ I ] Visual Aids Menampilkan Visual Aids yang berbeda untukdesign halaman web[ J ] Refresh Design View Untuk melakukan pembaharuan terhadap perubahanisi website Anda
  • 9. [ K ] Document Title Untuk memberikan judul pada dokumen halamanweb[ L ] File Management Untuk menampilkan pop-up menu pengolahan file ,diantaranya proses upload dan download file4• Toolbar Browser Navigator ( D ) , adalah toolbar baru dalam Dreamweaver cs5.Kegunaannya sama seperti saat anda menggunakkan toolbar Address dalam jendelabrowser.• Workspace Switcher ( F ), digunakan untuk mengubah tampilan ruang kerja (workspace)Dreamweaver cs5.• Panel group ( G ), adalah kumpulan panel yang saling berkaitan , panel-panel ini dikelompokkan pada judul- judul tertentu sesuai fungsinya.• Tag Selector ( H ) , berada di pojok kiri bawah jendela dokumen , satu baris denganstatus bar.bagian ini menampilkan hirarki pekerjaan yang sedang terpilih pada jendeladokumen , dapat juga di gunakan untuk memilih objek pada jendela design berdasarkanjenis atau kategori objek tersebut.• Property Inspector ( I ), biasa juga dengan panel properties. Digunkan untuk melihat danmengubah berbagai property objek atau teks pada jendela design.• Status Bar ( J ), berisi informasi presentasi besarnya tampilan, jenis pointer mouse, danlembar kerja
  • 10. 5BAB IIILangkah- Langkah Bekerja dengan Site2.1 Membuat Site BaruLangkah site dalam Dreamweaver cs5 lebih cepat dan sederhana dari versisebelumnya, bahkan saat anda bekerja dengan beberapa server atau jaringan site.Langkah untuk membuat site baru adalah sebagai berikut :
  • 11. 1. Pilih salah satu langkah berikut untuk menampilkan kotak dialog Site Setupfor Unnamed Site :• Pilih menu Site  New Sites• Pilih Dreamweaver Site pada kontak dialog Welcome Screen , padasaat pertama kali menjalankan Dreamweaver cs5.• Klik tombol Site  New Site.2. Selanjutnya akan tampil kontak dialog Site Setup for Unnamed Site.Padakotak dialog ini, Anda di minta untuk mengetikkan nama site di dalam kotakSite Name. Sebagai contoh Anda ketikkan “webedit”Gambar 1.5 Kotak dialog Site Setup for unnamed Site – emong63. Langkah selanjutnya adalah menentukan direktori site pada computerlokal.Klik ikon Browser for Folder di sebelah kanan kotak Local Site Folderuntuk menampilkan kotak dialog Choose Root Folder. Perhatikan gambar 1.6
  • 12. 4. Pilih folder lokasi penyimpanan file site di dalam direktori lokal , sebagaicontoh pilih folder emong di dalam drive D:. Jika folder tersebut belum ada ,klik tombol Creat New Folder di bagian atas kotak dialog untuk membuatfolder baru dengan nama webedit.Gambar 1.7 Kotak dialog Choose Root Folder5. Setelah memilih folder , klik tombol Open kemudian lanjutkan dengan kliktombol Select dalam kotak dialog Choose Root Folder.6. Klik tombol Save untuk mengakhiri langkah pembuatan Site.Sampai di sinimaka langkah pembuatan site pertama anda dalam Dreamweaver cs5 telahselesai .Gambar 1.8 Kotak dialog Choose Root Folder7
  • 13. 7. Setelah menekan tombol Save , maka site anda akan ditampilkan di dalampanel Files. Perhatikan hasilnya seperti pada gambar 1.9Untuk sementara site anda masih kosong karena belum pernah melakukanpenyimpanan file di dalamnya.Gambar 1.9 panel Files dengan nama site yang baru di buat2.2 Membuat Folder ImagesFolder images adalah lokasi yang anda buat sebagai tempat penyimpanan seluruhimage atau gambar pendukung site anda di dalam direktori.Berikut ini adalah langkah-langkah untuk membuat folder image:1. Pilih menu Site  Manage Sites2. Pilih nama site yang akan di buat lokasi folder image-nya , kemudian klik tombolEdit. Perhatikan gambar 1.10Gambar 1.10 Panel files dengan nama site yang baru di buat
  • 14. 83.Setelah itu muncul kotak dialog Site Setup for webedit.Gambar 1.11 kotak dialog Site Setup for emong4.Di kotak dialog tersebut dapat mengganti nama site (site name ) dan lokasifolder lokal penyimpanan site (Local Site Folder )5.Untuk menentukan lokasi image, klik kategori Advance Settings  Local Info.
  • 15. Gambar 1.12 kotak dialog Site Setup for emong-Advance Settings-Local Info96. Klik ikon browse for folder untuk mencari folder lokasi images di dalam direktorilokal , sehingga tampil kotak dialog berikut :Gambar 1.13 kotak dialog Choose images folder7. Sebelumnya buat folder dengan nama “editan gambar” di folder webedit,
  • 16. 8. Setelah itu klik folder images lalu klik open , selanjutnya klik tombol select.Seperti di bawah ini :Gambar 1.14 kotak dialog Choose images folder109.Lalu Klik tombol Save, Kemudian klik tombol Done.
  • 17. Gambar 1.15 kotak dialog Site Setup for emong-Advance Settings-Local InfoHasil membuat folder images akan tampil dalam panel files.Gambar 1.16 hasil membuat folder images di dalam panel files2.3 Menentukan Alamat Testing ServerLangkah untuk menentukan alamat testing server dari site adalah :1. Klik menu Site , kemudian klik Manage Site  Klik Site yang akan di Edit Edit .
  • 18. 112. Akan muncul gambar seperti ini :Gambar 1.17 kotak dialog Site setup for emong –ServersSebelumnya klik kategori Servers.4.Klik menu ( + ) di bagian bawah daftar nama server sehingga kotakdialog SiteSetup for emong akan di ubah tampilannya sebagai berikut :
  • 19. Gambar 1.18 kotak dialog Site Setup-servers-local/Network5. Isikan kotak dialog seperti gambar 1.186. Setelah memasukkan beberapa informasi dari testing anda ,akhiri denganmenekan tombol Save . Dan hasilnya seperti gambar bawah ini :12Gambar 1.19 kotak dialog Choose Folder Site Setup-Servers dengan 1 namatesting server7.Di bagian kolom Testing , pastikan anda sudah memberi tanda centangseperti gambar 1.19.2.4 Menyimpan Dokumen halaman WebLangkah untuk menyimpan dokumen halaman web adalah :1. Pilih menu File  Save As atau klik tombol Save , pada baris toolbar Standard.2. Berikutnya akan tampil kotak dialog Save As seperti di bawah ini :
  • 20. Gambar 1.20 Kotak dialog Save As133.Ketikan nama file pada File Name , tekan tombol Save . Seperti Contoh ini :
  • 21. Gambar 1.21 Kotak Dialog Save As3. Setelah proses penyompanan selesai ,perhatikan pada panel Files akan ditambahkancabang file di bawah folder site.Gambar 1.22 Hasil penyimpanan halaman baru pada panel files14
  • 22. IIMembuat dan mengolah halaman WebII.1 Membuat TabelLangkah untuk membuat kerangka adalah :1. Letakkan kursor pada lembar kerja jendela dokumen .2. Pilih perintah menu Insert  Table atau klik tombol Insert Table di dalam panel Insertkategori Layout.3. Berikutnya tampil kotak dialog Table seperti pada gambar 1.23.Gambar 1.23 Kotak dialog table4. Tentukan jumlah kolom dan baris dengan cara memasukkan angka kotak teks yang sudahdisediakan.5. Kita akan buat beberapa Tabel secara satu persatu-Tabel untuk Banner ( isikan Coloumns = 1 ,rows kosong , table width 1000, borderthickness = kosong lalu klik OK )-Tabel untuk menu ( isikan Coloumn = 4 ,rows kosong, table width 500 ,border thickness= 2 lalu klik OK)-Tabel untuk Body (isikan Coloumns=1 ,rows kosong , table width 900, border thickness= kosong lalu klik OK )-Tabel untuk background categori( isikan Coloums = 1, row kosong, table widht 300,border thickness = 0 lalu klik OK)
  • 23. 15-Tabel untuk Categori (taruh cursor di table background dan isikan Coloums = 1 , rowskosong , table width 300 ,border thickness = 0 lalu klik OK )Kerangka akan menjadi seperti ini :II.2 Mengolah Kerangka menjadi seperti sebuah Web1.1Mengolah kerangka menu HOME :1. Mengatur background dengan cara arahkan kursor ke arena luar table lalu klik pagepropertis  lalu lihat background image lalu klik menu Browser  dan pilih gambardan klik gambar yang akan dijadikan background  klik OK .2. Dari kerangka tersebut bisa kita masukkan bannerKlik menu Insert  image  klik gambar yang akan dijadikan banner  klik OK .3. Di table menu keikan nama menu seperti HOME, PROFILE , GALERY ,COMMENT. Setelah itu atur warna background table menu dengan cara taruh kursordi dalam table menu  klik menu Bg di bagian Page properties .4. Mewarnai background body sama caranya dengan mewarnai Background menu.5. Mengatur kerangka Categori , bisa diisikan nama CATEGORI :Mau di tambahkan menu tambahan seperti :- Editan Alam- Editan Kartun- Editan Iluminati
  • 24. - Editan WOW6. Di background Categori bisa dimasukkan kata-kata , dan di halaman HOME kita bisamasukkan menu tambahan lainnya yaitu Photoshop dan Corel draw menu ini berbentukgambar , cara memasikun gambarnya sama seperti memasukkan banner.Setelah semuanya selesai bisa di save caranya klik menu File  save as  (karnamemakai xammp jadi save di folder xammp ) jadi klik local disk D: (karna folder xammpsaya di local disk D:) pilih folder htdocs  pilih nama foldernya webedit  creatnama filenya seperti home.html (harus pakai .html agar bisa koneksi ke internet)  klikselesai.17Kerangka Halaman HOME yang sudah jadi seperti ini:Ini bisa di masukkan kata-kata atau gambar sesuai keinginan.
  • 25. 1.2Mengatur Halaman menu ProfileDi menu profile tidak perlu mengulang lagi membuat kerangka dari awal cukup apus isidari body home dan di isikan dengan Profile yang akan kalian isi. Bisa langsung di saveas , save-nya sama seperti home (namaun creat name file – nya profile.html )Dan menu profile bisa di lihat seperti ini :
  • 26. 181.3Mengatur halaman menu GALERYSama dengan mengatur menu profile hanya saja bodynya bukan di isi dengan profiletetapi dengan kumpulan gambar yang akan di perlihatkan. Setelah mengatur semuanya disave dengan nama galery.htmlAkan tampil seperti ini :
  • 27. 191.4Mengolah Halaman menu CommentNah disini butuh ekstra ketelitian dan ini juga gak sembarangan karna kita menggunakandatabase .Langkah – langkahnya :Membuat database dengan cara , buka google chrome klik urlhttp://localhost/phpmyadmin.comLalu klik menu database (untuk membuat database baru )  masukkan nama databse creat.Setelah itu klik database yang sudah di buat dan sekarang buat table untuk database tulis nama tablenya  masukkan kolomnya (4)klik Go  isikan kolomnya ( kolom 1 “id , int , 50, autoncremment (untuk primary key ) “kolom ke 2 “ nama, varchar , 100, “kolom ke 3 “email, varchar, 100” kolom ke 4” komentar, text, kosongkan (tidakterhingga ) ,” ) setelah selesai klik Simpan .Selesai buat database kita langsung ke dreamweaver .Pertama buat “ add “1. Klik menu file  new pilih Php  lalu kita langsung masuk ke Code  masukkancode seperti gambar di bawah ini :2. Lalu save klik menu file  save as  klik folder xammp  klik folder htdocts klik folder webedit  buat folder baru dan di namakan “ coment “  create namefile “ add.php “lalu klik SAVE.Kedua buat “ koneksi “1. Klik menu file  new pilih Php  lalu kita langsung masuk ke Code  masukkancode seperti gambar di bawah ini :
  • 28. 2. Lalu save klik menu file  save as  klik folder xammp  klik folder htdocts klik folder webedit  buat folder baru dan di namakan “ coment “  create namefile “ koneksi.php “lalu klik SAVE.Ketiga buat “ index”1. Klik menu file  new pilih Php klik designDi sini kita bisa design comment dengan menambahkan banner , dan table khususkomentar dengan cara :-Klik menu insert  form  form (untuk menambahkan form biar komentar bisadijalankan .-Klik menu insert  table  isikan 3 baris dan 3 kolom-Isi table dengan “ nama, email, komentar20-Di bagian baris nama kita masukan textfiled ( klik menu insert  form textfieldOK-Di bagian baris email kita masukan textfiled ( klik menu insert  form textfieldOK-Di bagian baris komentar kita masukkan textarea ( klik menu insert  textareaOK)-Tambahkan submit OK dan Cancel dengan cara . Klik menu insert  form  button OK.-Setelah semuanya selesai bisa kita kasih menu << Back To Home-Dan untuk tempat hasil komentar bisa kita kasih kode seperti gambar di bawah ini :
  • 29. -2. Setelah semuanya selesai klian bisa save dengan cara klik menu file  save as klik folder xammp  klik folder htdocts  klik folder webedit  klik folder coment OK.Untuk 4 menu tadu sudah selesai sekarang membahas menu tambahan .Langkah-langkah :1. Masukkan ini “ editan alam , editan kartun, editan iluminati , dan editan WOWpada setiap halaman menu “2. Lalu di setiap menu tambahan di masukkan gambar sesuai nama menu tersebut .3. Dan jangan lupa d save dengan nama “ editanalam.html , editankartun.html ,editaniluminati.html , editanWOW.html “Dan menu tambahan ke 2 yaitu :Masukkan gambar logo photoshop dan corel draw di halaman menu Home . dan disave dengan create name file “ photoshop.html dan coreldraw.html “21
  • 30. IIIMemberi link pada setiap menuAgar terlihat seperti website sungguhan kita bisa beri likn pada setiap menunya agar bisaberjalan.Nih cara- cara memberi link untuk setiap menunya:• Menu HomeBlok menu home dan lihat ke menu properti di bagian html ada yang namanya linkdan di sampingnya ada bentuk gambar browser . Seperti gambar di bawah ini :klik menu browser  lalu pilih home.html  OK. Menu home sudah bisa berjalan ,namun bila home ingin menyambung ke yang lain , di setiap halaman menu lainnyaberi link untuk home.• Menu ProfileLangkahnya sama dengan menu home namun saat browser pilih profile.html laluOK. Di setiap halaman menu lainnya beri link untuk profile.• Menu GaleryMenu ini juga sama langkahnnya dan saat browser pilih galery.html lalu OK. Disetiap halaman lainnya beri link untuk Galery .• Menu CommentMenu ini sama tapi saat browaser klik folder coment  klik index.php OK .dan di saat selesai memberikan komentar kita klik submit OK dan browser kefolder coment  klik add.php  OK.Ada menu << Back to Home di beri link home.• Dan dengan menu tambahan semua caranya sama hanya saja saat browseberbeda .Menu editan alam saat browse pilih editanalam.html lalu OKMenu editan kartun saat browse pilih editankartun.html lalu OKMenu editan iluminati saat browse pilih editaniluminati.html lalu OKMenu editan WOW saat browse pilih editanWOW.html lalu OK.Menu photoshop saat browse pilih photoshop.html lalu OK
  • 31. Menu Corel Draw saat browse pilih coreldraw.html lalu Ok.22Karena semuanya sudah selesai diberi link otomatis semua halaman menyambungdan bisa di coba di gogle chrome atau di mozila firefox .Ada 2 cara untuk menyobaCara pertama dengan menggunakan xammp (sebelumnya xammp di start dulu mysqldan ) setelah selesai buka gogle chrome  ketik url ( localhost/webedit )  enter .Akan muncul web anda .Cara ke 2 langsung dari foldernyaBuka folder web anda misal computter  local disk D:  xammp  htdoctswebedit  home .Akan tampil web anda .
  • 32. 23BAB IIIPenutupIII.1 Tujuan :Tujuannya saya buat ini yaitu untuk mealtih saya membuat sebuah web dengandreamweaver dan lebih mengenal jauh dreamweaver.III.2 Pengenalan Aplikasi yang ada di web saya1. Aplikasi HOMEIni adalah Bagian home disini bisa dilihat pengertian – pengertian Photoshop dan Corel Draw.Mau lanjut ke profile ?
  • 33. Klik menu profile2. Aplikasi Profile24Di bagian profile ada profile singkat saya .Mau lanjut ke galery ?Klik menu Galery3. Aplikasi Galery
  • 34. Di bagian Galery terdapat kumpulan berbagai gambar yang di edit dari photoshop dan coreldraw.Mau lanjut ke Comment ?Klik menu Comment4. Aplikasi Comment25
  • 35. Di bagian Comment kita bisa memberikan komentar untuk web ini cara,a isi kotak-kotak yangada di kolom komentar , seperti :Lalu klik OK dan hasilnya akan seperti ini :Kita juga bisa liat komentar kita di localhost/phpmyaadmin , seperti ini :
  • 36. 26Selesai 4 aplikasi itu dan ada aplikasi lainnya nih mau tau gak??Plikasi ini hanya aplikasi kumpulan gambar dan aplikasi cara belajar Photoshop dan Corel Draw.1. Aplikasi Editan AlamDi bagian editan alam itu kumpulan – kumpulan editan gambar yang biasa menjadi luar biasadan berefek alam .Selain itu ada juga editan lain , yaitu editan Kartun , nih gambarnya :
  • 37. Di bagian ini editan kartun yaitu kumpulan editan foto yang di ubah menjadi sebuah kartun .Adalagi nih , editan Iluminati :27Di bagaian editan iluminati ini tidak di maksudkan untuk terjerumus ke hal yang negatif ya ...Ada editan WOW juga lohhNih kita liat ...
  • 38. Di bagian editan WOW ini bisa dilihat gambarnya aneh-aneh dan WOW ya ??Akhir Tutorial ini saya ingin berterimakasih sudah melihat tutorial saya .28