Dizzy Coding

Ngoding jadi pusing karena lupa.

Breaking

Sunday, November 4

November 04, 2018

Install centos7 di virtual box


Hai. Kali ini sesuai dengan judulnya, saya sedang mencoba menginstall CentOS 7 di virtual box. Mungkin ada dari para pembaca bertanya, kenapa harus CentOS atau mungkin kenapa harus virtual box.

Sederhana saja, kenapa virtual box ?
Karena gratis dan hanya perlu 1 buah komputer yang cukup high saja.

Kenapa harus CentOs ?
Ini tidak ada alasan khusus, ini hanya alasan personal penulis (CentOs itu anti mainstream : menurut saya).

Ok, langsung aja yok install Centosnya.

Click gambar untuk memperbesar gambar
1. buka virtual boxnya.
2. klik New (icon matahari warna biru)

Click gambar untuk memperbesar gambar
3. Buat nama sesuai keinginan
4. pilih Typenya Linux.
5. pada Versionnya pilih Red-Hat (32 / 64 sesuai image.iso yg sudah di download saja). penulis menggunakan yg 64.
5. Memory size (atur sesuai keinginan). penulis menggunakan 1 Gb (1024) ram sebagai ram untuk virtual ini nantinya.
6. Ok, lanjut dengan klik Create.


Click gambar untuk memperbesar gambar
7. Atur ukuran hardisk untuk virtual ini. Penulis menggunakan 25 Gb dari hardisk fisik untuk virtual ini.
8. Lanjut lagi dengan klik tombol Create.
9. Maka akan bertambah satu list pada daftar virtual machine yg sudah di buat tadi.
Click gambar untuk memperbesar gambar
10. Selanjutnya, perhatikan gambar berikut

Click gambar untuk memperbesar gambar
11. Pilih virtual machine yg sudah di buat
12. Klik icon setting (Gear warna kuning).
13. Maka akan muncul window setting.
14. Pada menu sebelah kirinya, pilih menu Storage.
15. Maka pada sebelah kanan akan muncul opsi untuk Storage.
16. Pilih pada Controller Ide (icon CD).
17. Maka di sebelah kanannya akan muncul tab Atribut.
18. Klik pada icon CD yg ada di tab atribut.
19. pilih Chose virtual Optic Disc file. (arahkan pada file centos.iso yg sudah di download).
20. Jika sudah, klik button Ok.

Click gambar untuk memperbesar gambar
21. Klik Start.
22. Jika muncul halaman seperti ini. pilih Install Centos 7. lalu tekan Enter.
Click gambar untuk memperbesar gambar
23. Maka selanjutnya akan muncul tampilan pilih bahasa dan keyboard.
Click gambar untuk memperbesar gambar
24. Penulis tidak melakukan perubahan pada opsi ini, penulis langsung tekan button Continue.
25. Akan muncul halaman seperti berikut.
Click gambar untuk memperbesar gambar
26. Klik pada Installation Destination.
27. Akan muncul halaman baru. 
28. Pilih pada opsi I will configure partitioning.
29. Pilih Button Done yang ada di sudut kiri atas.
Click gambar untuk memperbesar gambar
30. Pada halaman baru yang muncul. Klik pada "Click here to create them automaticaly"

Click gambar untuk memperbesar gambar
31. Pada halaman baru yang muncul. Klik Done, dan jika muncul Window summary of change. Klik accept Change.
Click gambar untuk memperbesar gambar
32. Halaman akan kembali ke halaman awal. klik pada button Begin Installation.
Click gambar untuk memperbesar gambar
33. Pada halaman berikut ini,  Pilih pada Root Password untuk membuat password pada user root.
Click gambar untuk memperbesar gambar
34. Sisanya tinggal buat saja password sesuai keinginan.
Click gambar untuk memperbesar gambar
35. Jika sudah, klik Done. dan tunggu proses installasi selesai. Hingga muncul halaman berikut
Click gambar untuk memperbesar gambar
36. silahkan Klik Reboot. dan selesai sudah installasi Centos pada Virtual Box nya.
37. Setelah Reboot. maka akan muncul tampilan seperti ini.
Click gambar untuk memperbesar gambar
38. Pilih saja yang atas. dan tekan tombol enter.
39. Silahkan login dengan user "root" (tanpa tanda petik), dan password sesuai yang sudah di buat pada proses no 34.
Note : untuk yang baru menggunakan linux, mngkin akan bingung karena password yang di ketik tidak akan muncul apa - apa (hanya kosong). Tetapi ini tidak masalah, hanya ketikkan saja passwordnya, dan tekan enter jika sudah.
Click gambar untuk memperbesar gambar
40. Gambar di atas adalah ketika saya melakukan login dengan user root.

Selesai.

Mohon tuliskan Kritikan atau Saran di kolom komentar di bawah.

Thx.
0
By at No comments:
Labels: ,
November 04, 2018

Membuat form contact us pada page



Kenapa sih perlu mebuat page Contact Us ?
Dengan adanya page ini, dengan form di dalamnya adalah form yang dapat digunakan oleh para pengunjung untuk mengirimkan pesan melalui email ke pemilik blog (penulis) maka akan terjadi interaksi dua arah antara penulis dan pembaca.


Bayangkan jika sebagai penulis, lalu ternyata saat menulis artikel terdapat beberapa kesalahan, yang biasanya disadari oleh pembaca. maka dengan adanya form ini pembaca bisa membantun penulis dengan memberitahukan penulis melalui email. Jadi intinya form ini perlu ada, supaya penulis juga merasa bahwa tidak hanya sekedar membaca yang ketika terjadi error tidak tahu harus mencari kemana solusinya.


Kenapa harus dengan cara ribet, kenapa tidak menggunakan layanan yang di sediakan pihak ketiga (web lain) ?
sederhananya begini, jika sudah ada di sediakan oleh blogger sendiri, kenapa harus menggunakan layanan lain yang blm terjamin keamanannya, belum lagi kita juga diharuskan mengiklankan produknya pihak ketiga tersebut.

Nah berangkat dari masalah tersebut, maka penulis mencoba membuat catatan ini, catatan bagaimana sih caranya untuk membuat form yang bisa digunakan untuk mengirim pesan ke pihak penulis blog tanpa harus menggunakan layanan pihak ketiga.

Ok, Cekibrot ..

Click gambar untuk memperbesar gambar

seperti pada gambar:
1. masuk ke menu layout pada blogger
2. klik pada add widget (terserah mau di tambahkan pada widget posisi mana saja)
Tenang saja, karena widget ini akan kita hidden, jadi buat saja terlebih dahulu.
3. ketika sudah muncul window daftar widget, pilih contact form

Click gambar untuk memperbesar gambar
4. ketika muncul window seperti gambar di atas, klik save saja.
Ok, seperti yang saya sebutkan pada no 2, kita akan hidden contact form ini.
begini caranya :


Click gambar untuk memperbesar gambar
5. Masuk ke menu theme pada blogger, lalu pilih Edit HTML.
6. Setelah muncul halaman edit HTML , carilah dulu id dari contact form, seperti gambar di bawah ini.
Click gambar untuk memperbesar gambar
NOTE : Pada kasus saya, contactform saya ber id "ContactForm2"
7. Catat id nya, lalu cari lagi kode "b:skin" (tanpa tanda kutip) pada halaman Edit HTML.
8. Cari b:skin yang ada di ujung yang seperti ini "</b:skin>".
9. Jika sudah copy code berikut : "div#ContactForm2 {display: none !important;}" tanpa tanda petik
10. Pastekan tepat seperti gambar berikut

Click gambar untuk memperbesar gambar
NOTE : ContactForm2 di samakan dengan id yang di dapat pada langkah no 6-7.
NOTE : Sampai tahap ini, seharusnya widget contact form tidak muncul pada widget yang sudah di pilih tadi.

11. Ok, sekarang kita lanjut untuk membuat Page. Masuk pada menu Pages pada blogger.

Click gambar untuk memperbesar gambar
12. Lalu klik New page
13. Setelah masuk ke halaman page baru.
14. Buat Judul Pages sesuai keinginan
15. Lalu Klik pada opsi HTML.

Click gambar untuk memperbesar gambar

16. Selanjutnya, silahkan copy code berikut :


<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="widget ContactForm" id="custom_ContactForm2">
<div class="contact-form-widget">
Jika ingin komentar terhadap artikel yang penulis telah tulis di blog, silahkan tinggalkan di kolom komentar.<br />
<br />
Jika ingin merequest terhadap (penulis) untuk menuliskan artikel terkait sesuatu yang belum ditulis oleh penulis, silahkan kirimkan email melalui form di bawah ini.<br />
<br />
Jika ingin mengirimkan kritikan dan saran juga silahkan kirimkan email ke (penulis) melalui form dibawah ini.<br />
<br />
<div class="form">
<form name="contact-form">
Name :<br />
<input class="contact-form-name" id="ContactForm2_contact-form-name" name="name" size="30" type="text" value="" />

<br />
<br />
Email

<span style="font-weight: bolder;">* </span>:<br />
(penting, supaya penulis bisa membalas email anda)<br />
<input class="contact-form-email" id="ContactForm2_contact-form-email" name="email" size="30" type="text" value="" />

<br />
<br />
Message

<span style="font-weight: bolder;">*</span>:<br />
<textarea class="contact-form-email-message" cols="25" id="ContactForm2_contact-form-email-message" name="email-message" rows="5"></textarea>

<br />
<input class="contact-form-button contact-form-button-submit" id="ContactForm2_contact-form-submit" type="button" value="Send" />

<br />
<div style="max-width: 222px; text-align: center; width: 100%;">
<div class="contact-form-error-message" id="ContactForm2_contact-form-error-message">
</div>
<div class="contact-form-success-message" id="ContactForm2_contact-form-success-message">
</div>
</div>
</form>
</div>
</div>
<div class="clear">
</div>
<br />
<div class="clear">
</div>
</div>
<br /></div>


NOTE : dari semua id yang ada di code sebelumnya, harus di sesuaikan dengan id yang di dapat pada no 6-7.
NOTE : misalnya id yang di dapat dari no 6-7 adalah ContactForm1, maka ubahlah id yg ada di code sebelumnya menjadi ContactForm1.
NOTE : jika id di code yang baru saja panjang (tidak hanya ContactForm2), maka yang perlu dirubah hanya pada bagian ContactForm2 nya saja.
Example : ContactForm2_contact-form-success-message dirubah menjadi ContactForm1_contact-form-success-message.

17. Selanjutnya, pastekan kode tadi ke halaman Page tadi.

Click gambar untuk memperbesar gambar
18. save page.
19. buka page yang sudah dibuat tadi.
20. seharusnya hasilnya sudah mirip dengan punya saya (Penulis)

Selesai.

Jika ada kritikan atau Saran, silahkan tinggalkan komentar.

Thx.



0
By at No comments:
Labels: