tag:blogger.com,1999:blog-53053411700817220012024-02-07T05:11:19.720-08:00SemutWifisemutwifihttp://www.blogger.com/profile/09369297052287223069noreply@blogger.comBlogger53125tag:blogger.com,1999:blog-5305341170081722001.post-88118127225751732472021-02-25T22:44:00.003-08:002021-02-25T22:45:16.852-08:00Cara Install Windows 10 dengan Flashdisk<p> </p><h2>Cara Install Windows 10 dengan Flashdisk<span class="ez-toc-section-end"></span></h2>
<p><img alt="" class="aligncenter wp-image-520 jetpack-lazy-image jetpack-lazy-image--handled" data-lazy-loaded="1" data-recalc-dims="1" height="466" loading="eager" sizes="(max-width: 777px) 100vw, 777px" src="https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Install-Windows-10-dengan-Flashdisk.png?resize=777%2C466&ssl=1" srcset="https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Install-Windows-10-dengan-Flashdisk.png?w=750&ssl=1 750w, https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Install-Windows-10-dengan-Flashdisk.png?resize=300%2C180&ssl=1 300w" width="777" /></p>
<p>Cara Instal Windows 10 dengan flashdisk ini menurut aku lebih mudah
dan bisa dilakukan di berbagai tipe laptop atau PC baik itu yang ada DVD
drive dan tidak. Dan karena jaman sudah semakin canggih, pastinya kamu
ingin yang lebih mudah bukan.</p><div class="google-auto-placed ap_container" style="clear: both; height: auto; text-align: center; width: 100%;"><ins class="adsbygoogle adsbygoogle-noablate" data-ad-client="ca-pub-2456808989767283" data-ad-format="auto" data-adsbygoogle-status="done" style="display: block; height: 280px; margin: auto;"><ins aria-label="Advertisement" id="aswift_5_expand" style="border: none; display: inline-table; height: 280px; margin: 0px; padding: 0px; position: relative; visibility: visible; width: 750px;" tabindex="0" title="Advertisement"><ins id="aswift_5_anchor" style="border: medium none; display: block; height: 280px; margin: 0px; overflow: visible; padding: 0px; position: relative; visibility: visible; width: 750px;"><iframe allowfullscreen="true" allowtransparency="true" data-google-container-id="a!6" data-google-query-id="CKX4zq34hu8CFR41aAodSowIWA" data-load-complete="true" frameborder="0" height="280" hspace="0" id="aswift_5" marginheight="0" marginwidth="0" name="aswift_5" sandbox="allow-forms allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-top-navigation-by-user-activation" scrolling="no" src="https://googleads.g.doubleclick.net/pagead/ads?client=ca-pub-2456808989767283&output=html&h=280&adk=1731550593&adf=892627093&pi=t.aa~a.2326922678~i.23~rp.4&w=750&fwrn=4&fwrnh=100&lmt=1614321537&num_ads=1&rafmt=1&armr=3&sem=mc&pwprc=2573166712&psa=0&ad_type=text_image&format=750x280&url=https%3A%2F%2Fthesourcedenver.com%2Fcara-install-windows-10%2F&flash=0&fwr=0&pra=3&rh=188&rw=750&rpe=1&resp_fmts=3&wgl=1&fa=27&dt=1614321477564&bpp=2&bdt=22934&idt=3&shv=r20210224&cbv=r20190131&ptt=9&saldr=aa&abxe=1&cookie=ID%3Dfcb0800afcf0ac5a-22b2cccb25c6007d%3AT%3D1614321475%3ART%3D1614321475%3AS%3DALNI_MZF_kNQa8EltSCj4e52i6MPAOAgfQ&prev_fmts=0x0%2C728x492%2C1349x626%2C750x280%2C750x90_0ads_al%2C336x280&nras=3&correlator=419481047458&frm=20&pv=1&ga_vid=902899317.1614321477&ga_sid=1614321477&ga_hid=1027925544&ga_fc=0&u_tz=420&u_his=5&u_java=0&u_h=768&u_w=1366&u_ah=728&u_aw=1366&u_cd=24&u_nplug=0&u_nmime=0&adx=105&ady=2705&biw=1349&bih=626&scr_x=0&scr_y=355&oid=3&psts=AGkb-H-u3IpQkcGTz6Ap4ni_hdOsyT-cgf6CKWswsdbahmIRGEH8JoWjUy_mzV-L-qcles6v-wsiDMLVvQ%2CAGkb-H9AMHOqKMac9cXvk46h-KHJoBeFDUSZfQiENDsLjlkeHAitvvgo6Q%2CAGkb-H8hmsxBWXZeCzqrAX4s_JGwegVtcq2_NvfXv9tMMckzezJPh5Ebw8HAgjkHP0M2I_fFpr6n_Hw40Q&pvsid=3032073231104083&pem=700&ref=https%3A%2F%2Fwww.google.com%2F&rx=0&eae=0&fc=1408&brdim=-8%2C-8%2C-8%2C-8%2C1366%2C0%2C1382%2C744%2C1366%2C626&vis=1&rsz=%7C%7Cs%7C&abl=NS&fu=8320&bc=31&ifi=6&uci=a!6&btvi=4&fsb=1&xpc=KbMGxa9LLj&p=https%3A//thesourcedenver.com&dtd=60181" style="border-style: initial; border-width: 0px; height: 280px; left: 0px; position: absolute; top: 0px; width: 750px;" vspace="0" width="750"></iframe></ins></ins></ins></div>
<p>Sebelum kita memulai untuk menginstalnya perhatikan dulu beberapa hal
dari laptop atau PC kamu seperti baterai laptop, file software dari
windows 10, dan Flashdisk minimal ukuran 4GB untuk Windows 10 32-bit dan
8GB untuk Windows 64-bit.</p>
<p>Ada pula untuk spesifikasi minimum instal windows 10, yaitu:</p>
<ul>
<li>Processor: 1 GHz (GigaHertz) atau faster processor atau SoC.</li>
<li>RAM: 1 Giga byte (GB) untuk 32-bit atau 2 GB untuk 64-bit.</li>
<li>Hard disk space: 16 GB untuk 32-bit OS dan 20 GB untuk 64-bit OS.</li>
<li>Graphics card: DirectX 9 atau later dengan WDDM 1.0 driver.</li>
<li>Display: 800×600.</li>
</ul>
<p>Pastinya laptop kamu sudah melebihi dari spesifikasi minimum ya sob, di jaman sekarang laptop sudah semakin bagus dan canggih.</p>
<p>Setelah semua persiapan selesai, kita langsung ke tahapan penginstalan windows 10, yakni sebagai berikut:</p>
<h3><span class="ez-toc-section" id="1_Install_Ulang_Windows_10_Dengan_Rufus"></span>1. Install Ulang Windows 10 Dengan Rufus<span class="ez-toc-section-end"></span></h3>
<p>Langkah pertama yang harus kamu lakukan adalah membuat flashdisk bootable. Lalu, bagaimana sih caranya? Berikut caranya sob.</p>
<ul>
<li>Download dan Install Rufus di laptop/PC kamu</li>
<li>Siapkan mentahan Windows 10 dan letakkan pada folder yang nantinya mudah di akses.</li>
<li>Buka software rufus untuk pertama kali hingga terbuka jendela seperti di bawah ini sob.</li>
</ul>
<p><img alt="" class="aligncenter wp-image-481 jetpack-lazy-image jetpack-lazy-image--handled" data-lazy-loaded="1" data-recalc-dims="1" height="364" loading="eager" sizes="(max-width: 322px) 100vw, 322px" src="https://i0.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-1.jpg?resize=322%2C364&ssl=1" srcset="https://i0.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-1.jpg?w=288&ssl=1 288w, https://i0.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-1.jpg?resize=265%2C300&ssl=1 265w" width="322" /></p>
<ul>
<li>Kemudian kamu pilih select dan pilih Windows 10 dalam format .iso, lalu klik Open. Seperti gambar dibawah</li>
</ul>
<p><img alt="" class="aligncenter wp-image-482 jetpack-lazy-image jetpack-lazy-image--handled" data-lazy-loaded="1" data-recalc-dims="1" height="353" loading="eager" sizes="(max-width: 496px) 100vw, 496px" src="https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-2.jpg?resize=496%2C353&ssl=1" srcset="https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-2.jpg?w=406&ssl=1 406w, https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-2.jpg?resize=300%2C214&ssl=1 300w" width="496" /></p>
<ul>
<li>Kemudian setelah itu akan muncul tampilan seperti dibawah dan
selanjutnya kamu pilih pengaturan sebagai berikut, Image option: Standar
Windows Installation, Partition Scheme:GPT dan Target system: UEFI (non
CSM)</li>
</ul>
<p><img alt="" class="aligncenter wp-image-483 jetpack-lazy-image jetpack-lazy-image--handled" data-lazy-loaded="1" data-recalc-dims="1" height="429" loading="eager" sizes="(max-width: 332px) 100vw, 332px" src="https://i2.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-3.jpg?resize=332%2C429&ssl=1" srcset="https://i2.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-3.jpg?w=302&ssl=1 302w, https://i2.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-3.jpg?resize=232%2C300&ssl=1 232w" width="332" /></p>
<ul>
<li>Nah setelah itu, kamu harus lakukan pengaturan Format Options
seperti berikut ini, Volume label: tidak usah diganti, File system:
FAT32, Cluster size: Default, dan pengaturan lainnya seperti bagaimana
gambar dibawah ini.</li>
</ul>
<p><img alt="" class="aligncenter wp-image-484 jetpack-lazy-image jetpack-lazy-image--handled" data-lazy-loaded="1" data-recalc-dims="1" height="433" loading="eager" sizes="(max-width: 331px) 100vw, 331px" src="https://i2.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-4.jpg?resize=331%2C433&ssl=1" srcset="https://i2.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-4.jpg?w=300&ssl=1 300w, https://i2.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-4.jpg?resize=230%2C300&ssl=1 230w" width="331" /></p>
<ul>
<li>Setelah semua pengaturan selesai, maka kamu tinggal klik Star lalu klik ok.</li>
</ul>
<p><img alt="" class="aligncenter wp-image-485 jetpack-lazy-image jetpack-lazy-image--handled" data-lazy-loaded="1" data-recalc-dims="1" height="405" loading="eager" src="https://i2.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-5.png?resize=369%2C405&ssl=1" width="369" /></p>
<ul>
<li>Tunggu proses pembuatan bootable, kamu tinggal nunggu statusnya sampai selesai, dan lalu setelah selesai klik Close.</li>
</ul>
<p><img alt="" class="aligncenter wp-image-486 jetpack-lazy-image jetpack-lazy-image--handled" data-lazy-loaded="1" data-recalc-dims="1" height="459" loading="eager" sizes="(max-width: 353px) 100vw, 353px" src="https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-6.jpg?resize=353%2C459&ssl=1" srcset="https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-6.jpg?w=301&ssl=1 301w, https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-6.jpg?resize=231%2C300&ssl=1 231w" width="353" /></p>
<blockquote><p><strong>Pelajari Juga:</strong> 2 <a href="https://thesourcedenver.com/cara-print-bolak-balik/">Cara Print Bolak Balik</a> Microsoft Word, Excel & PDF Mudah</p></blockquote>
<h3><span class="ez-toc-section" id="2_Setting_BIOS_untuk_Booting_dengan_Flashdisk"></span>2. Setting BIOS untuk Booting dengan Flashdisk<span class="ez-toc-section-end"></span></h3>
<p>Langkah ke 2 dalah dengan mengubah setting BIOS sehingga dapat
booting melalui flashdisk sob. Nah, jika laptop atau PC kamu belum
memiliki sistem operasi apapun, kamu dapat nih melewati tahapan ini dan
lanjut ke proses instalasi.</p>
<p>Setelah kamu selesai membuat flashdisk bootable, colokan pada PC atau
laptop kamu yang akan di install windows 10. Kemudian kamu restart PC
atau Laptop kamu ya sob.</p><div class="google-auto-placed ap_container" style="clear: both; height: auto; text-align: center; width: 100%;"><ins class="adsbygoogle adsbygoogle-noablate" data-ad-client="ca-pub-2456808989767283" data-ad-format="auto" data-adsbygoogle-status="done" style="display: block; height: 350px; margin: auto; width: 750px;"><ins aria-label="Advertisement" id="aswift_6_expand" style="border: medium none; display: inline-table; height: 350px; margin: 0px; padding: 0px; position: relative; visibility: visible; width: 750px;" tabindex="0" title="Advertisement"><ins id="aswift_6_anchor" style="border: medium none; display: block; height: 350px; margin: 0px; overflow: hidden; padding: 0px; position: relative; visibility: visible; width: 750px;"><iframe allowfullscreen="true" allowtransparency="true" data-google-container-id="a!7" data-google-query-id="CO2y5br4hu8CFeaDrAIdQjwEXQ" data-load-complete="true" frameborder="0" height="350" hspace="0" id="aswift_6" marginheight="0" marginwidth="0" name="aswift_6" sandbox="allow-forms allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-top-navigation-by-user-activation" scrolling="no" src="https://googleads.g.doubleclick.net/pagead/ads?client=ca-pub-2456808989767283&output=html&h=280&adk=1731550593&adf=1312435419&pi=t.aa~a.2326922678~i.69~rp.4&w=750&fwrn=4&fwrnh=100&lmt=1614321565&num_ads=1&rafmt=1&armr=3&sem=mc&pwprc=2573166712&psa=0&ad_type=text_image&format=750x280&url=https%3A%2F%2Fthesourcedenver.com%2Fcara-install-windows-10%2F&flash=0&fwr=0&pra=3&rh=188&rw=750&rpe=1&resp_fmts=3&wgl=1&fa=27&dt=1614321477577&bpp=3&bdt=22947&idt=3&shv=r20210224&cbv=r20190131&ptt=9&saldr=aa&abxe=1&cookie=ID%3Dfcb0800afcf0ac5a-22b2cccb25c6007d%3AT%3D1614321475%3ART%3D1614321475%3AS%3DALNI_MZF_kNQa8EltSCj4e52i6MPAOAgfQ&prev_fmts=0x0%2C728x492%2C1349x626%2C750x280%2C750x90_0ads_al%2C336x280%2C750x280&nras=4&correlator=419481047458&frm=20&pv=1&ga_vid=902899317.1614321477&ga_sid=1614321477&ga_hid=1027925544&ga_fc=0&u_tz=420&u_his=5&u_java=0&u_h=768&u_w=1366&u_ah=728&u_aw=1366&u_cd=24&u_nplug=0&u_nmime=0&adx=105&ady=7002&biw=1349&bih=626&scr_x=0&scr_y=4530&oid=3&psts=AGkb-H-u3IpQkcGTz6Ap4ni_hdOsyT-cgf6CKWswsdbahmIRGEH8JoWjUy_mzV-L-qcles6v-wsiDMLVvQ%2CAGkb-H9AMHOqKMac9cXvk46h-KHJoBeFDUSZfQiENDsLjlkeHAitvvgo6Q%2CAGkb-H8hmsxBWXZeCzqrAX4s_JGwegVtcq2_NvfXv9tMMckzezJPh5Ebw8HAgjkHP0M2I_fFpr6n_Hw40Q%2CAGkb-H9V0RsYqo8hoHgxu9KLHQop6oP5YJG9N6kpYZnf2eHVN1YqRKILW1BObYgZzB6xxv1ajq31OLf1pg&pvsid=3032073231104083&pem=700&ref=https%3A%2F%2Fwww.google.com%2F&rx=0&eae=0&fc=1408&brdim=-8%2C-8%2C-8%2C-8%2C1366%2C0%2C1382%2C744%2C1366%2C626&vis=1&rsz=%7C%7Cs%7C&abl=NS&fu=8320&bc=31&ifi=7&uci=a!7&btvi=5&fsb=1&xpc=aIevBR2LKZ&p=https%3A//thesourcedenver.com&dtd=87796" style="border-style: none; border-width: 0px; height: 350px; left: 0px; position: absolute; top: 0px; width: 750px;" vspace="0" width="750"></iframe></ins></ins></ins></div>
<p>Saat melakukan restart, disini kamu tinggal masuk ke setting BIOS
dengan tekan tombol DEL (Delete). Untuk beberapa tipe laptop lainnya
biasanya kamu bisa menekan tombol DEL, F1, F2, F10 atau Fn+F2.</p>
<p>Kamu akan melihat tampilah BIOS yang kurang lebih seperti gambar dibawah.</p>
<p><img alt="" class="aligncenter wp-image-487 jetpack-lazy-image jetpack-lazy-image--handled" data-lazy-loaded="1" data-recalc-dims="1" height="422" loading="eager" sizes="(max-width: 560px) 100vw, 560px" src="https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-7.jpg?resize=560%2C422&ssl=1" srcset="https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-7.jpg?w=406&ssl=1 406w, https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-7.jpg?resize=300%2C226&ssl=1 300w" width="560" /></p>
<ul>
<li>Setelah masuk ke menu BIOS tahap selanjutnya kamu pilih opsi Boot</li>
<li>Pada pilihan pertama, silahkan ubah ke pilihan ‘USB’ sedangkan settingan lainnya dibiarkan default saja.</li>
<li>Dan setelah selesai, silahkan save dan keluar, kamu bisa menekan F10
pada PC atau laptop kamu lalu tekan Enter. Laptop kamu akan otomatis
merestar dengan sendirinya.</li>
</ul>
<p><img alt="" class="aligncenter wp-image-488 jetpack-lazy-image jetpack-lazy-image--handled" data-lazy-loaded="1" data-recalc-dims="1" height="420" loading="eager" sizes="(max-width: 734px) 100vw, 734px" src="https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-8.jpg?resize=734%2C420&ssl=1" srcset="https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-8.jpg?w=1436&ssl=1 1436w, https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-8.jpg?resize=300%2C172&ssl=1 300w, https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-8.jpg?resize=1024%2C586&ssl=1 1024w, https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-8.jpg?resize=768%2C440&ssl=1 768w" width="734" /></p>
<blockquote><p><strong>Baca Juga:</strong> <a href="https://thesourcedenver.com/cara-sharing-printer/">Cara Sharing Printer</a> Dengan kabel lan atau Wifi ke Komputer Lain</p></blockquote>
<h2><span class="ez-toc-section" id="Cara_Install_Ulang_Windows_10_dengan_Flashdisk"></span>Cara Install Ulang Windows 10 dengan Flashdisk<span class="ez-toc-section-end"></span></h2>
<p>Setelah selesai melakukan pengaturan BIOS, langkah terakhir dalam
cara install windows 10 lewat flashdisk yakni untuk proses instalasi
Windows 10.</p>
<p>Nah sob, simak ya langkah – langkah berikut agar kamu tidak ada yang salah saat menginstall Windows 10 di laptop atau PC kamu:</p>
<h3><span class="ez-toc-section" id="1_Tunggu_Proses_Booting_dari_Flasdisk"></span>1. Tunggu Proses Booting dari Flasdisk<span class="ez-toc-section-end"></span></h3>
<p>Jika kamu sukse melakukan booting Windoes 10 dengan flasdisk, maka
setelah itu biasanya akan keluar tampilan seperti gambar di bawah ini</p>
<p><img alt="" class="aligncenter wp-image-490 jetpack-lazy-image jetpack-lazy-image--handled" data-lazy-loaded="1" data-recalc-dims="1" height="460" loading="eager" sizes="(max-width: 664px) 100vw, 664px" src="https://i2.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-9-1.png?resize=664%2C460&ssl=1" srcset="https://i2.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-9-1.png?w=564&ssl=1 564w, https://i2.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-9-1.png?resize=300%2C208&ssl=1 300w" width="664" /></p>
<h3><span class="ez-toc-section" id="2_Atur_Setting_Bahasa"></span>2. Atur Setting Bahasa<span class="ez-toc-section-end"></span></h3>
<p>Selanjutnya kamu bisa melakukan pengaturan bahasa pada saat instalasi, waktu, mata uang, dan juga input keyboard yang digunakan.</p>
<p>Kamu bisa menggunakan setting default dan lalu klik tombol Next</p><div class="google-auto-placed ap_container" style="clear: both; height: auto; text-align: center; width: 100%;"><ins class="adsbygoogle adsbygoogle-noablate" data-ad-client="ca-pub-2456808989767283" data-ad-format="auto" data-adsbygoogle-status="done" style="display: block; height: 280px; margin: auto;"><ins aria-label="Advertisement" id="aswift_7_expand" style="border: none; display: inline-table; height: 280px; margin: 0px; padding: 0px; position: relative; visibility: visible; width: 750px;" tabindex="0" title="Advertisement"><ins id="aswift_7_anchor" style="border: medium none; display: block; height: 280px; margin: 0px; overflow: visible; padding: 0px; position: relative; visibility: visible; width: 750px;"><iframe allowfullscreen="true" allowtransparency="true" data-google-container-id="a!8" data-google-query-id="COaKu7v4hu8CFQQJ1Qody2UMnw" data-load-complete="true" frameborder="0" height="280" hspace="0" id="aswift_7" marginheight="0" marginwidth="0" name="aswift_7" sandbox="allow-forms allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-top-navigation-by-user-activation" scrolling="no" src="https://googleads.g.doubleclick.net/pagead/ads?client=ca-pub-2456808989767283&output=html&h=280&adk=1731550593&adf=1946738905&pi=t.aa~a.2326922678~i.99~rp.4&w=750&fwrn=4&fwrnh=100&lmt=1614321566&num_ads=1&rafmt=1&armr=3&sem=mc&pwprc=2573166712&psa=0&ad_type=text_image&format=750x280&url=https%3A%2F%2Fthesourcedenver.com%2Fcara-install-windows-10%2F&flash=0&fwr=0&pra=3&rh=188&rw=750&rpe=1&resp_fmts=3&wgl=1&fa=27&dt=1614321477583&bpp=5&bdt=22954&idt=5&shv=r20210224&cbv=r20190131&ptt=9&saldr=aa&abxe=1&cookie=ID%3Dfcb0800afcf0ac5a-22b2cccb25c6007d%3AT%3D1614321475%3ART%3D1614321475%3AS%3DALNI_MZF_kNQa8EltSCj4e52i6MPAOAgfQ&prev_fmts=0x0%2C728x492%2C1349x626%2C750x280%2C750x90_0ads_al%2C336x280%2C750x280%2C750x280&nras=5&correlator=419481047458&frm=20&pv=1&ga_vid=902899317.1614321477&ga_sid=1614321477&ga_hid=1027925544&ga_fc=0&u_tz=420&u_his=5&u_java=0&u_h=768&u_w=1366&u_ah=728&u_aw=1366&u_cd=24&u_nplug=0&u_nmime=0&adx=105&ady=9628&biw=1349&bih=626&scr_x=0&scr_y=7125&oid=3&psts=AGkb-H-u3IpQkcGTz6Ap4ni_hdOsyT-cgf6CKWswsdbahmIRGEH8JoWjUy_mzV-L-qcles6v-wsiDMLVvQ%2CAGkb-H9AMHOqKMac9cXvk46h-KHJoBeFDUSZfQiENDsLjlkeHAitvvgo6Q%2CAGkb-H8hmsxBWXZeCzqrAX4s_JGwegVtcq2_NvfXv9tMMckzezJPh5Ebw8HAgjkHP0M2I_fFpr6n_Hw40Q%2CAGkb-H9V0RsYqo8hoHgxu9KLHQop6oP5YJG9N6kpYZnf2eHVN1YqRKILW1BObYgZzB6xxv1ajq31OLf1pg%2CAGkb-H_LZUMUdYG0dWknm8GnrzD1fLKxZK7ECf32Dzb9NJbJwo60y_MNK26Ei7sxtgJ75Nw6FvVgXP12hy1x&pvsid=3032073231104083&pem=700&ref=https%3A%2F%2Fwww.google.com%2F&rx=0&eae=0&fc=1408&brdim=-8%2C-8%2C-8%2C-8%2C1366%2C0%2C1382%2C744%2C1366%2C626&vis=1&rsz=%7C%7Cs%7C&abl=NS&fu=8320&bc=31&ifi=8&uci=a!8&btvi=6&fsb=1&xpc=5mLG4hfpo9&p=https%3A//thesourcedenver.com&dtd=89178" style="border-style: initial; border-width: 0px; height: 280px; left: 0px; position: absolute; top: 0px; width: 750px;" vspace="0" width="750"></iframe></ins></ins></ins></div>
<p><img alt="" class="aligncenter wp-image-493 jetpack-lazy-image jetpack-lazy-image--handled" data-lazy-loaded="1" data-recalc-dims="1" height="551" loading="eager" sizes="(max-width: 781px) 100vw, 781px" src="https://i0.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-10-1.jpg?resize=781%2C551&ssl=1" srcset="https://i0.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-10-1.jpg?w=1029&ssl=1 1029w, https://i0.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-10-1.jpg?resize=300%2C212&ssl=1 300w, https://i0.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-10-1.jpg?resize=1024%2C722&ssl=1 1024w, https://i0.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-10-1.jpg?resize=768%2C542&ssl=1 768w" width="781" /></p>
<h3><span class="ez-toc-section" id="3_Kemudian_kamu_klik_Instal_now"></span>3. Kemudian kamu klik Instal now<span class="ez-toc-section-end"></span></h3>
<p><img alt="" class="aligncenter wp-image-494 jetpack-lazy-image jetpack-lazy-image--handled" data-lazy-loaded="1" data-recalc-dims="1" height="548" loading="eager" sizes="(max-width: 780px) 100vw, 780px" src="https://i2.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-11-1.jpg?resize=780%2C548&ssl=1" srcset="https://i2.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-11-1.jpg?w=1029&ssl=1 1029w, https://i2.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-11-1.jpg?resize=300%2C211&ssl=1 300w, https://i2.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-11-1.jpg?resize=1024%2C719&ssl=1 1024w, https://i2.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-11-1.jpg?resize=768%2C540&ssl=1 768w" width="780" /></p>
<h3><span class="ez-toc-section" id="4_Skip_Tahap_Aktivasi_Windows_10"></span>4. Skip Tahap Aktivasi Windows 10<span class="ez-toc-section-end"></span></h3>
<p>Pada tahap ini kamu lewati saja dengan klik I don’t have a product key</p>
<p><img alt="" class="aligncenter wp-image-497 jetpack-lazy-image jetpack-lazy-image--handled" data-lazy-loaded="1" data-recalc-dims="1" height="547" loading="eager" sizes="(max-width: 778px) 100vw, 778px" src="https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-12-1.jpg?resize=778%2C547&ssl=1" srcset="https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-12-1.jpg?w=1029&ssl=1 1029w, https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-12-1.jpg?resize=300%2C211&ssl=1 300w, https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-12-1.jpg?resize=1024%2C720&ssl=1 1024w, https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-12-1.jpg?resize=768%2C540&ssl=1 768w" width="778" /></p><div class="google-auto-placed ap_container" style="clear: both; height: auto; text-align: center; width: 100%;"><ins class="adsbygoogle adsbygoogle-noablate" data-ad-client="ca-pub-2456808989767283" data-ad-format="auto" data-adsbygoogle-status="done" style="display: block; height: 280px; margin: auto;"><ins aria-label="Advertisement" id="aswift_8_expand" style="border: none; display: inline-table; height: 280px; margin: 0px; padding: 0px; position: relative; visibility: visible; width: 750px;" tabindex="0" title="Advertisement"><ins id="aswift_8_anchor" style="border: medium none; display: block; height: 280px; margin: 0px; overflow: visible; padding: 0px; position: relative; visibility: visible; width: 750px;"><iframe allowfullscreen="true" allowtransparency="true" data-google-container-id="a!9" data-google-query-id="CI3I_7v4hu8CFdgf1Qod-4AJcw" data-load-complete="true" frameborder="0" height="280" hspace="0" id="aswift_8" marginheight="0" marginwidth="0" name="aswift_8" sandbox="allow-forms allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-top-navigation-by-user-activation" scrolling="no" src="https://googleads.g.doubleclick.net/pagead/ads?client=ca-pub-2456808989767283&output=html&h=280&adk=1731550593&adf=1712346904&pi=t.aa~a.2326922678~i.111~rp.4&w=750&fwrn=4&fwrnh=100&lmt=1614321567&num_ads=1&rafmt=1&armr=3&sem=mc&pwprc=2573166712&psa=0&ad_type=text_image&format=750x280&url=https%3A%2F%2Fthesourcedenver.com%2Fcara-install-windows-10%2F&flash=0&fwr=0&pra=3&rh=188&rw=750&rpe=1&resp_fmts=3&wgl=1&fa=27&dt=1614321477597&bpp=2&bdt=22968&idt=3&shv=r20210224&cbv=r20190131&ptt=9&saldr=aa&abxe=1&cookie=ID%3Dfcb0800afcf0ac5a-22b2cccb25c6007d%3AT%3D1614321475%3ART%3D1614321475%3AS%3DALNI_MZF_kNQa8EltSCj4e52i6MPAOAgfQ&prev_fmts=0x0%2C728x492%2C1349x626%2C750x280%2C750x90_0ads_al%2C336x280%2C750x280%2C750x280%2C750x280&nras=6&correlator=419481047458&frm=20&pv=1&ga_vid=902899317.1614321477&ga_sid=1614321477&ga_hid=1027925544&ga_fc=0&u_tz=420&u_his=5&u_java=0&u_h=768&u_w=1366&u_ah=728&u_aw=1366&u_cd=24&u_nplug=0&u_nmime=0&adx=105&ady=11712&biw=1349&bih=626&scr_x=0&scr_y=9209&oid=3&psts=AGkb-H-u3IpQkcGTz6Ap4ni_hdOsyT-cgf6CKWswsdbahmIRGEH8JoWjUy_mzV-L-qcles6v-wsiDMLVvQ%2CAGkb-H9AMHOqKMac9cXvk46h-KHJoBeFDUSZfQiENDsLjlkeHAitvvgo6Q%2CAGkb-H8hmsxBWXZeCzqrAX4s_JGwegVtcq2_NvfXv9tMMckzezJPh5Ebw8HAgjkHP0M2I_fFpr6n_Hw40Q%2CAGkb-H9V0RsYqo8hoHgxu9KLHQop6oP5YJG9N6kpYZnf2eHVN1YqRKILW1BObYgZzB6xxv1ajq31OLf1pg%2CAGkb-H_LZUMUdYG0dWknm8GnrzD1fLKxZK7ECf32Dzb9NJbJwo60y_MNK26Ei7sxtgJ75Nw6FvVgXP12hy1x%2CAGkb-H9uUc02tsTZfJNSlJuNq0mwoELzUYkg0mGTtahC2Jl34bqT5F-SeRdn9wP8iVf5oYyLre_tjYkoFg&pvsid=3032073231104083&pem=700&ref=https%3A%2F%2Fwww.google.com%2F&rx=0&eae=0&fc=1408&brdim=-8%2C-8%2C-8%2C-8%2C1366%2C0%2C1382%2C744%2C1366%2C626&vis=1&rsz=%7C%7Cs%7C&abl=NS&fu=8320&bc=31&ifi=9&uci=a!9&btvi=7&fsb=1&xpc=Mga8csbAlY&p=https%3A//thesourcedenver.com&dtd=90294" style="border-style: initial; border-width: 0px; height: 280px; left: 0px; position: absolute; top: 0px; width: 750px;" vspace="0" width="750"></iframe></ins></ins></ins></div>
<blockquote><p><strong>Lihat Juga:</strong> 4 <a href="https://thesourcedenver.com/cara-menghilangkan-iklan-di-chrome/">Cara menghilangkan iklan di chrome</a>, Anti Pop up & Malware</p></blockquote>
<h3><span class="ez-toc-section" id="5_Memilih_Tipe_Windows_10"></span>5. Memilih Tipe Windows 10<span class="ez-toc-section-end"></span></h3>
<p>Pilih jenis Windows 10 yang hendak di install, jika kamu bingung
untuk memilih tipe Windows 10, kamu pilih saja Windows 10 Pro. Lalu kamu
klik tombol Next.</p>
<p><img alt="" class="aligncenter wp-image-498 jetpack-lazy-image jetpack-lazy-image--handled" data-lazy-loaded="1" data-recalc-dims="1" height="546" loading="eager" sizes="(max-width: 779px) 100vw, 779px" src="https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-13-1.jpg?resize=779%2C546&ssl=1" srcset="https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-13-1.jpg?w=1029&ssl=1 1029w, https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-13-1.jpg?resize=300%2C210&ssl=1 300w, https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-13-1.jpg?resize=1024%2C717&ssl=1 1024w, https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-13-1.jpg?resize=768%2C538&ssl=1 768w" width="779" /></p>
<h3><span class="ez-toc-section" id="6_License_Terms"></span>6. License Terms<span class="ez-toc-section-end"></span></h3>
<p>Pada langkah ini kamu boleh baca dan boleh enggak, pasti diantara kamu semua lebih memilih untuk tidak dibaca kan sob.</p>
<p>Kamu tinggal ceklis aja pada I accept the licese terms, dan kemudian klik Next</p>
<p><img alt="" class="aligncenter wp-image-499 jetpack-lazy-image jetpack-lazy-image--handled" data-lazy-loaded="1" data-recalc-dims="1" height="387" loading="eager" sizes="(max-width: 686px) 100vw, 686px" src="https://i2.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-14.jpg?resize=686%2C387&ssl=1" srcset="https://i2.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-14.jpg?w=656&ssl=1 656w, https://i2.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-14.jpg?resize=300%2C169&ssl=1 300w" width="686" /></p>
<h3><span class="ez-toc-section" id="7_Metoede_Install_Windows_10"></span>7. Metoede Install Windows 10<span class="ez-toc-section-end"></span></h3>
<p>Kemudian kamu akan dimintakan untuk memilih mau pakai metode apa untuk menginstall Windows 10 ini.</p>
<p>Kalau menurut aku sih gunakan opsi Custom: Install Windows only
(advanced), terutama bagi kamu yang laptop kesayangannya lemot ya sob.</p>
<p><img alt="" class="aligncenter wp-image-502 jetpack-lazy-image jetpack-lazy-image--handled" data-lazy-loaded="1" data-recalc-dims="1" height="547" loading="eager" sizes="(max-width: 780px) 100vw, 780px" src="https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-15-1.jpg?resize=780%2C547&ssl=1" srcset="https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-15-1.jpg?w=1029&ssl=1 1029w, https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-15-1.jpg?resize=300%2C210&ssl=1 300w, https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-15-1.jpg?resize=1024%2C717&ssl=1 1024w, https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-15-1.jpg?resize=768%2C538&ssl=1 768w" width="780" /></p>
<h3><span class="ez-toc-section" id="8_Atur_Drive"></span>8. Atur Drive<span class="ez-toc-section-end"></span></h3>
<ul>
<li>Pada langkah ini terbilang cukup asik, jika kamu hendak membersihkan
laptop kamu total dan ingin laptop / PC aku bersih kembali, kamu pilih
Delete pada semua drive.</li>
<li>Jika kamu hanya ingin membersihkan pada drive C: saja, kamu pilih
Drive 0 Partition 2 kemudian pilih Format. Kamu pun bisa langsung instal
pada drive tersebut dengan klik tombol Next. Jika seperti ini kamu bisa
instal tanpa menghilangkan data pribadi kamu.</li>
<li>Namun jika kamu hendak membagi ke dalam beberapa drive, tinggal
pilih Drive 0 Unallocated Space kemudian klik New dan masukkan ukuran
yang diinginkan (dalam satuan MB).</li>
<li>Bagi kamu yang memiliki kombinasi HDD dan SSD dan mencari cara
install windows 10 di SSD, kamu harus pastikan memilih drive yang tepat
ya sob pada saat instalasinya.</li>
</ul>
<p><img alt="" class="aligncenter wp-image-503 jetpack-lazy-image jetpack-lazy-image--handled" data-lazy-loaded="1" data-recalc-dims="1" height="542" loading="eager" sizes="(max-width: 771px) 100vw, 771px" src="https://i0.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-16-1.jpg?resize=771%2C542&ssl=1" srcset="https://i0.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-16-1.jpg?w=1029&ssl=1 1029w, https://i0.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-16-1.jpg?resize=300%2C211&ssl=1 300w, https://i0.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-16-1.jpg?resize=1024%2C720&ssl=1 1024w, https://i0.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-16-1.jpg?resize=768%2C540&ssl=1 768w" width="771" /></p>
<h3><span class="ez-toc-section" id="9_Menunggu_Proses_Instalasi"></span>9. Menunggu Proses Instalasi<span class="ez-toc-section-end"></span></h3>
<p>Kemudian Setelah kamu klik tombol Next, maka akan otomatis proses
instalasi Windows 10 akan berjalan. Nah disini kamu tinggal nunggu aja
sob. Kalau PC / Laptop kamu sudah menggunakan SSD, maka pada tahap ini
akan sangat cepat.</p>
<p><img alt="" class="aligncenter wp-image-504 jetpack-lazy-image jetpack-lazy-image--handled" data-lazy-loaded="1" data-recalc-dims="1" height="534" loading="eager" sizes="(max-width: 766px) 100vw, 766px" src="https://i2.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-17.png?resize=766%2C534&ssl=1" srcset="https://i2.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-17.png?w=564&ssl=1 564w, https://i2.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-17.png?resize=300%2C209&ssl=1 300w" width="766" /></p>
<h3><span class="ez-toc-section" id="10_Klik_restart_atau_biarkan_restart_otomatis"></span>10. Klik restart atau biarkan restart otomatis<span class="ez-toc-section-end"></span></h3>
<ul>
<li>Setelah proses instalasi Window 10 selesai, maka akan ada tampilan seperti dibawah ini</li>
</ul>
<p><img alt="" class="aligncenter wp-image-505 jetpack-lazy-image jetpack-lazy-image--handled" data-lazy-loaded="1" data-recalc-dims="1" height="536" loading="eager" sizes="(max-width: 762px) 100vw, 762px" src="https://i2.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-18.jpg?resize=762%2C536&ssl=1" srcset="https://i2.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-18.jpg?w=1029&ssl=1 1029w, https://i2.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-18.jpg?resize=300%2C211&ssl=1 300w, https://i2.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-18.jpg?resize=1024%2C720&ssl=1 1024w, https://i2.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-18.jpg?resize=768%2C540&ssl=1 768w" width="762" /></p>
<ul>
<li>Disini kamu bisa klik restart now atau bisa dibiarkan untuk restart otomatis. Tidak ada bedenya mau pilih yang manapun.</li>
<li>Setelah ini sebelum laptop / PC nya melakukan restart, segera lah
cabut flasdisk agar proses install Windows 10 bisa lanjut, alias tidak
ulang dari awal lagi prosesnya. Ingat pada hal ini ya sob.</li>
</ul>
<h3><span class="ez-toc-section" id="11_Setting_untuk_Windows_10"></span>11. Setting untuk Windows 10<span class="ez-toc-section-end"></span></h3>
<ul>
<li>Setelah laptop kamu nayala kembali, maka kamu akan langsung disuruh
untuk memilih bahasa, kalau kamu kurang dalam bahasa inggris, kamu pilih
aja ya Bahasa Indonesia.</li>
<li>Kemudian klik Yes</li>
</ul>
<p><img alt="" class="aligncenter wp-image-506 jetpack-lazy-image jetpack-lazy-image--handled" data-lazy-loaded="1" data-recalc-dims="1" height="539" loading="eager" sizes="(max-width: 764px) 100vw, 764px" src="https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-19.jpg?resize=764%2C539&ssl=1" srcset="https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-19.jpg?w=1029&ssl=1 1029w, https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-19.jpg?resize=300%2C212&ssl=1 300w, https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-19.jpg?resize=1024%2C722&ssl=1 1024w, https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-19.jpg?resize=768%2C542&ssl=1 768w" width="764" /></p>
<ul>
<li>Nah, kemudian ada pilihan untuk layout keyboard pilih saja US.</li>
</ul>
<p><img alt="" class="aligncenter wp-image-507 jetpack-lazy-image jetpack-lazy-image--handled" data-lazy-loaded="1" data-recalc-dims="1" height="550" loading="eager" sizes="(max-width: 774px) 100vw, 774px" src="https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-20.jpg?resize=774%2C550&ssl=1" srcset="https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-20.jpg?w=1028&ssl=1 1028w, https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-20.jpg?resize=300%2C213&ssl=1 300w, https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-20.jpg?resize=1024%2C728&ssl=1 1024w, https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-20.jpg?resize=768%2C546&ssl=1 768w" width="774" /></p>
<ul>
<li>Pada pilihan layout keyboard kedua kamu skip aja dulu sob</li>
</ul>
<p><img alt="" class="aligncenter wp-image-508 jetpack-lazy-image jetpack-lazy-image--handled" data-lazy-loaded="1" data-recalc-dims="1" height="543" loading="eager" sizes="(max-width: 770px) 100vw, 770px" src="https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-21.jpg?resize=770%2C543&ssl=1" srcset="https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-21.jpg?w=1024&ssl=1 1024w, https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-21.jpg?resize=300%2C212&ssl=1 300w, https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-21.jpg?resize=768%2C542&ssl=1 768w" width="770" /></p>
<ul>
<li>Buat username PC sesuai dengan keinginan, lalu klik Next.</li>
</ul>
<p><img alt="" class="aligncenter wp-image-509 jetpack-lazy-image jetpack-lazy-image--handled" data-lazy-loaded="1" data-recalc-dims="1" height="548" loading="eager" sizes="(max-width: 774px) 100vw, 774px" src="https://i2.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-22.jpg?resize=774%2C548&ssl=1" srcset="https://i2.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-22.jpg?w=1029&ssl=1 1029w, https://i2.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-22.jpg?resize=300%2C213&ssl=1 300w, https://i2.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-22.jpg?resize=1024%2C725&ssl=1 1024w, https://i2.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-22.jpg?resize=768%2C544&ssl=1 768w" width="774" /></p>
<ul>
<li>Buat password, lalu klik Next.</li>
</ul>
<p><img alt="" class="aligncenter wp-image-510 jetpack-lazy-image jetpack-lazy-image--handled" data-lazy-loaded="1" data-recalc-dims="1" height="544" loading="eager" sizes="(max-width: 768px) 100vw, 768px" src="https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-23.jpg?resize=768%2C544&ssl=1" srcset="https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-23.jpg?w=1028&ssl=1 1028w, https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-23.jpg?resize=300%2C212&ssl=1 300w, https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-23.jpg?resize=1024%2C725&ssl=1 1024w, https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-23.jpg?resize=768%2C544&ssl=1 768w" width="768" /></p>
<ul>
<li>Konfirmasi password yang telah dibuat sebelumnya, lalu klik Next.</li>
</ul>
<p><img alt="" class="aligncenter wp-image-511 jetpack-lazy-image jetpack-lazy-image--handled" data-lazy-loaded="1" data-recalc-dims="1" height="540" loading="eager" sizes="(max-width: 757px) 100vw, 757px" src="https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-24.jpg?resize=757%2C540&ssl=1" srcset="https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-24.jpg?w=1029&ssl=1 1029w, https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-24.jpg?resize=300%2C214&ssl=1 300w, https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-24.jpg?resize=1024%2C730&ssl=1 1024w, https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-24.jpg?resize=768%2C548&ssl=1 768w" width="757" /></p>
<ul>
<li>Untuk melindungi akun kamu, sistem akan memberikan beberapa pilihan
pertanyaan yang harus kamu jawab dan harus ingat jawabannya jangan
sampai lupa ya sob. Pilih pertanyaan pertama terus tuliskan jawabannya,
lalu klik Next.</li>
</ul>
<p><img alt="" class="aligncenter wp-image-513 jetpack-lazy-image jetpack-lazy-image--handled" data-lazy-loaded="1" data-recalc-dims="1" height="545" loading="eager" sizes="(max-width: 765px) 100vw, 765px" src="https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-25-1.jpg?resize=765%2C545&ssl=1" srcset="https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-25-1.jpg?w=1029&ssl=1 1029w, https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-25-1.jpg?resize=300%2C214&ssl=1 300w, https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-25-1.jpg?resize=1024%2C730&ssl=1 1024w, https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-25-1.jpg?resize=768%2C548&ssl=1 768w" width="765" /></p>
<ul>
<li>Pilih pertanyaan kedua dan tuliskan jawabannya, lalu klik Next.</li>
</ul>
<p><img alt="" class="aligncenter wp-image-514 jetpack-lazy-image jetpack-lazy-image--handled" data-lazy-loaded="1" data-recalc-dims="1" height="539" loading="eager" sizes="(max-width: 760px) 100vw, 760px" src="https://i2.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-26.jpg?resize=760%2C539&ssl=1" srcset="https://i2.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-26.jpg?w=1029&ssl=1 1029w, https://i2.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-26.jpg?resize=300%2C213&ssl=1 300w, https://i2.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-26.jpg?resize=1024%2C725&ssl=1 1024w, https://i2.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-26.jpg?resize=768%2C544&ssl=1 768w" width="760" /></p>
<ul>
<li>Pilih pertanyaan terakhir dan tuliskan jawabannya, lalu klik Next.</li>
</ul>
<p><img alt="" class="aligncenter wp-image-515 jetpack-lazy-image jetpack-lazy-image--handled" data-lazy-loaded="1" data-recalc-dims="1" height="540" loading="eager" sizes="(max-width: 765px) 100vw, 765px" src="https://i2.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-27.jpg?resize=765%2C540&ssl=1" srcset="https://i2.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-27.jpg?w=1029&ssl=1 1029w, https://i2.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-27.jpg?resize=300%2C212&ssl=1 300w, https://i2.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-27.jpg?resize=1024%2C722&ssl=1 1024w, https://i2.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-27.jpg?resize=768%2C542&ssl=1 768w" width="765" /></p>
<ul>
<li>Nah disini pilih saja No untuk tidak memunculkan histori aktivitas di Windows 10.</li>
</ul>
<p><img alt="" class="aligncenter wp-image-516 jetpack-lazy-image jetpack-lazy-image--handled" data-lazy-loaded="1" data-recalc-dims="1" height="540" loading="eager" sizes="(max-width: 759px) 100vw, 759px" src="https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-28.jpg?resize=759%2C540&ssl=1" srcset="https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-28.jpg?w=1028&ssl=1 1028w, https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-28.jpg?resize=300%2C213&ssl=1 300w, https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-28.jpg?resize=1024%2C728&ssl=1 1024w, https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-28.jpg?resize=768%2C546&ssl=1 768w" width="759" /></p>
<ul>
<li>Matikan semua pilihan privasi, caranya lakukan slider kekiri untuk mematikan pilihan privasi. Selanjutnya klik Accept.</li>
</ul>
<p><img alt="" class="aligncenter wp-image-518 jetpack-lazy-image jetpack-lazy-image--handled" data-lazy-loaded="1" data-recalc-dims="1" height="537" loading="eager" sizes="(max-width: 761px) 100vw, 761px" src="https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-29-1.jpg?resize=761%2C537&ssl=1" srcset="https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-29-1.jpg?w=1029&ssl=1 1029w, https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-29-1.jpg?resize=300%2C212&ssl=1 300w, https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-29-1.jpg?resize=1024%2C722&ssl=1 1024w, https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-29-1.jpg?resize=768%2C542&ssl=1 768w" width="761" /></p>
<ul>
<li>Setelah itu kamu tinggal tunggu proses menyiapkan Windows 10.</li>
<li>Setelah selesai prosesnya kamu sudah selesai untuk install Windows 10, dan akan muncul tampilan seperti gambar yang dibawah.</li>
</ul>
<p><img alt="" class="aligncenter wp-image-519 jetpack-lazy-image jetpack-lazy-image--handled" data-lazy-loaded="1" data-recalc-dims="1" height="428" loading="eager" sizes="(max-width: 758px) 100vw, 758px" src="https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-30.png?resize=758%2C428&ssl=1" srcset="https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-30.png?w=1372&ssl=1 1372w, https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-30.png?resize=300%2C169&ssl=1 300w, https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-30.png?resize=1024%2C578&ssl=1 1024w, https://i1.wp.com/thesourcedenver.com/wp-content/uploads/2020/04/Cara-Instal-Windows-10-langkah-30.png?resize=768%2C433&ssl=1 768w" width="758" /></p>
<ul>
<li>Nah sob, setelah ada tampilan seperti ini, tandanya kamu sudah selesai dan siap digunakan Windows 10nya.</li>
</ul>
<h2><span class="ez-toc-section" id="Kelebihan_dan_Kekurangan_Install_Windows_10_dengan_Flashdisk"></span>Kelebihan dan Kekurangan Install Windows 10 dengan Flashdisk<span class="ez-toc-section-end"></span></h2>
<p>Nah, bagaimana ni sob? Enakkan jika PC atau Laptop kamu di install Windows 10, jadi lebih baru kan?</p>
<p>Setelah kamu menyelesaikan tutorial cara install windows 10 dengan
flashdisk , aku juga menemukan nih sob kekurangan dan kelebihannya
menginstall Windows 10 dengan metode ini. Berikut beberapa kekurangan
dan kelebihannya:</p>
<h3><span class="ez-toc-section" id="1_Kelebihan_Install_Windows_10_dengan_flasdisk"></span>1. Kelebihan Install Windows 10 dengan flasdisk<span class="ez-toc-section-end"></span></h3>
<ul>
<li>Kamu dapat meminimalisir kegagalan waktu instalasi, karena jika
menggunakan flashdisk bisa terbilang memiliki durabilitas yang lebih
baik ketimbang dengan menggunakan CD / DVD</li>
<li>Mayoritasnya PC ataupun laptop saat ini sudah tidak dilengkapi
dengan optic disc drive, dan hanya menyediakan port USB saja. Jadi jika
kamu menggunakan flasdisk bisa di laptop/ PC manapun</li>
</ul>
<h3><span class="ez-toc-section" id="2_Kekurangan_Install_Windows_10_dengan_flasdisk"></span>2. Kekurangan Install Windows 10 dengan flasdisk<span class="ez-toc-section-end"></span></h3>
<ul>
<li>Akan rawan terkena virus dan malwer yang berasal dari flasdisk yang
sebelumnya digunakan. Jadi kamu harus menggunakan flasdisk yang aman dan
terkendali ya sob</li>
<li>Memerlukan lebih banyak proses, seperti mengunduh file Windows 10nya, membuat bootable, dan langkah instalnya juga.</li>
<li>Perlu kode aktivasi tambahan yang harus dibeli terpisah, tidak
seperti CD/DVD yang sudah terdapat pada paketnya sob. Tapi sekarang udah
banyak di internet terkait kode aktivasinya, asalkan cocok ya sob.</li></ul><div>https://thesourcedenver.com/cara-install-windows-10/</div>Sugihttp://www.blogger.com/profile/02539124289966867602noreply@blogger.com0tag:blogger.com,1999:blog-5305341170081722001.post-79607264636767711762021-01-24T19:18:00.005-08:002021-01-24T19:18:48.859-08:00Setting DHCP Server MikroTik<p> <strong style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><a href="https://wiki.mikrotik.com/wiki/Manual:IP/DHCP_Server" style="border: 0px; color: #e64946; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration-line: none; vertical-align: baseline;">DHCP</a></strong><span style="background-color: white; font-family: Roboto, Arial; font-size: 16px;"> (Dynamic Host Configuration Protocol) Server meruapakan protokol jaringan yang digunakan untuk memberikan alamat ip address, netmask, gateway maupun parameter network lain kepada client.</span></p><p style="background-color: white; border: 0px; font-family: Roboto, Arial; font-size: 16px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px 0px 1.25rem; padding: 0px; vertical-align: baseline;">DHCP Server merespond broadcast query (permintaan) dari client yang kemudian client mendapatkan jawaban query tersebut dan mendapatkan alamat ip yang diminta.</p><p style="background-color: white; border: 0px; font-family: Roboto, Arial; font-size: 16px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px 0px 1.25rem; padding: 0px; vertical-align: baseline;">Pada real implementasi, kebanyakan dipakai untuk melayani jaringan wireless (Wi-Fi, Hotspot dsb). Untuk jaringan wired (kabel), banyak juga yg menggunakan service ini, tergantung permintaan / kebutuhan.</p><figure class="wp-block-image" style="background-color: white; border: 0px; font-family: Roboto, Arial; font-size: 16px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 1.25rem 0px; padding: 0px; vertical-align: baseline;"><img alt="Topology DHCP Server" class="wp-image-781" height="412" loading="lazy" sizes="(max-width: 567px) 100vw, 567px" src="https://www.lukmanlab.com/wp-content/uploads/2018/11/Topology-DHCP-Server-1.png" srcset="https://www.lukmanlab.com/wp-content/uploads/2018/11/Topology-DHCP-Server-1.png 567w, https://www.lukmanlab.com/wp-content/uploads/2018/11/Topology-DHCP-Server-1-300x218.png 300w" style="border: 0px; font: inherit; height: auto; margin: 0px; max-width: 100%; padding: 0px; vertical-align: bottom;" width="567" /><figcaption style="border: 0px; font-family: inherit; font-size: 0.75rem; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: 1.4; margin: 5px 0px 1em; padding: 0px; vertical-align: baseline;">Topologi DHCP Server</figcaption></figure><p style="background-color: white; border: 0px; font-family: Roboto, Arial; font-size: 16px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px 0px 1.25rem; padding: 0px; vertical-align: baseline;">DHCP Server biasanya dipakai juga untuk memberikan device-device yg secara default di setting DHCP Client.</p><p style="background-color: white; border: 0px; font-family: Roboto, Arial; font-size: 16px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px 0px 1.25rem; padding: 0px; vertical-align: baseline;">Misalkan, kita punya alat yg bawaanya itu memang di setting DHCP Client. Untuk memudahkan kita memanajemen alat tersebut kita tinggal pancing menggunakan DHCP Server kedalam port network alat tersebut.</p><p style="background-color: white; border: 0px; font-family: Roboto, Arial; font-size: 16px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px 0px 1.25rem; padding: 0px; vertical-align: baseline;">Setelah itu, nanti dari router mikrotik tinggal melihat alamat ip yg telah diterima (secara otomatis) alat tersebut.</p><p style="background-color: white; border: 0px; font-family: Roboto, Arial; font-size: 16px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px 0px 1.25rem; padding: 0px; vertical-align: baseline;">Jadi, anda dapat mengetahui alamat ip yg diterima alat tersebut tanpa mengkonfigurasi jaringan alat tersebut secara manual atau static.</p><p style="background-color: white; border: 0px; font-family: Roboto, Arial; font-size: 16px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px 0px 1.25rem; padding: 0px; vertical-align: baseline;">Pada artikel ini, tidak hanya dijelaskan cara setting DHCP Server di MikroTik.</p><p style="background-color: white; border: 0px; font-family: Roboto, Arial; font-size: 16px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px 0px 1.25rem; padding: 0px; vertical-align: baseline;">Namun, admin juga memberikan sharing atau gambaran bagaimana pemakaian DHCP Server untuk kebutuhan jaringan instansi anda. </p><p style="background-color: white; border: 0px; font-family: Roboto, Arial; font-size: 16px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px 0px 1.25rem; padding: 0px; vertical-align: baseline;">Supaya anda nanti mudah melakukan maintenance serta manajemen jaringan DHCP Server yg telah anda setting.</p><h2 style="background-color: white; border: 0px; font-family: Roboto, Arial; font-size: 28px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: 1.3; margin: 0px 0px 1.25rem; padding: 0px; vertical-align: baseline;">Langkah-langkah Setting DHCP Server MikroTik:</h2><p style="background-color: white; border: 0px; font-family: Roboto, Arial; font-size: 16px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px 0px 1.25rem; padding: 0px; vertical-align: baseline;">1. Buka aplikasi Winbox, konek ke router mikrotik anda.</p><div class="wp-block-image" style="background-color: white; border: 0px; font-family: Roboto, Arial; font-size: 16px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 1.25rem 0px; padding: 0px; vertical-align: baseline;"><figure class="aligncenter" style="border: 0px; clear: both; font: inherit; margin: 1.25rem auto; padding: 0px; text-align: center; vertical-align: baseline;"><img alt="Login Winbox MikroTik" class="wp-image-763" height="284" loading="lazy" sizes="(max-width: 300px) 100vw, 300px" src="https://www.lukmanlab.com/wp-content/uploads/2018/11/Login-Winbox-1-300x284.png" srcset="https://www.lukmanlab.com/wp-content/uploads/2018/11/Login-Winbox-1-300x284.png 300w, https://www.lukmanlab.com/wp-content/uploads/2018/11/Login-Winbox-1.png 483w" style="border: 0px; font: inherit; height: auto; margin: 0px; max-width: 100%; padding: 0px; vertical-align: bottom;" width="300" /><figcaption style="border: 0px; caption-side: bottom; font-family: inherit; font-size: 0.75rem; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: 1.4; margin: 5px 0px 1em; padding: 0px; vertical-align: baseline;">Login Winbox MikroTik</figcaption></figure></div><p style="background-color: white; border: 0px; font-family: Roboto, Arial; font-size: 16px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px 0px 1.25rem; padding: 0px; vertical-align: baseline;">2. Berikut setting mikrotik admin. Silahkan dipahami!</p><p style="background-color: white; border: 0px; font-family: Roboto, Arial; font-size: 16px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px 0px 1.25rem; padding: 0px; vertical-align: baseline;">Admin akan melakukan pengaturan DHCP Server, nanti dhcp server tersebut akan saya arahkan ke Ether3 dengan IP Address 192.168.100.0/24. </p><p style="background-color: white; border: 0px; font-family: Roboto, Arial; font-size: 16px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px 0px 1.25rem; padding: 0px; vertical-align: baseline;">Penentuan interface untuk DHCP Server perlu anda perhatikan, <em style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><strong style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">jangan sampai</strong></em> interface yang digunakan sebagai sumber internet justru di DHCP Server. Hha… </p><p style="background-color: white; border: 0px; font-family: Roboto, Arial; font-size: 16px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px 0px 1.25rem; padding: 0px; vertical-align: baseline;">Pastikan juga sebelum melakukan pengaturan DHCP Server anda harus <em style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><strong style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">memberi IP Address</strong></em> pada interface tersebut.</p><div class="wp-block-image" style="background-color: white; border: 0px; font-family: Roboto, Arial; font-size: 16px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 1.25rem 0px; padding: 0px; vertical-align: baseline;"><figure class="aligncenter" style="border: 0px; clear: both; font: inherit; margin: 1.25rem auto; padding: 0px; text-align: center; vertical-align: baseline;"><img alt="Pengaturan IP Address, Default Route dan DNS" class="wp-image-767" height="667" loading="lazy" sizes="(max-width: 1025px) 100vw, 1025px" src="https://www.lukmanlab.com/wp-content/uploads/2018/11/Pengaturan-IP-Address-Default-Route-dan-DNS.png" srcset="https://www.lukmanlab.com/wp-content/uploads/2018/11/Pengaturan-IP-Address-Default-Route-dan-DNS.png 1025w, https://www.lukmanlab.com/wp-content/uploads/2018/11/Pengaturan-IP-Address-Default-Route-dan-DNS-300x195.png 300w, https://www.lukmanlab.com/wp-content/uploads/2018/11/Pengaturan-IP-Address-Default-Route-dan-DNS-768x500.png 768w, https://www.lukmanlab.com/wp-content/uploads/2018/11/Pengaturan-IP-Address-Default-Route-dan-DNS-1024x666.png 1024w" style="border: 0px; font: inherit; height: auto; margin: 0px; max-width: 100%; padding: 0px; vertical-align: bottom;" width="1025" /><figcaption style="border: 0px; caption-side: bottom; font-family: inherit; font-size: 0.75rem; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: 1.4; margin: 5px 0px 1em; padding: 0px; vertical-align: baseline;">Pengaturan IP Address, Default Route dan DNS</figcaption></figure></div><p style="background-color: white; border: 0px; font-family: Roboto, Arial; font-size: 16px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px 0px 1.25rem; padding: 0px; vertical-align: baseline;">3. Untuk melakukan pengaturan DHCP Server, silahkan buka menu<strong style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"> IP – DHCP Server</strong>.</p><figure class="wp-block-image" style="background-color: white; border: 0px; font-family: Roboto, Arial; font-size: 16px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 1.25rem 0px; padding: 0px; vertical-align: baseline;"><img alt="Menu DHCP Server MikroTik - Winbox" class="wp-image-768" height="300" loading="lazy" sizes="(max-width: 171px) 100vw, 171px" src="https://www.lukmanlab.com/wp-content/uploads/2018/11/Menu-DHCP-Server-MikroTik-Winbox-171x300.png" srcset="https://www.lukmanlab.com/wp-content/uploads/2018/11/Menu-DHCP-Server-MikroTik-Winbox-171x300.png 171w, https://www.lukmanlab.com/wp-content/uploads/2018/11/Menu-DHCP-Server-MikroTik-Winbox.png 284w" style="border: 0px; font: inherit; height: auto; margin: 0px; max-width: 100%; padding: 0px; vertical-align: bottom;" width="171" /><figcaption style="border: 0px; font-family: inherit; font-size: 0.75rem; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: 1.4; margin: 5px 0px 1em; padding: 0px; vertical-align: baseline;">Menu DHCP Server MikroTik – Winbox</figcaption></figure><p style="background-color: white; border: 0px; font-family: Roboto, Arial; font-size: 16px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px 0px 1.25rem; padding: 0px; vertical-align: baseline;">4. Setelah masuk ke jendela pengaturan DHCP Server, silahkan pilih <strong style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">DHCP Setup</strong> (<strong style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><em style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"> jangan di add + untuk memudahkan anda </em></strong>).</p><div class="wp-block-image" style="background-color: white; border: 0px; font-family: Roboto, Arial; font-size: 16px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 1.25rem 0px; padding: 0px; vertical-align: baseline;"><figure class="aligncenter" style="border: 0px; clear: both; font: inherit; margin: 1.25rem auto; padding: 0px; text-align: center; vertical-align: baseline;"><img alt="DHCP Server -DHCP Setup" class="wp-image-769" height="346" loading="lazy" sizes="(max-width: 669px) 100vw, 669px" src="https://www.lukmanlab.com/wp-content/uploads/2018/11/DHCP-Server-DHCP-Setup.png" srcset="https://www.lukmanlab.com/wp-content/uploads/2018/11/DHCP-Server-DHCP-Setup.png 669w, https://www.lukmanlab.com/wp-content/uploads/2018/11/DHCP-Server-DHCP-Setup-300x155.png 300w" style="border: 0px; font: inherit; height: auto; margin: 0px; max-width: 100%; padding: 0px; vertical-align: bottom;" width="669" /><figcaption style="border: 0px; caption-side: bottom; font-family: inherit; font-size: 0.75rem; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: 1.4; margin: 5px 0px 1em; padding: 0px; vertical-align: baseline;">DHCP Server -DHCP Setup</figcaption></figure></div><p style="background-color: white; border: 0px; font-family: Roboto, Arial; font-size: 16px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px 0px 1.25rem; padding: 0px; vertical-align: baseline;">5. Pertama, silahkan pilih interface yang akan anda diberi layanan DHCP Server.</p><p style="background-color: white; border: 0px; font-family: Roboto, Arial; font-size: 16px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px 0px 1.25rem; padding: 0px; vertical-align: baseline;">Disini admin akan memberikan servise DHCP Server pada interface ether3. Setelah dipilih silahkan lanjutkan (<strong style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"> NEXT </strong>)</p><div class="wp-block-image" style="background-color: white; border: 0px; font-family: Roboto, Arial; font-size: 16px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 1.25rem 0px; padding: 0px; vertical-align: baseline;"><figure class="aligncenter" style="border: 0px; clear: both; font: inherit; margin: 1.25rem auto; padding: 0px; text-align: center; vertical-align: baseline;"><img alt="DHCP Server in Interface Ether3" class="wp-image-770" height="345" loading="lazy" sizes="(max-width: 669px) 100vw, 669px" src="https://www.lukmanlab.com/wp-content/uploads/2018/11/1.-DHCP-Server-in-Interface-Ether3.png" srcset="https://www.lukmanlab.com/wp-content/uploads/2018/11/1.-DHCP-Server-in-Interface-Ether3.png 669w, https://www.lukmanlab.com/wp-content/uploads/2018/11/1.-DHCP-Server-in-Interface-Ether3-300x155.png 300w" style="border: 0px; font: inherit; height: auto; margin: 0px; max-width: 100%; padding: 0px; vertical-align: bottom;" width="669" /><figcaption style="border: 0px; caption-side: bottom; font-family: inherit; font-size: 0.75rem; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: 1.4; margin: 5px 0px 1em; padding: 0px; vertical-align: baseline;">DHCP Server in Interface Ether3</figcaption></figure></div><p style="background-color: white; border: 0px; font-family: Roboto, Arial; font-size: 16px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px 0px 1.25rem; padding: 0px; vertical-align: baseline;">6. Selanjutnya, pada bagian DHCP Address Space ini secara otomatis terisi oleh network ip address yang telah di tambahkan pada ether3, biarkan saja secara default. Lanjutkan ( <strong style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">NEXT</strong> ).</p><div class="wp-block-image" style="background-color: white; border: 0px; font-family: Roboto, Arial; font-size: 16px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 1.25rem 0px; padding: 0px; vertical-align: baseline;"><figure class="aligncenter" style="border: 0px; clear: both; font: inherit; margin: 1.25rem auto; padding: 0px; text-align: center; vertical-align: baseline;"><img alt="DHCP Address Space" class="wp-image-772" height="345" loading="lazy" sizes="(max-width: 669px) 100vw, 669px" src="https://www.lukmanlab.com/wp-content/uploads/2018/11/2.-DHCP-Address-Space.png" srcset="https://www.lukmanlab.com/wp-content/uploads/2018/11/2.-DHCP-Address-Space.png 669w, https://www.lukmanlab.com/wp-content/uploads/2018/11/2.-DHCP-Address-Space-300x155.png 300w" style="border: 0px; font: inherit; height: auto; margin: 0px; max-width: 100%; padding: 0px; vertical-align: bottom;" width="669" /><figcaption style="border: 0px; caption-side: bottom; font-family: inherit; font-size: 0.75rem; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: 1.4; margin: 5px 0px 1em; padding: 0px; vertical-align: baseline;">DHCP Address Space</figcaption></figure></div><p style="background-color: white; border: 0px; font-family: Roboto, Arial; font-size: 16px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px 0px 1.25rem; padding: 0px; vertical-align: baseline;">7. Selanjutnya, pada bagian Gateway for DHCP Network ini juga secara default terisi otomatis menyesuaikan alamat ip address yang ditambahkan di ether3. Lanjutkan ( <strong style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">NEXT</strong> ).</p><figure class="wp-block-image" style="background-color: white; border: 0px; font-family: Roboto, Arial; font-size: 16px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 1.25rem 0px; padding: 0px; vertical-align: baseline;"><img alt="Gateway for DHCP Network" class="wp-image-773" height="345" loading="lazy" sizes="(max-width: 669px) 100vw, 669px" src="https://www.lukmanlab.com/wp-content/uploads/2018/11/3.-Gateway-for-DHCP-Network.png" srcset="https://www.lukmanlab.com/wp-content/uploads/2018/11/3.-Gateway-for-DHCP-Network.png 669w, https://www.lukmanlab.com/wp-content/uploads/2018/11/3.-Gateway-for-DHCP-Network-300x155.png 300w" style="border: 0px; font: inherit; height: auto; margin: 0px; max-width: 100%; padding: 0px; vertical-align: bottom;" width="669" /><figcaption style="border: 0px; font-family: inherit; font-size: 0.75rem; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: 1.4; margin: 5px 0px 1em; padding: 0px; vertical-align: baseline;">Gateway for DHCP Network</figcaption></figure><p style="background-color: white; border: 0px; font-family: Roboto, Arial; font-size: 16px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px 0px 1.25rem; padding: 0px; vertical-align: baseline;">8. Selanjutnya, pada bagian Addresses to Give Out ini akan secara default terisi otomatis. Biasanya dimulai setelah atau sebelum ip address yang ditambahkan di ether3.</p><p style="background-color: white; border: 0px; font-family: Roboto, Arial; font-size: 16px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px 0px 1.25rem; padding: 0px; vertical-align: baseline;">Pada bagian ini perlu diperhatikan juga, kalau anda gunakan pada instansi anda tentu tidak semua range ip address, anda gunakan sebagai DHCP Server.</p><p style="background-color: white; border: 0px; font-family: Roboto, Arial; font-size: 16px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px 0px 1.25rem; padding: 0px; vertical-align: baseline;">Anda perlu mengetahui terlebih dahulu jumlah client anda, yang kemudian anda bisa menentukan range ip dari ip host berapa sampai berapa. Disini admin memberikan ip address dhcp server dari host 101 – 254.</p><p style="background-color: white; border: 0px; font-family: Roboto, Arial; font-size: 16px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px 0px 1.25rem; padding: 0px; vertical-align: baseline;">Admin masih mempunyai ip address dari 2 – 100 untuk digunakan static ip, jika admin menginginkan client di setting ip address manual.</p><div class="wp-block-image" style="background-color: white; border: 0px; font-family: Roboto, Arial; font-size: 16px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 1.25rem 0px; padding: 0px; vertical-align: baseline;"><figure class="aligncenter" style="border: 0px; clear: both; font: inherit; margin: 1.25rem auto; padding: 0px; text-align: center; vertical-align: baseline;"><img alt="Address to Give Out" class="wp-image-774" height="345" loading="lazy" sizes="(max-width: 669px) 100vw, 669px" src="https://www.lukmanlab.com/wp-content/uploads/2018/11/4.-Address-to-Give-Out.png" srcset="https://www.lukmanlab.com/wp-content/uploads/2018/11/4.-Address-to-Give-Out.png 669w, https://www.lukmanlab.com/wp-content/uploads/2018/11/4.-Address-to-Give-Out-300x155.png 300w" style="border: 0px; font: inherit; height: auto; margin: 0px; max-width: 100%; padding: 0px; vertical-align: bottom;" width="669" /><figcaption style="border: 0px; caption-side: bottom; font-family: inherit; font-size: 0.75rem; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: 1.4; margin: 5px 0px 1em; padding: 0px; vertical-align: baseline;">Address to Give Out</figcaption></figure></div><p style="background-color: white; border: 0px; font-family: Roboto, Arial; font-size: 16px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px 0px 1.25rem; padding: 0px; vertical-align: baseline;">9. Selanjutnya, pada bagian DNS Servers ini silahkan sesuaikan dengan kebutuhan anda.</p><p style="background-color: white; border: 0px; font-family: Roboto, Arial; font-size: 16px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px 0px 1.25rem; padding: 0px; vertical-align: baseline;">Pertama saya berikan DNS Server (untuk client) IP Address ether3, ini difungsikan sebagai resolving query dns client ke local network maupun ke public.</p><p style="background-color: white; border: 0px; font-family: Roboto, Arial; font-size: 16px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px 0px 1.25rem; padding: 0px; vertical-align: baseline;">Kedua, admin berikan ip dns (dns server lokal) yang digunakan untuk resolving nama-nama domain local instansi.</p><div class="wp-block-image" style="background-color: white; border: 0px; font-family: Roboto, Arial; font-size: 16px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 1.25rem 0px; padding: 0px; vertical-align: baseline;"><figure class="aligncenter" style="border: 0px; clear: both; font: inherit; margin: 1.25rem auto; padding: 0px; text-align: center; vertical-align: baseline;"><img alt="DNS Servers DHCP" class="wp-image-775" height="345" loading="lazy" sizes="(max-width: 669px) 100vw, 669px" src="https://www.lukmanlab.com/wp-content/uploads/2018/11/5.-DNS-Servers.png" srcset="https://www.lukmanlab.com/wp-content/uploads/2018/11/5.-DNS-Servers.png 669w, https://www.lukmanlab.com/wp-content/uploads/2018/11/5.-DNS-Servers-300x155.png 300w" style="border: 0px; font: inherit; height: auto; margin: 0px; max-width: 100%; padding: 0px; vertical-align: bottom;" width="669" /><figcaption style="border: 0px; caption-side: bottom; font-family: inherit; font-size: 0.75rem; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: 1.4; margin: 5px 0px 1em; padding: 0px; vertical-align: baseline;">DNS Servers DHCP</figcaption></figure></div><p style="background-color: white; border: 0px; font-family: Roboto, Arial; font-size: 16px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px 0px 1.25rem; padding: 0px; vertical-align: baseline;">10. Selanjutnya, pada bagian Lease Time ini secara default di setting 10 menit untuk mengatur waktu peminjaman ip address kepada client.</p><p style="background-color: white; border: 0px; font-family: Roboto, Arial; font-size: 16px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px 0px 1.25rem; padding: 0px; vertical-align: baseline;">Dalam waktu 10 menit ip address yang telah diterima oleh client atau yang sudah masuk ke tabel Leases akan dijaga selama 10 menit.</p><p style="background-color: white; border: 0px; font-family: Roboto, Arial; font-size: 16px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px 0px 1.25rem; padding: 0px; vertical-align: baseline;">Jika client masih terhubung pada jaringan maka akan di extent 10 menit lagi. Namun jika pada menit ke 10 ternyata client tidak melakukan query dhcp maka ip yang diterima tadi akan di release dan dipinjamkan kepada client lain yang baru terhubung.</p><p style="background-color: white; border: 0px; font-family: Roboto, Arial; font-size: 16px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px 0px 1.25rem; padding: 0px; vertical-align: baseline;">Namun jika pada menit ke 10 ternyata client tidak melakukan query dhcp maka ip yang diterima tadi akan di release dan dipinjamkan kepada client lain yang baru terhubung.</p><div class="wp-block-image" style="background-color: white; border: 0px; font-family: Roboto, Arial; font-size: 16px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 1.25rem 0px; padding: 0px; vertical-align: baseline;"><figure class="aligncenter" style="border: 0px; clear: both; font: inherit; margin: 1.25rem auto; padding: 0px; text-align: center; vertical-align: baseline;"><img alt="Lease Time DHCP Server" class="wp-image-778" height="345" loading="lazy" sizes="(max-width: 669px) 100vw, 669px" src="https://www.lukmanlab.com/wp-content/uploads/2018/11/6.-Lease-Time.png" srcset="https://www.lukmanlab.com/wp-content/uploads/2018/11/6.-Lease-Time.png 669w, https://www.lukmanlab.com/wp-content/uploads/2018/11/6.-Lease-Time-300x155.png 300w" style="border: 0px; font: inherit; height: auto; margin: 0px; max-width: 100%; padding: 0px; vertical-align: bottom;" width="669" /><figcaption style="border: 0px; caption-side: bottom; font-family: inherit; font-size: 0.75rem; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: 1.4; margin: 5px 0px 1em; padding: 0px; vertical-align: baseline;">Lease Time DHCP Server</figcaption></figure></div><p style="background-color: white; border: 0px; font-family: Roboto, Arial; font-size: 16px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px 0px 1.25rem; padding: 0px; vertical-align: baseline;">11. Finish, semua konfigurasi dhcp server selesai tinggal kita OK.</p><p style="background-color: white; border: 0px; font-family: Roboto, Arial; font-size: 16px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px 0px 1.25rem; padding: 0px; vertical-align: baseline;">Silahkan uji pada client yang terhubung ke Ether3, mungkin lewat switch atau terhubung langsung.</p><p style="background-color: white; border: 0px; font-family: Roboto, Arial; font-size: 16px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px 0px 1.25rem; padding: 0px; vertical-align: baseline;">Client di setting DHCP (obtain network).</p><figure class="wp-block-image" style="background-color: white; border: 0px; font-family: Roboto, Arial; font-size: 16px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 1.25rem 0px; padding: 0px; vertical-align: baseline;"><img alt="DHCP Server Setup Completed" class="wp-image-779" height="345" loading="lazy" sizes="(max-width: 669px) 100vw, 669px" src="https://www.lukmanlab.com/wp-content/uploads/2018/11/7.-Setup-Completed.png" srcset="https://www.lukmanlab.com/wp-content/uploads/2018/11/7.-Setup-Completed.png 669w, https://www.lukmanlab.com/wp-content/uploads/2018/11/7.-Setup-Completed-300x155.png 300w" style="border: 0px; font: inherit; height: auto; margin: 0px; max-width: 100%; padding: 0px; vertical-align: bottom;" width="669" /><figcaption style="border: 0px; font-family: inherit; font-size: 0.75rem; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: 1.4; margin: 5px 0px 1em; padding: 0px; vertical-align: baseline;">DHCP Server Setup Completed</figcaption></figure><p style="background-color: white; border: 0px; font-family: Roboto, Arial; font-size: 16px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px 0px 1.25rem; padding: 0px; vertical-align: baseline;"><br /></p><p style="background-color: white; border: 0px; font-family: Roboto, Arial; font-size: 16px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px 0px 1.25rem; padding: 0px; vertical-align: baseline;"><br /></p><p style="background-color: white; border: 0px; font-family: Roboto, Arial; font-size: 16px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px 0px 1.25rem; padding: 0px; vertical-align: baseline;"><br /></p><p style="background-color: white; border: 0px; font-family: Roboto, Arial; font-size: 16px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px 0px 1.25rem; padding: 0px; vertical-align: baseline;"><br /></p><p style="background-color: white; border: 0px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px 0px 1.25rem; padding: 0px; vertical-align: baseline;"><span style="font-family: Roboto, Arial;"><i>https://www.lukmanlab.com/setting-dhcp-server-mikrotik-bagian1/</i></span></p>Sugihttp://www.blogger.com/profile/02539124289966867602noreply@blogger.com0tag:blogger.com,1999:blog-5305341170081722001.post-5544301160039555652021-01-18T19:24:00.002-08:002021-01-18T19:24:07.187-08:00CARA MENSETTING NAT PADA ROUTER MIKROTIK<p> </p><figure class="post-image clear-fix" style="-webkit-font-smoothing: antialiased; background-color: #f1f1f1; box-sizing: border-box; clear: both; color: #111111; font-family: Lato, sans-serif; font-size: 17px; margin: 0px 0px 40px; position: relative;"><img class="attachment-rowling-post-image wp-post-image" src="https://memonuralamsyah12.files.wordpress.com/2016/10/client229.png?w=816&h=9999" style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; display: block; font-family: inherit; height: auto; line-height: 1; margin: 0px auto; max-width: 100%; padding: 0px;" title="CARA MENSETTING NAT PADA ROUTER MIKROTIK" /></figure><div class="post-inner" style="-webkit-font-smoothing: antialiased; background-color: #f1f1f1; box-sizing: border-box; float: right; position: relative; width: 605.422px; z-index: 5;"><div class="post-content" style="-webkit-font-smoothing: antialiased; box-sizing: border-box;"><p style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; color: #111111; font-family: inherit; font-size: 1em; line-height: 28.9px; margin: 0px 0px 1.5em; padding: 0px; text-align: justify;"><strong style="-webkit-font-smoothing: antialiased; box-sizing: border-box;">1. DASAR TEORI </strong></p><p style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; color: #111111; font-family: inherit; font-size: 1em; line-height: 28.9px; margin: 0px 0px 1.5em; padding: 0px; text-align: justify;"> NAT (Network Address Translation) adalah suatu protokol yang digunakan mikrotik untuk mentranslasikan IP publik ke IP privat agar ip privat dapat tersambung dengan ip publik dalam penggunaan internet. Setelah saya mengulas tentang DHCP server pada artikel saya sebelumnya. Dimana router Mikrotik yang tersambung dengan modem atau PC sumber internet yang akan mendapatkan IP publik dari internet serta pada PC guest/client yang tersambung dengan Mikrotik menggunakan IP Privat akan dapat mengakses internet dengan cara konfigurasi NAT pada mikrotik tersebut.</p><p style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; color: #111111; font-family: inherit; font-size: 1em; line-height: 28.9px; margin: 0px 0px 1.5em; padding: 0px; text-align: justify;"><strong style="-webkit-font-smoothing: antialiased; box-sizing: border-box;">2. TOPOLOGI </strong></p><p style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; color: #111111; font-family: inherit; font-size: 1em; line-height: 28.9px; margin: 0px 0px 1.5em; padding: 0px; text-align: justify;"><img alt="client22.png" class="alignnone size-full wp-image-562" data-attachment-id="562" data-comments-opened="1" data-image-description="" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="client22" data-large-file="https://memonuralamsyah12.files.wordpress.com/2016/10/client229.png?w=597" data-medium-file="https://memonuralamsyah12.files.wordpress.com/2016/10/client229.png?w=300" data-orig-file="https://memonuralamsyah12.files.wordpress.com/2016/10/client229.png" data-orig-size="597,449" data-permalink="https://memonuralamsyah12.wordpress.com/2016/10/17/cara-mensetting-nat-pada-router-mikrotik/client22-9/" sizes="(max-width: 597px) 100vw, 597px" src="https://memonuralamsyah12.files.wordpress.com/2016/10/client229.png?w=616" srcset="https://memonuralamsyah12.files.wordpress.com/2016/10/client229.png 597w, https://memonuralamsyah12.files.wordpress.com/2016/10/client229.png?w=150 150w, https://memonuralamsyah12.files.wordpress.com/2016/10/client229.png?w=300 300w" style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; font-family: inherit; height: auto; line-height: 1; margin: 0px; max-width: 100%; padding: 0px; text-align: left;" /></p><p style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; color: #111111; font-family: inherit; font-size: 1em; line-height: 28.9px; margin: 0px 0px 1.5em; padding: 0px; text-align: justify;">KETERANGAN :</p><p style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; color: #111111; font-family: inherit; font-size: 1em; line-height: 28.9px; margin: 0px 0px 1.5em; padding: 0px; text-align: justify;">IP 27 merupakan no urut absensi dari mahasiswa.</p><p style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; color: #111111; font-family: inherit; font-size: 1em; line-height: 28.9px; margin: 0px 0px 1.5em; padding: 0px; text-align: justify;"><strong style="-webkit-font-smoothing: antialiased; box-sizing: border-box;">3. LANGKAH-LANGKAH PERCOBAAN</strong></p><p style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; color: #111111; font-family: inherit; font-size: 1em; line-height: 28.9px; margin: 0px 0px 1.5em; padding: 0px; text-align: justify;">Pastikan bahwa anda telah melakukan pendaftaran ip di tiap ethernet yang akan digunakan pada menu add ip list.</p><p style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; color: #111111; font-family: inherit; font-size: 1em; line-height: 28.9px; margin: 0px 0px 1.5em; padding: 0px; text-align: justify;"><img alt="client.png" class=" size-full wp-image-527 aligncenter" sizes="(max-width: 218px) 100vw, 218px" src="https://memonuralamsyah12.files.wordpress.com/2016/10/client.png?w=616" srcset="https://memonuralamsyah12.files.wordpress.com/2016/10/client.png 218w, https://memonuralamsyah12.files.wordpress.com/2016/10/client.png?w=150 150w" style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; clear: both; display: block; font-family: inherit; height: auto; line-height: 1; margin: 0px auto; max-width: 100%; padding: 0px; text-align: left;" /></p><p style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; color: #111111; font-family: inherit; font-size: 1em; line-height: 28.9px; margin: 0px 0px 1.5em; padding: 0px; text-align: justify;">kemudaian pastikan kembali telah melakukkan pensettingan ip DHCP SERVER telah berhasil. <img alt="client22.png" class=" size-full wp-image-529 aligncenter" data-attachment-id="529" data-comments-opened="1" data-image-description="" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="client22" data-large-file="https://memonuralamsyah12.files.wordpress.com/2016/10/client22.png?w=616" data-medium-file="https://memonuralamsyah12.files.wordpress.com/2016/10/client22.png?w=300" data-orig-file="https://memonuralamsyah12.files.wordpress.com/2016/10/client22.png" data-orig-size="621,109" data-permalink="https://memonuralamsyah12.wordpress.com/2016/10/17/cara-mensetting-nat-pada-router-mikrotik/client22/" sizes="(max-width: 616px) 100vw, 616px" src="https://memonuralamsyah12.files.wordpress.com/2016/10/client22.png?w=616" srcset="https://memonuralamsyah12.files.wordpress.com/2016/10/client22.png?w=616 616w, https://memonuralamsyah12.files.wordpress.com/2016/10/client22.png?w=150 150w, https://memonuralamsyah12.files.wordpress.com/2016/10/client22.png?w=300 300w, https://memonuralamsyah12.files.wordpress.com/2016/10/client22.png 621w" style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; clear: both; display: block; font-family: inherit; height: auto; line-height: 1; margin: 0px auto; max-width: 100%; padding: 0px; text-align: left;" /></p><p style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; color: #111111; font-family: inherit; font-size: 1em; line-height: 28.9px; margin: 0px 0px 1.5em; padding: 0px; text-align: justify;">dan telah memastikan bahwa ETH 1 telah mendapatkan ip 200.200.200.200/24.<img alt="client22.png" class=" size-full wp-image-532 aligncenter" data-attachment-id="532" data-comments-opened="1" data-image-description="" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="client22" data-large-file="https://memonuralamsyah12.files.wordpress.com/2016/10/client221.png?w=211" data-medium-file="https://memonuralamsyah12.files.wordpress.com/2016/10/client221.png?w=211" data-orig-file="https://memonuralamsyah12.files.wordpress.com/2016/10/client221.png" data-orig-size="211,279" data-permalink="https://memonuralamsyah12.wordpress.com/2016/10/17/cara-mensetting-nat-pada-router-mikrotik/client22-2/" sizes="(max-width: 211px) 100vw, 211px" src="https://memonuralamsyah12.files.wordpress.com/2016/10/client221.png?w=616" srcset="https://memonuralamsyah12.files.wordpress.com/2016/10/client221.png 211w, https://memonuralamsyah12.files.wordpress.com/2016/10/client221.png?w=113 113w" style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; clear: both; display: block; font-family: inherit; height: auto; line-height: 1; margin: 0px auto; max-width: 100%; padding: 0px; text-align: left;" /></p><p style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; color: #111111; font-family: inherit; font-size: 1em; line-height: 28.9px; margin: 0px 0px 1.5em; padding: 0px; text-align: justify;">Kemudian jika telah selesai memastikan DHCP server telah tersetting dengan benar. Berikut ini langkah-langkah percobaan untuk melakukan percobaan setting NAT pada mikrotik :</p><p style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; color: #111111; font-family: inherit; font-size: 1em; line-height: 28.9px; margin: 0px 0px 1.5em; padding: 0px; text-align: justify;">a. Sambungkan Modem atau PC source internet ke Mikrotik pada ether1 dan PC guest/client ke ether2. Pada PC client buka Winbox dan search perangkat mikrotik dan tekan connect jangan lupa set login = admin dan password kosongkan.</p><p style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; color: #111111; font-family: inherit; font-size: 1em; line-height: 28.9px; margin: 0px 0px 1.5em; padding: 0px; text-align: justify;">b. Setting DHCP client (mendapatkan IP publik dari modem/PC sumber internet) pada mikrotik dengan cara IP – DHCP Client.</p><p style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; color: #111111; font-family: inherit; font-size: 1em; line-height: 28.9px; margin: 0px 0px 1.5em; padding: 0px; text-align: justify;"><img alt="client22.png" class=" size-full wp-image-536 aligncenter" data-attachment-id="536" data-comments-opened="1" data-image-description="" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="client22" data-large-file="https://memonuralamsyah12.files.wordpress.com/2016/10/client222.png?w=142" data-medium-file="https://memonuralamsyah12.files.wordpress.com/2016/10/client222.png?w=142" data-orig-file="https://memonuralamsyah12.files.wordpress.com/2016/10/client222.png" data-orig-size="142,202" data-permalink="https://memonuralamsyah12.wordpress.com/2016/10/17/cara-mensetting-nat-pada-router-mikrotik/client22-3/" src="https://memonuralamsyah12.files.wordpress.com/2016/10/client222.png?w=616" style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; clear: both; display: block; font-family: inherit; height: auto; line-height: 1; margin: 0px auto; max-width: 100%; padding: 0px; text-align: left;" /></p><p style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; color: #111111; font-family: inherit; font-size: 1em; line-height: 28.9px; margin: 0px 0px 1.5em; padding: 0px;">c. Pilih tanda (+) dan pilih interface ether1 yang tersambung dengan modem/pc sumber internet dan OK.<img alt="client22.png" class="aligncenter size-full wp-image-538" data-attachment-id="538" data-comments-opened="1" data-image-description="" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="client22" data-large-file="https://memonuralamsyah12.files.wordpress.com/2016/10/client223.png?w=548" data-medium-file="https://memonuralamsyah12.files.wordpress.com/2016/10/client223.png?w=300" data-orig-file="https://memonuralamsyah12.files.wordpress.com/2016/10/client223.png" data-orig-size="548,242" data-permalink="https://memonuralamsyah12.wordpress.com/2016/10/17/cara-mensetting-nat-pada-router-mikrotik/client22-4/" sizes="(max-width: 548px) 100vw, 548px" src="https://memonuralamsyah12.files.wordpress.com/2016/10/client223.png?w=616" srcset="https://memonuralamsyah12.files.wordpress.com/2016/10/client223.png 548w, https://memonuralamsyah12.files.wordpress.com/2016/10/client223.png?w=150 150w, https://memonuralamsyah12.files.wordpress.com/2016/10/client223.png?w=300 300w" style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; clear: both; display: block; font-family: inherit; height: auto; line-height: 1; margin: 0px auto; max-width: 100%; padding: 0px;" /></p><p style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; color: #111111; font-family: inherit; font-size: 1em; line-height: 28.9px; margin: 0px 0px 1.5em; padding: 0px; text-align: justify;">d. Lihat pada list DHCP client apakah sudah tertera tulisan bound di ether1, berarti ether1 sudah emndapat IP address dari modem/PC sumber internet.</p><p style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; color: #111111; font-family: inherit; font-size: 1em; line-height: 28.9px; margin: 0px 0px 1.5em; padding: 0px; text-align: justify;"><img alt="client22.png" class=" size-full wp-image-543 aligncenter" data-attachment-id="543" data-comments-opened="1" data-image-description="" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="client22" data-large-file="https://memonuralamsyah12.files.wordpress.com/2016/10/client225.png?w=616" data-medium-file="https://memonuralamsyah12.files.wordpress.com/2016/10/client225.png?w=300" data-orig-file="https://memonuralamsyah12.files.wordpress.com/2016/10/client225.png" data-orig-size="624,351" data-permalink="https://memonuralamsyah12.wordpress.com/2016/10/17/cara-mensetting-nat-pada-router-mikrotik/client22-5/" sizes="(max-width: 616px) 100vw, 616px" src="https://memonuralamsyah12.files.wordpress.com/2016/10/client225.png?w=616" srcset="https://memonuralamsyah12.files.wordpress.com/2016/10/client225.png?w=616 616w, https://memonuralamsyah12.files.wordpress.com/2016/10/client225.png?w=150 150w, https://memonuralamsyah12.files.wordpress.com/2016/10/client225.png?w=300 300w, https://memonuralamsyah12.files.wordpress.com/2016/10/client225.png 624w" style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; clear: both; display: block; font-family: inherit; height: auto; line-height: 1; margin: 0px auto; max-width: 100%; padding: 0px; text-align: left;" /></p><p style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; color: #111111; font-family: inherit; font-size: 1em; line-height: 28.9px; margin: 0px 0px 1.5em; padding: 0px; text-align: justify;">e. Lihat pada Addresses pada ether1 sudah mendapatkan IP dengan tanda (D) yaitu dinamik otomatis dapat IP dari modem/ pc sumber internet.</p><p style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; color: #111111; font-family: inherit; font-size: 1em; line-height: 28.9px; margin: 0px 0px 1.5em; padding: 0px; text-align: justify;"><img alt="client" class=" size-full wp-image-527 aligncenter" data-attachment-id="527" data-comments-opened="1" data-image-description="" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="client" data-large-file="https://memonuralamsyah12.files.wordpress.com/2016/10/client.png?w=218" data-medium-file="https://memonuralamsyah12.files.wordpress.com/2016/10/client.png?w=218" data-orig-file="https://memonuralamsyah12.files.wordpress.com/2016/10/client.png" data-orig-size="218,187" data-permalink="https://memonuralamsyah12.wordpress.com/2016/10/17/cara-mensetting-nat-pada-router-mikrotik/client/" sizes="(max-width: 218px) 100vw, 218px" src="https://memonuralamsyah12.files.wordpress.com/2016/10/client.png?w=616" srcset="https://memonuralamsyah12.files.wordpress.com/2016/10/client.png 218w, https://memonuralamsyah12.files.wordpress.com/2016/10/client.png?w=150 150w" style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; clear: both; display: block; font-family: inherit; height: auto; line-height: 1; margin: 0px auto; max-width: 100%; padding: 0px; text-align: left;" /></p><p style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; color: #111111; font-family: inherit; font-size: 1em; line-height: 28.9px; margin: 0px 0px 1.5em; padding: 0px; text-align: justify;">f. sekarang buatIP address pada ether2 yang tersambung ke PC client. masuk IP>addresses lalu tekan tanda (+) masukan IP privat misal 192.168.27.1/24 dan interface ether2 lalu OK, dan buat DHCP Server pada Ether2.</p><p style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; color: #111111; font-family: inherit; font-size: 1em; line-height: 28.9px; margin: 0px 0px 1.5em; padding: 0px; text-align: justify;">g. Sekarang setting NAT, dengan cara buka IP – Firewall – pada tab NAT pilih tanda (+) untuk menambah konfigurasi NAT.</p><p style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; color: #111111; font-family: inherit; font-size: 1em; line-height: 28.9px; margin: 0px 0px 1.5em; padding: 0px; text-align: justify;"><img alt="client22.png" class=" size-full wp-image-550 aligncenter" data-attachment-id="550" data-comments-opened="1" data-image-description="" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="client22" data-large-file="https://memonuralamsyah12.files.wordpress.com/2016/10/client226.png?w=263" data-medium-file="https://memonuralamsyah12.files.wordpress.com/2016/10/client226.png?w=263" data-orig-file="https://memonuralamsyah12.files.wordpress.com/2016/10/client226.png" data-orig-size="263,210" data-permalink="https://memonuralamsyah12.wordpress.com/2016/10/17/cara-mensetting-nat-pada-router-mikrotik/client22-6/" sizes="(max-width: 263px) 100vw, 263px" src="https://memonuralamsyah12.files.wordpress.com/2016/10/client226.png?w=616" srcset="https://memonuralamsyah12.files.wordpress.com/2016/10/client226.png 263w, https://memonuralamsyah12.files.wordpress.com/2016/10/client226.png?w=150 150w" style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; clear: both; display: block; font-family: inherit; height: auto; line-height: 1; margin: 0px auto; max-width: 100%; padding: 0px; text-align: left;" /></p><p style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; color: #111111; font-family: inherit; font-size: 1em; line-height: 28.9px; margin: 0px 0px 1.5em; padding: 0px; text-align: justify;">h. pilih chain srcnat dan out interface pilih ether1.</p><p style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; color: #111111; font-family: inherit; font-size: 1em; line-height: 28.9px; margin: 0px 0px 1.5em; padding: 0px; text-align: justify;"><img alt="client22" class=" size-full wp-image-552 aligncenter" data-attachment-id="552" data-comments-opened="1" data-image-description="" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="client22" data-large-file="https://memonuralamsyah12.files.wordpress.com/2016/10/client227.png?w=177" data-medium-file="https://memonuralamsyah12.files.wordpress.com/2016/10/client227.png?w=162" data-orig-file="https://memonuralamsyah12.files.wordpress.com/2016/10/client227.png" data-orig-size="177,328" data-permalink="https://memonuralamsyah12.wordpress.com/2016/10/17/cara-mensetting-nat-pada-router-mikrotik/client22-7/" sizes="(max-width: 177px) 100vw, 177px" src="https://memonuralamsyah12.files.wordpress.com/2016/10/client227.png?w=616" srcset="https://memonuralamsyah12.files.wordpress.com/2016/10/client227.png 177w, https://memonuralamsyah12.files.wordpress.com/2016/10/client227.png?w=81 81w" style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; clear: both; display: block; font-family: inherit; height: auto; line-height: 1; margin: 0px auto; max-width: 100%; padding: 0px; text-align: left;" /></p><p style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; color: #111111; font-family: inherit; font-size: 1em; line-height: 28.9px; margin: 0px 0px 1.5em; padding: 0px; text-align: justify;">i. Pada Tab Action pilih masquerade lalu OK.</p><p style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; color: #111111; font-family: inherit; font-size: 1em; line-height: 28.9px; margin: 0px 0px 1.5em; padding: 0px; text-align: justify;"><img alt="client22.png" class=" size-full wp-image-556 aligncenter" data-attachment-id="556" data-comments-opened="1" data-image-description="" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="client22" data-large-file="https://memonuralamsyah12.files.wordpress.com/2016/10/client228.png?w=616" data-medium-file="https://memonuralamsyah12.files.wordpress.com/2016/10/client228.png?w=300" data-orig-file="https://memonuralamsyah12.files.wordpress.com/2016/10/client228.png" data-orig-size="624,351" data-permalink="https://memonuralamsyah12.wordpress.com/2016/10/17/cara-mensetting-nat-pada-router-mikrotik/client22-8/" sizes="(max-width: 616px) 100vw, 616px" src="https://memonuralamsyah12.files.wordpress.com/2016/10/client228.png?w=616" srcset="https://memonuralamsyah12.files.wordpress.com/2016/10/client228.png?w=616 616w, https://memonuralamsyah12.files.wordpress.com/2016/10/client228.png?w=150 150w, https://memonuralamsyah12.files.wordpress.com/2016/10/client228.png?w=300 300w, https://memonuralamsyah12.files.wordpress.com/2016/10/client228.png 624w" style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; clear: both; display: block; font-family: inherit; height: auto; line-height: 1; margin: 0px auto; max-width: 100%; padding: 0px; text-align: left;" /></p><p style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; color: #111111; font-family: inherit; font-size: 1em; line-height: 28.9px; margin: 0px 0px 1.5em; padding: 0px; text-align: justify;">j. setting DNS dengan pilihIP>DNS masukan IP dari server modem/ pc yang tersambung internet dan DNS google 8.8.8.8 dan 8.8.4.4.</p><p style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; color: #111111; font-family: inherit; font-size: 1em; line-height: 28.9px; margin: 0px 0px 1.5em; padding: 0px; text-align: justify;">k. Konfigurasi NAT sudah selesai, sekarang PC client dapat terkoneksi dengan internet.</p><p style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; color: #111111; font-family: inherit; font-size: 1em; line-height: 28.9px; margin: 0px 0px 1.5em; padding: 0px; text-align: justify;"><br /></p><p style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; line-height: 28.9px; margin: 0px 0px 1.5em; padding: 0px; text-align: justify;"><span style="color: #111111; font-family: Lato, sans-serif;"><span style="font-size: 17px;"><i>https://memonuralamsyah12.wordpress.com/2016/10/17/cara-mensetting-nat-pada-router-mikrotik/</i></span></span></p></div></div>Sugihttp://www.blogger.com/profile/02539124289966867602noreply@blogger.com0tag:blogger.com,1999:blog-5305341170081722001.post-46244732096128375262020-11-10T00:39:00.005-08:002020-11-10T00:40:11.824-08:00DHCP Server dan DHCP Client Mikrotik<h3 style="background-color: white; box-sizing: inherit; color: #333333; font-family: "Segoe UI", Arial, sans-serif; font-size: 24px; font-weight: 400; line-height: 1.1; margin: 10px 0px;">DHCP Server dan DHCP Client</h3><p><br style="background-color: white; box-sizing: inherit; color: #333333; font-family: "PT Sans", sans-serif; font-size: 17.3333px;" /></p><p align="justify" style="background-color: white; box-sizing: inherit; color: #333333; font-family: "PT Sans", sans-serif; font-size: 17.3333px; margin: 0px 0px 10px;">Dynamic Host Configuration Protocol (DHCP) merupakan service yang memungkinkan perangkat dapat mendistribusikan/assign IP Address secara otomatis pada host dalam sebuah jaringan. Cara kerjanya, DHCP Server akan memberikan response terhadap request yang dikirimkan oleh DHCP Client.<br style="box-sizing: inherit;" /></p><p align="justify" style="background-color: white; box-sizing: inherit; color: #333333; font-family: "PT Sans", sans-serif; font-size: 17.3333px; margin: 0px 0px 10px;">Selain IP Address, DHCP juga mampu mendistribusikan informasi netmask, Default gateway, Konfigurasi DNS dan NTP Server serta masih banyak lagi custom option (tergantung apakah DHCP client bisa support).<br style="box-sizing: inherit;" /></p><p align="justify" style="background-color: white; box-sizing: inherit; color: #333333; font-family: "PT Sans", sans-serif; font-size: 17.3333px; margin: 0px 0px 10px;">Mikrotik dapat digunakan sebagai DHCP Server maupun DHCP Client atau keduanya secara bersamaan. Sebagai contoh, misalnya kita berlangganan internet dari ISP A. ISP A tidak memberikan informasi IP statik yang harus dipasang pada perangkat kita, melainkan akan memberikan IP secara otomatis melalui proses DHCP.</p><p align="center" style="background-color: white; box-sizing: inherit; color: #333333; font-family: "PT Sans", sans-serif; font-size: 17.3333px; margin: 0px 0px 10px;"><br style="box-sizing: inherit;" /></p><p style="background-color: white; box-sizing: inherit; color: #333333; font-family: "PT Sans", sans-serif; font-size: 17.3333px; margin: 0px 0px 10px;"> <br style="box-sizing: inherit;" /></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpx5R7Ge_d3yw0LPHpCKl04cMtXlkQOUY3cqqJEHyvgabz6rG8kVxZfDpV6fdeatfQPKo8kTqiLtKjROALHSWPrfrPfIZ-JGwXjra9MXhecVF-E1-p4bqkBwPIm5d2g5ihNpbWGNV2u7Q/" style="margin-left: 1em; margin-right: 1em;"><img alt="" data-original-height="261" data-original-width="400" height="209" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpx5R7Ge_d3yw0LPHpCKl04cMtXlkQOUY3cqqJEHyvgabz6rG8kVxZfDpV6fdeatfQPKo8kTqiLtKjROALHSWPrfrPfIZ-JGwXjra9MXhecVF-E1-p4bqkBwPIm5d2g5ihNpbWGNV2u7Q/" width="320" /></a></div><br /><br style="box-sizing: inherit;" /><h3 style="text-align: left;"><span style="box-sizing: inherit; font-weight: bolder;">Mikrotik sebagai DHCP Client</span></h3><p></p><p align="justify" style="background-color: white; box-sizing: inherit; color: #333333; font-family: "PT Sans", sans-serif; font-size: 17.3333px; margin: 0px 0px 10px;">Dalam kasus ini, untuk dapat memperoleh alokasi IP Address dari ISP, yang nantinya dapat digunakan untuk terkoneksi ke internet, kita bisa menggunakan fitur DHCP Client. Langkah-langkah pembuatan DHCP Client dapat dilakukan pada menu <span style="box-sizing: inherit; font-weight: bolder;">IP -> DHCP Client -> Add</span>.</p><p align="center" style="background-color: white; box-sizing: inherit; color: #333333; font-family: "PT Sans", sans-serif; font-size: 17.3333px; margin: 0px 0px 10px;"><br /></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPs_Ef7FzsO6_Y8xmmm7BKeDzH9Liz7b5dTrNovGoEg0ZuWI5rNniboAnoxzaxemzA_IvknTxY-OsOgnuuSl4ECvTT_Cays3CWt3WxAdioPUzrAJjE3xS-66IHcI79jxqmkq9nyAN6W1k/" style="margin-left: 1em; margin-right: 1em;"><img alt="" data-original-height="219" data-original-width="327" height="214" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPs_Ef7FzsO6_Y8xmmm7BKeDzH9Liz7b5dTrNovGoEg0ZuWI5rNniboAnoxzaxemzA_IvknTxY-OsOgnuuSl4ECvTT_Cays3CWt3WxAdioPUzrAJjE3xS-66IHcI79jxqmkq9nyAN6W1k/" width="320" /></a></div><br /><br style="box-sizing: inherit;" /> <p></p><p align="justify" style="background-color: white; box-sizing: inherit; color: #333333; font-family: "PT Sans", sans-serif; font-size: 17.3333px; margin: 0px 0px 10px;">Untuk pengaktifkan DHCP Client, definisikan parameter interface dengan interface yang terhubung ke DHCP Server, atau dalam kasus ini adalah interface yang terhubung ke ISP.</p><p align="justify" style="background-color: white; box-sizing: inherit; color: #333333; font-family: "PT Sans", sans-serif; font-size: 17.3333px; margin: 0px 0px 10px;">Karena kita ingin semua traffic ke internet menggunakan jalur koneksi dari ISP, maka Use-Peer-DNS=yes dan Add-Default-Route=yes.<br style="box-sizing: inherit;" /></p><p align="justify" style="background-color: white; box-sizing: inherit; color: #333333; font-family: "PT Sans", sans-serif; font-size: 17.3333px; margin: 0px 0px 10px;">Terdapat beberapa parameter yang bisa disesuaikan dengan kebutuhan jaringan;<br style="box-sizing: inherit;" /></p><div align="justify" style="background-color: white; box-sizing: inherit; color: #333333; font-family: "PT Sans", sans-serif; font-size: 17.3333px;"><ul style="box-sizing: inherit; margin-bottom: 10px; margin-top: 0px;"><li style="box-sizing: inherit;"><em style="box-sizing: inherit;">Interface</em> : Pilihlah interface yang sesuai yang terkoneksi ke DHCP Server</li><li style="box-sizing: inherit;"><em style="box-sizing: inherit;">Use-Peer-DNS</em> : Bila kita hendak menggunakan DNS server sesuai dengan informasi DHCP </li><li style="box-sizing: inherit;"><em style="box-sizing: inherit;">Use-Peer-NTP </em>: Bila kita hendak menggunakan informasi pengaturan waktu di router (NTP) sesuai dengan informasi dari DHCP</li><li style="box-sizing: inherit;"><em style="box-sizing: inherit;">Add-Default-Route </em>: Bila kita menginginkan default route kita mengarah sesuai dengan informasi DHCP<br style="box-sizing: inherit;" /></li><li style="box-sizing: inherit;"><em style="box-sizing: inherit;">Default-Route-Distance</em> : Menentukan nilai Distance pada rule routing yang dibuat secara otomatis. Akan aktif jika <em style="box-sizing: inherit;">add-default-route=yes</em><br style="box-sizing: inherit;" /></li></ul></div><p align="justify" style="background-color: white; box-sizing: inherit; color: #333333; font-family: "PT Sans", sans-serif; font-size: 17.3333px; margin: 0px 0px 10px;">Sampai langkah ini, seharunya Router sudah bisa akses ke internet. Selanjutnya lakukan setting DHCP Server untuk distribusi IP Address ke arah jaringan lokal /LAN.</p><p align="justify" style="background-color: white; box-sizing: inherit; color: #333333; font-family: "PT Sans", sans-serif; font-size: 17.3333px; margin: 0px 0px 10px;"><br /></p><p align="justify" style="background-color: white; box-sizing: inherit; color: #333333; font-family: "PT Sans", sans-serif; font-size: 17.3333px; margin: 0px 0px 10px;"><br /></p><h3 style="background-color: white; box-sizing: inherit; color: #333333; font-size: 17.3333px; margin: 0px 0px 10px; text-align: left;"><span style="box-sizing: inherit; font-weight: bolder;"><span style="font-family: arial;">Mikrotik sebagai DHCP Server </span></span></h3><p align="justify" style="background-color: white; box-sizing: inherit; color: #333333; font-family: "PT Sans", sans-serif; font-size: 17.3333px; margin: 0px 0px 10px;">DHCP Server akan sangat tepat diterapkan jika pada jaringan memiliki user yang sifatnya dinamis. Dengan jumlah dan personil yang tidak tetap dan selalu berubah. Jika pada kasus ini sifat user seperti itu dapat kita temui pada tamu yang berkunjung.</p><p align="justify" style="background-color: white; box-sizing: inherit; color: #333333; font-family: "PT Sans", sans-serif; font-size: 17.3333px; margin: 0px 0px 10px;">Konfigurasi DHCP Server dapat dilakukan pada menu IP -> DHCP Server -> Klik DHCP Setup<br style="box-sizing: inherit;" /></p><p align="center" style="background-color: white; box-sizing: inherit; color: #333333; font-family: "PT Sans", sans-serif; font-size: 17.3333px; margin: 0px 0px 10px;"></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0IF5bkQaRjrH2OZYsq6hC7I2jiT0tW3EDgLniSvpqpd8SBhUO0lQxxj-tOxMPVZf-nEQn1EqBNLoIJG69Iqan5nWJKIz4vlaqrs2Vjx_NLBD5bu17VEwBtojKWHNeDkn4Jh57YM0m7ZA/" style="margin-left: 1em; margin-right: 1em;"><img alt="" data-original-height="284" data-original-width="400" height="227" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0IF5bkQaRjrH2OZYsq6hC7I2jiT0tW3EDgLniSvpqpd8SBhUO0lQxxj-tOxMPVZf-nEQn1EqBNLoIJG69Iqan5nWJKIz4vlaqrs2Vjx_NLBD5bu17VEwBtojKWHNeDkn4Jh57YM0m7ZA/" width="320" /></a></div><br /><br style="box-sizing: inherit;" /><p></p><p align="justify" style="background-color: white; box-sizing: inherit; color: #333333; font-family: "PT Sans", sans-serif; font-size: 17.3333px; margin: 0px 0px 10px;">Dengan menekan tombol DHCP Setup, wizard DHCP akan menuntun kita untuk melakukan setting dengan menampilkan kotak-kotak dialog pada setiap langkah nya. </p><p align="center" style="background-color: white; box-sizing: inherit; color: #333333; font-family: "PT Sans", sans-serif; font-size: 17.3333px; margin: 0px 0px 10px;"> </p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI050C0Z91qljUXZ6q29Nz7X4HQ-sfoOWlEVrapZlWio587gRXyl97k5hF8dNjQzXzb9-hze-s1TUHn8QFfyfXuqij1IpN3D6-GDhlk1IuJbKz-ssuDXTkwyTSnOR8QLolX3RbnoJgDlU/" style="margin-left: 1em; margin-right: 1em;"><img alt="" data-original-height="136" data-original-width="282" height="154" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI050C0Z91qljUXZ6q29Nz7X4HQ-sfoOWlEVrapZlWio587gRXyl97k5hF8dNjQzXzb9-hze-s1TUHn8QFfyfXuqij1IpN3D6-GDhlk1IuJbKz-ssuDXTkwyTSnOR8QLolX3RbnoJgDlU/" width="320" /></a></div><br /><p></p><p align="justify" style="background-color: white; box-sizing: inherit; color: #333333; font-family: "PT Sans", sans-serif; font-size: 17.3333px; margin: 0px 0px 10px;">Langkah pertam, kita diminta untuk menentukan di interface mana DHCP Server akan aktif. Pada kasus ini DHCP Server diaktifkan pada ether3. Selanjutnya Klik Next</p><p align="center" style="background-color: white; box-sizing: inherit; color: #333333; font-family: "PT Sans", sans-serif; font-size: 17.3333px; margin: 0px 0px 10px;"></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqbpShuzYtYcEKsKtA0qBQG3dhzU4E7FMdSpLBN3MAYHtRBoHwQ3LUcGPa75lLarEtDNOwdoAM4coEM0Br0EqNbNlw8IaoPGyoatYIBqCiUKFZwLBcfFIlNtzd1SSQFntEKNL4a5YFs38/" style="margin-left: 1em; margin-right: 1em;"><img alt="" data-original-height="136" data-original-width="282" height="154" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqbpShuzYtYcEKsKtA0qBQG3dhzU4E7FMdSpLBN3MAYHtRBoHwQ3LUcGPa75lLarEtDNOwdoAM4coEM0Br0EqNbNlw8IaoPGyoatYIBqCiUKFZwLBcfFIlNtzd1SSQFntEKNL4a5YFs38/" width="320" /></a></div><br /><p></p><p align="justify" style="background-color: white; box-sizing: inherit; color: #333333; font-family: "PT Sans", sans-serif; font-size: 17.3333px; margin: 0px 0px 10px;">Sebelumnya pada ether3 sudah dipasang IP Address 192.168.4.0/24. Maka pada langkah kedua, penentuan DHCP Address Space akan otomatis mengambil segment IP yang sama. Jika interface sebelumnya belum terdapat IP, bisa ditentukan manual pada langkah ini.</p><p align="center" style="background-color: white; box-sizing: inherit; color: #333333; font-family: "PT Sans", sans-serif; font-size: 17.3333px; margin: 0px 0px 10px;"></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2ydCCPkIgciUQov2FFLX6EkF_pvNL6prMrKqDeUhjrLW93WHy9ulhY0io80fYnJSEQv9sMAKf4hHzgc2u-vUTUBhoDt7SdSL-o_WIdbT-8WAanOdz5IMdJ04kDrHcSjuP4ctkjna1qyQ/" style="margin-left: 1em; margin-right: 1em;"><img alt="" data-original-height="136" data-original-width="282" height="154" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2ydCCPkIgciUQov2FFLX6EkF_pvNL6prMrKqDeUhjrLW93WHy9ulhY0io80fYnJSEQv9sMAKf4hHzgc2u-vUTUBhoDt7SdSL-o_WIdbT-8WAanOdz5IMdJ04kDrHcSjuP4ctkjna1qyQ/" width="320" /></a></div><br /><p></p><p align="justify" style="background-color: white; box-sizing: inherit; color: #333333; font-family: "PT Sans", sans-serif; font-size: 17.3333px; margin: 0px 0px 10px;">Selanjutnya, kita diminta menentukan IP Address yang akan digunakan sebagai default-gateway oleh DHCP Client nantinya. Secara otomatis wizard akan menggunakan IP Address yang terpasang pada interface ether3.</p><p align="center" style="background-color: white; box-sizing: inherit; color: #333333; font-family: "PT Sans", sans-serif; font-size: 17.3333px; margin: 0px 0px 10px;"></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeYA83eVDTPaXTxzZfhkzsOIW_9Nl230srBplRgh4tRAfQGxqcZZ43-Dd3RacnerDWdsBFIatHVHOfl5Clpclbb68lcwALnSkGOaP3Rp5AhcWBLvH8J4kpJFE0YxRjsjCyQojEmem5QkY/" style="margin-left: 1em; margin-right: 1em;"><img alt="" data-original-height="136" data-original-width="321" height="136" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeYA83eVDTPaXTxzZfhkzsOIW_9Nl230srBplRgh4tRAfQGxqcZZ43-Dd3RacnerDWdsBFIatHVHOfl5Clpclbb68lcwALnSkGOaP3Rp5AhcWBLvH8J4kpJFE0YxRjsjCyQojEmem5QkY/" width="320" /></a></div><br /><p></p><p align="justify" style="background-color: white; box-sizing: inherit; color: #333333; font-family: "PT Sans", sans-serif; font-size: 17.3333px; margin: 0px 0px 10px;">Tentukan IP Address yang akan di-distribusikan ke Client. Secara otomatis wizard akan mengisikan host ip pada segment yang telah digunakan. Pada contoh ini, IP 192.168.4.1 tidak masuk dalam Addresses To Give Out, sebab IP tersebut sudah digunakan sebagai gateway dan tidak akan di-distribusikan ke Client.</p><p align="center" style="background-color: white; box-sizing: inherit; color: #333333; font-family: "PT Sans", sans-serif; font-size: 17.3333px; margin: 0px 0px 10px;"></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-ccM2NECU94PkUQLsGZVXlrpsaYNPrxbuCltu_ZsL7in_oeWlj-84ZpsIpBoLEa72vczyGKBdovBXZe6G2dcb9WxjlLy4MHpiMMJ8pkS7MrRkDeKwXxB49jrJ1bV16feVwM7jq78Y7EY/" style="margin-left: 1em; margin-right: 1em;"><img alt="" data-original-height="162" data-original-width="321" height="161" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-ccM2NECU94PkUQLsGZVXlrpsaYNPrxbuCltu_ZsL7in_oeWlj-84ZpsIpBoLEa72vczyGKBdovBXZe6G2dcb9WxjlLy4MHpiMMJ8pkS7MrRkDeKwXxB49jrJ1bV16feVwM7jq78Y7EY/" width="320" /></a></div><br /><p></p><p align="justify" style="background-color: white; box-sizing: inherit; color: #333333; font-family: "PT Sans", sans-serif; font-size: 17.3333px; margin: 0px 0px 10px;">Kita harus menentukan juga, nantinya DHCP Client akan melakukan rquest DNS ke server mana. Secara otomatis wizard akan mengambil informasi setting DNS yang telah dilakukan pada menu /ip dns . Tetapi bisa juga jika kita ingin menentukan request DNS Client ke server tertentu.</p><p align="center" style="background-color: white; box-sizing: inherit; color: #333333; font-family: "PT Sans", sans-serif; font-size: 17.3333px; margin: 0px 0px 10px;"></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUQrAAEQ0fvBvg4GCQVZU-6WY93RnqvGihRgpZe0a5xjua8oo0F0qEu9pMv1bw1uHXObmWcdBw-uMtr49l1EVEZsyrVvVbUdYC2ZgFzx7N5Fxf2QJg4NgrJ8vsLiO-wtMsMtTPujvFj5E/" style="margin-left: 1em; margin-right: 1em;"><img alt="" data-original-height="162" data-original-width="321" height="161" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUQrAAEQ0fvBvg4GCQVZU-6WY93RnqvGihRgpZe0a5xjua8oo0F0qEu9pMv1bw1uHXObmWcdBw-uMtr49l1EVEZsyrVvVbUdYC2ZgFzx7N5Fxf2QJg4NgrJ8vsLiO-wtMsMtTPujvFj5E/" width="320" /></a></div><br /><p></p><p align="justify" style="background-color: white; box-sizing: inherit; color: #333333; font-family: "PT Sans", sans-serif; font-size: 17.3333px; margin: 0px 0px 10px;">Langkah terakhir kita diminta untuk menentukan Lease-Time, yaitu berapa lama waktu sebuah IP Address akan dipinjamkan ke Client. Untuk menghindari penuh / kehabisan IP, setting Lease-Time jangan terlalu lama, misalkan 1 hari saja.<br style="box-sizing: inherit;" /></p><p align="justify" style="background-color: white; box-sizing: inherit; color: #333333; font-family: "PT Sans", sans-serif; font-size: 17.3333px; margin: 0px 0px 10px;">Sampai langkah ini, jika di klik Next akan tertampil pesan yang menyatakan bahwa setting DHCP telah selesai.</p><p align="center" style="background-color: white; box-sizing: inherit; color: #333333; font-family: "PT Sans", sans-serif; font-size: 17.3333px; margin: 0px 0px 10px;"></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjli6sCelx38E-n3rHhOak88ohae2_XMnQdTvvfl-diiWEKNKclODwds-tVfh4Rl8hZBLktTFnLaT733NI_iLbKEsgYI0CEuVHTH5Tskon11MBycDKP5-i-o6kXjG36FUA9YyOvC_JLm6Y/" style="margin-left: 1em; margin-right: 1em;"><img alt="" data-original-height="94" data-original-width="192" height="157" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjli6sCelx38E-n3rHhOak88ohae2_XMnQdTvvfl-diiWEKNKclODwds-tVfh4Rl8hZBLktTFnLaT733NI_iLbKEsgYI0CEuVHTH5Tskon11MBycDKP5-i-o6kXjG36FUA9YyOvC_JLm6Y/" width="320" /></a></div><br /> <br style="box-sizing: inherit;" /><p></p><p align="justify" style="background-color: white; box-sizing: inherit; color: #333333; font-family: "PT Sans", sans-serif; font-size: 17.3333px; margin: 0px 0px 10px;">Untuk melakukan percobaan, hubungkan PC ke ether3 kemudian ubah pengaturan IP PC pada posisi "obtain an IP address automatically" .<br style="box-sizing: inherit;" /></p><p align="center" style="background-color: white; box-sizing: inherit; color: #333333; font-family: "PT Sans", sans-serif; font-size: 17.3333px; margin: 0px 0px 10px;"></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzAULvYoDoSMsKRTQZXJ3ygGXG7n0obTMZBJs9BhRPzlSNI7HRszjELHrd5h-ODTBXo5MHpwPVpxPiWa21iejy5YZbgPkXHeadcOvIiUVBFT60wI46GU8RyhOLk1bpKUfxL18sl0jc7io/" style="margin-left: 1em; margin-right: 1em;"><img alt="" data-original-height="400" data-original-width="359" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzAULvYoDoSMsKRTQZXJ3ygGXG7n0obTMZBJs9BhRPzlSNI7HRszjELHrd5h-ODTBXo5MHpwPVpxPiWa21iejy5YZbgPkXHeadcOvIiUVBFT60wI46GU8RyhOLk1bpKUfxL18sl0jc7io/" width="215" /></a></div><br /><br style="box-sizing: inherit;" /><p></p><p align="justify" style="background-color: white; box-sizing: inherit; color: #333333; font-family: "PT Sans", sans-serif; font-size: 17.3333px; margin: 0px 0px 10px;">Seharusnya Laptop akan mendapatkan assign IP otomatis dari Router. Perhatikan expired time, seharusnya sama dengan parameter Lease-Time yang sudah ditentukan pada DHCP Server.<br style="box-sizing: inherit;" /></p><p style="background-color: white; box-sizing: inherit; color: #333333; font-family: "PT Sans", sans-serif; font-size: 17.3333px; margin: 0px 0px 10px;"><span style="box-sizing: inherit; font-weight: bolder;">DHCP Leases</span></p><p align="justify" style="background-color: white; box-sizing: inherit; color: #333333; font-family: "PT Sans", sans-serif; font-size: 17.3333px; margin: 0px 0px 10px;">Daftar perangkat yang sudah diberikan IP secara otomatis akan ada pada /ip dhcp-server leases.<br style="box-sizing: inherit;" /></p><p align="justify" style="background-color: white; box-sizing: inherit; color: #333333; font-family: "PT Sans", sans-serif; font-size: 17.3333px; margin: 0px 0px 10px;">Secara default, ip address yang akan diberikan ke client diurutkan dari belakang (192.168.4.254). Akan tetapi, kita juga bisa melakukan pengaturan agar sebuah IP hanya akan dipinjamkan ke Client tertentu. Misalnya, jika Client-A melakukan request DHCP, maka Server akan selalu memberikan IP 192.168.4.254. </p><p align="justify" style="background-color: white; box-sizing: inherit; color: #333333; font-family: "PT Sans", sans-serif; font-size: 17.3333px; margin: 0px 0px 10px;">Konsep tersebut dapat diterapkan dengan menggunakan Static Leases. Ide dasarnya adalah melakukan reservasi sebuah IP Address untuk sebuah MAC Address tertentu. Ada 2 cara konfigurasi yang bisa dilakukan.</p><p align="justify" style="background-color: white; box-sizing: inherit; color: #333333; font-family: "PT Sans", sans-serif; font-size: 17.3333px; margin: 0px 0px 10px;">Pertama, dengan melihat dari daftar perangkat yang ada pada tab Leases. Jika dilakukan dengan cara ini client harus sudah mendapat IP Address dahulu.</p><p align="center" style="background-color: white; box-sizing: inherit; color: #333333; font-family: "PT Sans", sans-serif; font-size: 17.3333px; margin: 0px 0px 10px;"><img alt="" height="443" src="http://www.mikrotik.co.id/images/artikel/DHCP/Lease-Oto.png" style="border: 0px none; box-sizing: inherit; vertical-align: middle;" title="" width="384" /></p><p style="background-color: white; box-sizing: inherit; color: #333333; font-family: "PT Sans", sans-serif; font-size: 17.3333px; margin: 0px 0px 10px;">Cara kedua dengan menambahkan secara manual pada tab Leases.</p><p align="center" style="background-color: white; box-sizing: inherit; color: #333333; font-family: "PT Sans", sans-serif; font-size: 17.3333px; margin: 0px 0px 10px;"><img alt="" height="125" src="http://www.mikrotik.co.id/images/artikel/DHCP/Lease.png" style="border: 0px none; box-sizing: inherit; vertical-align: middle;" title="" width="381" /><br style="box-sizing: inherit;" /></p><p align="center" style="background-color: white; box-sizing: inherit; color: #333333; font-family: "PT Sans", sans-serif; font-size: 17.3333px; margin: 0px 0px 10px;"><img alt="" height="392" src="http://www.mikrotik.co.id/images/artikel/DHCP/Lease-Manu.png" style="border: 0px none; box-sizing: inherit; vertical-align: middle;" title="" width="363" /></p><p align="justify" style="background-color: white; box-sizing: inherit; color: #333333; font-family: "PT Sans", sans-serif; font-size: 17.3333px; margin: 0px 0px 10px;">Selain dapat digunakan untuk reservasi IP Address, Static Leases juga bisa digunakan untuk menentukan :</p><div align="justify" style="background-color: white; box-sizing: inherit; color: #333333; font-family: "PT Sans", sans-serif; font-size: 17.3333px;"><ul style="box-sizing: inherit; margin-bottom: 10px; margin-top: 0px;"><li style="box-sizing: inherit;">Lease-Time yang berbeda untuk tiap MAC Address (Client) </li><li style="box-sizing: inherit;">Limitasi bandwidth (rate-limit) , jika ditentukan maka rule simpe queue akan secara otomatis muncul ketika client mendapat assign IP dari server.</li><li style="box-sizing: inherit;">Melakukan blocking MAC Address tertentu agar tidak bisa mendapat pinjaman IP, dengan opsi "Block-Access=yes".<br style="box-sizing: inherit;" /></li></ul></div><p align="justify" style="background-color: white; box-sizing: inherit; color: #333333; font-family: "PT Sans", sans-serif; font-size: 17.3333px; margin: 0px 0px 10px;">Jadi, selain dapat mendistribusikan IP secara otomatis, dengan DHCP Server juga dapat melakukan manajemen terhadap DHCP Client dengan menggunakan Static Leases.<br style="box-sizing: inherit;" /></p><div><br /></div><div><br /></div><div>http://www.mikrotik.co.id/artikel_lihat.php?id=122</div>Sugihttp://www.blogger.com/profile/02539124289966867602noreply@blogger.com0tag:blogger.com,1999:blog-5305341170081722001.post-24573776952270444992020-11-09T19:17:00.003-08:002020-11-09T19:17:46.460-08:00Setting Access Point wifi Tp Link WR 840n<p> </p><h1 itemprop="headline" style="border: medium none; color: #111111; font-family: Merriweather, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 30px; letter-spacing: 0px; line-height: 1.4444; list-style: outside none none; margin: 0px 0px 10px; outline: none medium; padding: 0px; word-spacing: 1px;">Setting Access Point wifi Tp Link WR 840n</h1><div class="post_meta" style="background-attachment: initial; background-clip: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: none; color: #6c6c6c; font-family: Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 16px; letter-spacing: 0.16px; margin-bottom: 20px; padding: 0px;"><br /></div><div class="post-body"><div dir="ltr" trbidi="on"><div style="color: #6c6c6c; font-family: Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 16px; letter-spacing: 0.16px; text-align: justify;"><b style="background-color: white; border: 0px; box-sizing: border-box; font-family: Roboto, sans-serif; font-size: 15.2px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Tp-Link TL-WR840N</b><span style="background-color: white; border: medium none; font-family: roboto, sans-serif; font-size: 15.2px; list-style: outside none none; margin: 0px; outline: none medium; padding: 0px;"> merupakan sebuah perangkat yang bisa digunakan sebagai pemancar WiFi di sekitar rumah, karena TP-Link yang saya gunakan ini hanya mampu memancarkan sinyal hanya beberapa meter saja, jadi sangat cocok buat jaringan sekitar ruang rumah. Adapun supaya jaringannya bisa lebih luas kita bisa menambah alat lagi seperti Tp-Link TL-WA801ND sebagai </span><i style="background-color: white; border: 0px; box-sizing: border-box; font-family: Roboto, sans-serif; font-size: 15.2px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">repeater</i><span style="background-color: white; border: medium none; font-family: roboto, sans-serif; font-size: 15.2px; list-style: outside none none; margin: 0px; outline: none medium; padding: 0px;">.</span></div><div style="color: #6c6c6c; font-family: Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 16px; letter-spacing: 0.16px; text-align: justify;"><span style="background-color: white; border: medium none; font-family: roboto, sans-serif; font-size: 15.2px; list-style: outside none none; margin: 0px; outline: none medium; padding: 0px; text-align: left;">Secara umum Tp-Link TL-WR840N memiliki spesifikasi Wireless dengan kecepatan </span><u style="background-color: white; border: 0px; box-sizing: border-box; font-family: Roboto, sans-serif; font-size: 15.2px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: left; vertical-align: baseline;">300 Mbps</u><span style="background-color: white; border: medium none; font-family: roboto, sans-serif; font-size: 15.2px; list-style: outside none none; margin: 0px; outline: none medium; padding: 0px; text-align: left;">. Terdapat 5 port pada bagian belakang, yaitu 1 port WAN dan 4 port LAN. Pada bagian belakang ada sebuah lubang paku yang berfungsi ketika mau letakkan Tp-Link di dinding jadi tambah mudah dan praktis.</span><br /><span style="background-color: white; border: medium none; font-family: roboto, sans-serif; font-size: 15.2px; list-style: outside none none; margin: 0px; outline: none medium; padding: 0px; text-align: left;">Bagi kalian yang baru pertama kali menggunakannya, perlu melakukan setting / pengaturan terlebih dahulu menggunakan pc atau laptop. Setelah semua kabel LAN dan WAN terpasang dengan benar di Tp-Link TL-WR840N, berikutnya kalian colokkan kabel LAN dari TP-Link ke Komputer.</span></div><div style="color: #6c6c6c; font-family: Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 16px; letter-spacing: 0.16px; text-align: justify;"><span style="background-color: white; border: medium none; font-family: roboto, sans-serif; font-size: 15.2px; list-style: outside none none; margin: 0px; outline: none medium; padding: 0px; text-align: left;"><br /></span></div><div style="color: #6c6c6c; font-family: Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 16px; letter-spacing: 0.16px; text-align: justify;"><span style="background-color: white; border: 0px; box-sizing: border-box; font-family: roboto, sans-serif; font-size: medium; font-stretch: inherit; line-height: inherit; list-style: outside none none; margin: 0px; outline: none medium; padding: 0px; text-align: left; vertical-align: baseline;"><b style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Cara Setting dan Memberi Password WiFi</b></span><br /><span style="background-color: white; border: medium none; font-family: roboto, sans-serif; font-size: 15.2px; list-style: outside none none; margin: 0px; outline: none medium; padding: 0px; text-align: left;">1. Pertama kita konfigurasi dahulu IP PC/Laptop</span><br /><span style="background-color: white; border: medium none; font-family: roboto, sans-serif; font-size: 15.2px; list-style: outside none none; margin: 0px; outline: none medium; padding: 0px; text-align: left;">- Buka Control Panel > </span><b style="background-color: white; border: 0px; box-sizing: border-box; font-family: Roboto, sans-serif; font-size: 15.2px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: left; vertical-align: baseline;">Network and Internet</b><span style="background-color: white; border: medium none; font-family: roboto, sans-serif; font-size: 15.2px; list-style: outside none none; margin: 0px; outline: none medium; padding: 0px; text-align: left;"> > Network and Sharing Center</span></div><div class="separator" style="clear: both; color: #6c6c6c; font-family: Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 16px; letter-spacing: 0.16px; text-align: center;"></div><div class="separator" style="clear: both; color: #6c6c6c; font-family: Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 16px; letter-spacing: 0.16px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmrBnSE6ZVR_t2TSI7BXTKO0WGKkGYTRSShVOp8u55MG4l7VdKOtJZyMGbUZ4lR5TPlifqrs-IDPadFMCL2NPUbPk9enG811RkZuP7nl96f6rrJFSZftbQMjdhusiWvKzdfYXkVPhBEMc_/s1600/TP+LING+1.jpg" imageanchor="1" style="border: medium none; color: #aaaaaa; list-style: outside none none; margin: 0px 1em; outline: none medium; padding: 0px; text-decoration-line: none;"><img alt="Setting Access Point wifi Tp Link WR 840n" border="0" data-original-height="563" data-original-width="1600" height="224" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmrBnSE6ZVR_t2TSI7BXTKO0WGKkGYTRSShVOp8u55MG4l7VdKOtJZyMGbUZ4lR5TPlifqrs-IDPadFMCL2NPUbPk9enG811RkZuP7nl96f6rrJFSZftbQMjdhusiWvKzdfYXkVPhBEMc_/s640/TP+LING+1.jpg" style="border: medium none; height: auto; list-style: outside none none; margin: 0px; max-width: 100%; outline: none medium; padding: 0px;" title="Setting Access Point wifi Tp Link WR 840n" width="640" /></a></div><div style="color: #6c6c6c; font-family: Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 16px; letter-spacing: 0.16px; text-align: justify;"><span style="background-color: white; border: medium none; font-family: roboto, sans-serif; font-size: 15.2px; list-style: outside none none; margin: 0px; outline: none medium; padding: 0px; text-align: left;"><br /></span></div><div style="color: #6c6c6c; font-family: Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 16px; letter-spacing: 0.16px; text-align: justify;"><span style="background-color: white; border: medium none; font-family: roboto, sans-serif; font-size: 15.2px; list-style: outside none none; margin: 0px; outline: none medium; padding: 0px; text-align: left;">- </span><b style="background-color: white; border: 0px; box-sizing: border-box; font-family: Roboto, sans-serif; font-size: 15.2px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: left; vertical-align: baseline;">Change Adapter Setting</b><span style="background-color: white; border: medium none; font-family: roboto, sans-serif; font-size: 15.2px; list-style: outside none none; margin: 0px; outline: none medium; padding: 0px; text-align: left;"> > klik kanan pada Local Area Connection > </span><b style="background-color: white; border: 0px; box-sizing: border-box; font-family: Roboto, sans-serif; font-size: 15.2px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: left; vertical-align: baseline;">Properties</b></div><div style="color: #6c6c6c; font-family: Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 16px; letter-spacing: 0.16px; text-align: justify;"><b style="background-color: white; border: 0px; box-sizing: border-box; font-family: Roboto, sans-serif; font-size: 15.2px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: left; vertical-align: baseline;"><span style="border: medium none; font-size: 15.2px; font-weight: 400; list-style: outside none none; margin: 0px; outline: none medium; padding: 0px;">- Pilih </span><b style="border: 0px; box-sizing: border-box; font-size: 15.2px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Internet Protocol Version 4</b><span style="border: medium none; font-size: 15.2px; font-weight: 400; list-style: outside none none; margin: 0px; outline: none medium; padding: 0px;"> > Properties</span></b></div><div class="separator" style="clear: both; color: #6c6c6c; font-family: Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 16px; letter-spacing: 0.16px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf8wfoftlu3gfYAWTGR-RpO4x2jpznpwydHG6fIod3Y4HbfxIcN3vdUfT7J0tbuO4_3LQEzxcGn3s5IQ738s9CAohZHxRLtG5-2yuEY6Svml8INPr8X0TyF4YlLkJ0bHmZc0z_o8C_vCBw/s1600/TP-LINK+2.jpg" imageanchor="1" style="border: medium none; color: #aaaaaa; list-style: outside none none; margin: 0px 1em; outline: none medium; padding: 0px; text-decoration-line: none;"><img alt="Setting Access Point wifi Tp Link WR 840n" border="0" data-original-height="651" data-original-width="863" height="301" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf8wfoftlu3gfYAWTGR-RpO4x2jpznpwydHG6fIod3Y4HbfxIcN3vdUfT7J0tbuO4_3LQEzxcGn3s5IQ738s9CAohZHxRLtG5-2yuEY6Svml8INPr8X0TyF4YlLkJ0bHmZc0z_o8C_vCBw/s400/TP-LINK+2.jpg" style="border: medium none; height: auto; list-style: outside none none; margin: 0px; max-width: 100%; outline: none medium; padding: 0px;" title="Setting Access Point wifi Tp Link WR 840n" width="400" /></a></div><div style="color: #6c6c6c; font-family: Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 16px; letter-spacing: 0.16px; text-align: justify;"><b style="background-color: white; border: 0px; box-sizing: border-box; font-family: Roboto, sans-serif; font-size: 15.2px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: left; vertical-align: baseline;"><br /></b></div><div style="color: #6c6c6c; font-family: Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 16px; letter-spacing: 0.16px; text-align: justify;"><b style="background-color: white; border: 0px; box-sizing: border-box; font-family: Roboto, sans-serif; font-size: 15.2px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: left; vertical-align: baseline;"><br /></b></div><div style="color: #6c6c6c; font-family: Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 16px; letter-spacing: 0.16px; text-align: justify;"><span style="background-color: white; border: medium none; font-family: roboto, sans-serif; font-size: 15.2px; list-style: outside none none; margin: 0px; outline: none medium; padding: 0px; text-align: left;">- Klik Use the following IP Address, kemudian masukkan IP adress : 192.168.0.100 > Ok</span></div><div style="color: #6c6c6c; font-family: Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 16px; letter-spacing: 0.16px; text-align: justify;"><span style="background-color: white; border: medium none; font-family: roboto, sans-serif; font-size: 15.2px; list-style: outside none none; margin: 0px; outline: none medium; padding: 0px; text-align: left;"><br /></span></div><div style="color: #6c6c6c; font-family: Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 16px; letter-spacing: 0.16px; text-align: justify;"><span style="background-color: white; border: medium none; font-family: roboto, sans-serif; font-size: 15.2px; list-style: outside none none; margin: 0px; outline: none medium; padding: 0px; text-align: left;">2. Selatjutnya kita setting TP-Link dengan cara log in terlebih dahulu melalui alamat 192.168.0.1 menggunakan browser Chrome atau Firefox dan lainnya.</span></div><div class="separator" style="clear: both; color: #6c6c6c; font-family: Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 16px; letter-spacing: 0.16px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi23-8E1vMlqUA8yfV-pmgn4_gyn1WWh3AwtjHd02Wi7MeEdAYwKLvZO4F_ZoPb6DCXQk4R6eA8hBIi8eTt0urRxD8-Zg-beQFZam5xdutv5vlQyjzVSGc4JkA4XGcuI_bxC9e_BY8tWUqJ/s1600/TP-LINK+3.jpg" imageanchor="1" style="border: medium none; color: #aaaaaa; list-style: outside none none; margin: 0px 1em; outline: none medium; padding: 0px; text-decoration-line: none;"><img alt="Setting Access Point wifi Tp Link WR 840n" border="0" data-original-height="328" data-original-width="640" height="205" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi23-8E1vMlqUA8yfV-pmgn4_gyn1WWh3AwtjHd02Wi7MeEdAYwKLvZO4F_ZoPb6DCXQk4R6eA8hBIi8eTt0urRxD8-Zg-beQFZam5xdutv5vlQyjzVSGc4JkA4XGcuI_bxC9e_BY8tWUqJ/s400/TP-LINK+3.jpg" style="border: medium none; height: auto; list-style: outside none none; margin: 0px; max-width: 100%; outline: none medium; padding: 0px;" title="Setting Access Point wifi Tp Link WR 840n" width="400" /></a></div><div class="separator" style="clear: both; color: #6c6c6c; font-family: Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 16px; letter-spacing: 0.16px; text-align: center;"><br /></div><div style="color: #6c6c6c; font-family: Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 16px; letter-spacing: 0.16px; text-align: justify;"><span style="background-color: white; border: medium none; font-family: roboto, sans-serif; font-size: 15.2px; list-style: outside none none; margin: 0px; outline: none medium; padding: 0px; text-align: left;">➧Username dan Password bawaan pabrik adalah "</span><i style="background-color: white; border: 0px; box-sizing: border-box; font-family: Roboto, sans-serif; font-size: 15.2px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: left; vertical-align: baseline;"><b style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">admin</b></i><span style="background-color: white; border: medium none; font-family: roboto, sans-serif; font-size: 15.2px; list-style: outside none none; margin: 0px; outline: none medium; padding: 0px; text-align: left;">"</span><br /><br style="background-color: white; box-sizing: border-box; font-family: Roboto, sans-serif; font-size: 15.2px; margin: 0px; padding: 0px; text-align: left;" /><span style="background-color: white; border: medium none; font-family: roboto, sans-serif; font-size: 15.2px; list-style: outside none none; margin: 0px; outline: none medium; padding: 0px; text-align: left;">Apabila tidak bisa login menggunakan Chrome ganti dengan browser Firefox, kalau masih belum bisa coba bersihkan riwayat dan data penjelajahan dahulu dengan cara ketik di keyboard Ctrl+Shift+Del.</span><br /><br style="background-color: white; box-sizing: border-box; font-family: Roboto, sans-serif; font-size: 15.2px; margin: 0px; padding: 0px; text-align: left;" /><span style="background-color: white; border: medium none; font-family: roboto, sans-serif; font-size: 15.2px; list-style: outside none none; margin: 0px; outline: none medium; padding: 0px; text-align: left;">Berdasarkan pengalaman kalau tetap belum bisa di klik tombol login maupun mengisikan username, coba matikan dulu Tp-Link dengan cara melepas sambungan colokan listrik, kemudian nyalakan kembali. </span><br /><br style="background-color: white; box-sizing: border-box; font-family: Roboto, sans-serif; font-size: 15.2px; margin: 0px; padding: 0px; text-align: left;" /><span style="background-color: white; border: medium none; font-family: roboto, sans-serif; font-size: 15.2px; list-style: outside none none; margin: 0px; outline: none medium; padding: 0px; text-align: left;">- Setelah bisa login ke TP-Link, kalian buka menu </span><b style="background-color: white; border: 0px; box-sizing: border-box; font-family: Roboto, sans-serif; font-size: 15.2px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: left; vertical-align: baseline;">Wireless</b><span style="background-color: white; border: medium none; font-family: roboto, sans-serif; font-size: 15.2px; list-style: outside none none; margin: 0px; outline: none medium; padding: 0px; text-align: left;">.</span></div><div class="separator" style="clear: both; color: #6c6c6c; font-family: Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 16px; letter-spacing: 0.16px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpf-aHZ8iHWrywuR-ignW-HpLyQ0z9FqxYj_IG7rgGOX5Umdei-sHmQ0mSh36FFKegoe6yI682Zzpxz6BG9ioRCWV8Wqy3zuaX3oFQukinPK3MhVw5jpI-x2ARLoLba8zTlLo-kDiQVKVg/s1600/TP-LINK+4.jpg" imageanchor="1" style="border: medium none; color: #aaaaaa; list-style: outside none none; margin: 0px 1em; outline: none medium; padding: 0px; text-decoration-line: none;"><img alt="Setting Access Point wifi Tp Link WR 840n" border="0" data-original-height="403" data-original-width="640" height="251" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpf-aHZ8iHWrywuR-ignW-HpLyQ0z9FqxYj_IG7rgGOX5Umdei-sHmQ0mSh36FFKegoe6yI682Zzpxz6BG9ioRCWV8Wqy3zuaX3oFQukinPK3MhVw5jpI-x2ARLoLba8zTlLo-kDiQVKVg/s400/TP-LINK+4.jpg" style="border: medium none; height: auto; list-style: outside none none; margin: 0px; max-width: 100%; outline: none medium; padding: 0px;" title="Setting Access Point wifi Tp Link WR 840n" width="400" /></a></div><div style="color: #6c6c6c; font-family: Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 16px; letter-spacing: 0.16px; text-align: justify;"><span style="background-color: white; border: medium none; font-family: roboto, sans-serif; font-size: 15.2px; list-style: outside none none; margin: 0px; outline: none medium; padding: 0px; text-align: left;"><br /></span></div><div style="color: #6c6c6c; font-family: Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 16px; letter-spacing: 0.16px; text-align: justify;"><span style="background-color: white; border: medium none; font-family: roboto, sans-serif; font-size: 15.2px; list-style: outside none none; margin: 0px; outline: none medium; padding: 0px; text-align: left;"><br /></span></div><div style="color: #6c6c6c; font-family: Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 16px; letter-spacing: 0.16px; text-align: justify;"><b style="background-color: white; border: 0px; box-sizing: border-box; font-family: Roboto, sans-serif; font-size: 15.2px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: left; vertical-align: baseline;">Wireless Network Name</b><span style="background-color: white; border: medium none; font-family: roboto, sans-serif; font-size: 15.2px; list-style: outside none none; margin: 0px; outline: none medium; padding: 0px; text-align: left;">: Nama WiFi yang akan kalian gunakan.</span><br /><br style="background-color: white; box-sizing: border-box; font-family: Roboto, sans-serif; font-size: 15.2px; margin: 0px; padding: 0px; text-align: left;" /><span style="background-color: white; border: medium none; font-family: roboto, sans-serif; font-size: 15.2px; list-style: outside none none; margin: 0px; outline: none medium; padding: 0px; text-align: left;">- Setting password WiFi supaya tidak sembarang orang mengakses jaringan, pada menu </span><b style="background-color: white; border: 0px; box-sizing: border-box; font-family: Roboto, sans-serif; font-size: 15.2px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: left; vertical-align: baseline;">Wireless Scurity</b><span style="background-color: white; border: medium none; font-family: roboto, sans-serif; font-size: 15.2px; list-style: outside none none; margin: 0px; outline: none medium; padding: 0px; text-align: left;"> > lalu pilih </span><b style="background-color: white; border: 0px; box-sizing: border-box; font-family: Roboto, sans-serif; font-size: 15.2px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: left; vertical-align: baseline;">WPA/WPA2 - Personal</b><span style="background-color: white; border: medium none; font-family: roboto, sans-serif; font-size: 15.2px; list-style: outside none none; margin: 0px; outline: none medium; padding: 0px; text-align: left;">.</span></div><div class="separator" style="clear: both; color: #6c6c6c; font-family: Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 16px; letter-spacing: 0.16px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnYB0R6EAxvkpGBP-TIOMSk03DlIyXfKbuSDLjpVjFn1Q43Y-rwKBs1XjqDcWkKzKmV9rwqhhkFcyJeep3aTq6xQ9-BSr4kTnIf02tFaFAvlpptqRvR5YsTHfa_OCAnxWIST7aEdnTr9E8/s1600/TP-LINK+5.jpg" imageanchor="1" style="border: medium none; color: #aaaaaa; list-style: outside none none; margin: 0px 1em; outline: none medium; padding: 0px; text-decoration-line: none;"><img alt="Setting Access Point wifi Tp Link WR 840n" border="0" data-original-height="640" data-original-width="637" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnYB0R6EAxvkpGBP-TIOMSk03DlIyXfKbuSDLjpVjFn1Q43Y-rwKBs1XjqDcWkKzKmV9rwqhhkFcyJeep3aTq6xQ9-BSr4kTnIf02tFaFAvlpptqRvR5YsTHfa_OCAnxWIST7aEdnTr9E8/s400/TP-LINK+5.jpg" style="border: medium none; height: auto; list-style: outside none none; margin: 0px; max-width: 100%; outline: none medium; padding: 0px;" title="Setting Access Point wifi Tp Link WR 840n" width="397" /></a></div><div style="color: #6c6c6c; font-family: Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 16px; letter-spacing: 0.16px; text-align: justify;"><span style="background-color: white; border: medium none; font-family: roboto, sans-serif; font-size: 15.2px; list-style: outside none none; margin: 0px; outline: none medium; padding: 0px; text-align: left;"><br /></span></div><div style="color: #6c6c6c; font-family: Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 16px; letter-spacing: 0.16px; text-align: justify;"><b style="background-color: white; border: 0px; box-sizing: border-box; font-family: Roboto, sans-serif; font-size: 15.2px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: left; vertical-align: baseline;">Wireless Password</b><span style="background-color: white; border: medium none; font-family: roboto, sans-serif; font-size: 15.2px; list-style: outside none none; margin: 0px; outline: none medium; padding: 0px; text-align: left;">: Tuliskan password WiFi kalian, minimal 8 karakter baik berupa angka, huruf atau campuran. Setelah itu jangan lupa di Save supaya pengeturan tersimpan.</span><br /><br style="background-color: white; box-sizing: border-box; font-family: Roboto, sans-serif; font-size: 15.2px; margin: 0px; padding: 0px; text-align: left;" /><span style="background-color: white; border: medium none; font-family: roboto, sans-serif; font-size: 15.2px; list-style: outside none none; margin: 0px; outline: none medium; padding: 0px; text-align: left;">Kalau menggunakan WiFi kita sudah bisa mengakses jaringan internet, manun untuk jaringan dengan kabel LAN kita perlu mengembalikan pengaturan IP Komputer ke settingan awal. Selelah kembali ke pengeturan seperti gambar dibawah ini, klik </span><u style="background-color: white; border: 0px; box-sizing: border-box; font-family: Roboto, sans-serif; font-size: 15.2px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: left; vertical-align: baseline;">Obtain an IP address automaticaly</u><span style="background-color: white; border: medium none; font-family: roboto, sans-serif; font-size: 15.2px; list-style: outside none none; margin: 0px; outline: none medium; padding: 0px; text-align: left;"> > </span><b style="background-color: white; border: 0px; box-sizing: border-box; font-family: Roboto, sans-serif; font-size: 15.2px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: left; vertical-align: baseline;">Ok</b><span style="background-color: white; border: medium none; font-family: roboto, sans-serif; font-size: 15.2px; list-style: outside none none; margin: 0px; outline: none medium; padding: 0px; text-align: left;">.</span></div><div class="separator" style="clear: both; color: #6c6c6c; font-family: Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 16px; letter-spacing: 0.16px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh37jhFd-tE5V9RS08VPWmDuk8QW4L4lsc47DxUVuhjUIBq0kr4bD6GSrqrVbZhdUWGx7RdDN9OOdpjTbJj4PLGz0zo28XNsz5TZ_fpjenwK7nVNzpvzMCggMuG_hzIr8WpVMzvo8ziJQnO/s1600/TP-LINK+6.jpg" imageanchor="1" style="border: medium none; color: #aaaaaa; list-style: outside none none; margin: 0px 1em; outline: none medium; padding: 0px; text-decoration-line: none;"><img alt="Setting Access Point wifi Tp Link WR 840n" border="0" data-original-height="400" data-original-width="359" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh37jhFd-tE5V9RS08VPWmDuk8QW4L4lsc47DxUVuhjUIBq0kr4bD6GSrqrVbZhdUWGx7RdDN9OOdpjTbJj4PLGz0zo28XNsz5TZ_fpjenwK7nVNzpvzMCggMuG_hzIr8WpVMzvo8ziJQnO/s400/TP-LINK+6.jpg" style="border: medium none; height: auto; list-style: outside none none; margin: 0px; max-width: 100%; outline: none medium; padding: 0px;" title="Setting Access Point wifi Tp Link WR 840n" width="358" /></a></div><div style="color: #6c6c6c; font-family: Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 16px; letter-spacing: 0.16px; text-align: justify;"><span style="background-color: white; border: medium none; font-family: roboto, sans-serif; font-size: 15.2px; list-style: outside none none; margin: 0px; outline: none medium; padding: 0px; text-align: left;"><br /></span></div><div style="color: #6c6c6c; font-family: Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 16px; letter-spacing: 0.16px; text-align: justify;"><span style="background-color: white; border: medium none; font-family: roboto, sans-serif; font-size: 15.2px; list-style: outside none none; margin: 0px; outline: none medium; padding: 0px; text-align: left;">Dengan begitu jaringan WiFi kalian khususnya pengguna TP-Link TL-WR840N sudah aman karena hanya yang mengetahui password yang bisa menggunakan.</span><br /><br style="background-color: white; box-sizing: border-box; font-family: Roboto, sans-serif; font-size: 15.2px; margin: 0px; padding: 0px; text-align: left;" /><span style="background-color: white; border: medium none; font-family: roboto, sans-serif; font-size: 15.2px; list-style: outside none none; margin: 0px; outline: none medium; padding: 0px; text-align: left;">Ya mungkin itu dulu tutorial awal tentang TP-Link TL-WR840N, mungkin kedepannya saya juga akan share seperti </span><i style="background-color: white; border: 0px; box-sizing: border-box; font-family: Roboto, sans-serif; font-size: 15.2px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: left; vertical-align: baseline;"><b style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">caranya mengetahui pengguna lain yang sedang menggunakan WiFi kita</b></i><span style="background-color: white; border: medium none; font-family: roboto, sans-serif; font-size: 15.2px; list-style: outside none none; margin: 0px; outline: none medium; padding: 0px; text-align: left;">, </span><b style="background-color: white; border: 0px; box-sizing: border-box; font-family: Roboto, sans-serif; font-size: 15.2px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: left; vertical-align: baseline;"><i style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">mencekal pengguna hanya situs tertentu</i></b><span style="background-color: white; border: medium none; font-family: roboto, sans-serif; font-size: 15.2px; list-style: outside none none; margin: 0px; outline: none medium; padding: 0px; text-align: left;"> dan lainnya.</span></div><div style="color: #6c6c6c; font-family: Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 16px; letter-spacing: 0.16px; text-align: justify;"><span style="background-color: white; border: medium none; font-family: roboto, sans-serif; font-size: 15.2px; list-style: outside none none; margin: 0px; outline: none medium; padding: 0px; text-align: left;"><br /></span></div><div style="color: #6c6c6c; font-family: Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 16px; letter-spacing: 0.16px; text-align: justify;"><span style="background-color: white; border: medium none; font-family: roboto, sans-serif; font-size: 15.2px; list-style: outside none none; margin: 0px; outline: none medium; padding: 0px; text-align: left;"><br /></span></div><div style="text-align: justify;"><span style="background-color: white; border: medium none; font-size: 15.2px; letter-spacing: 0.16px; list-style: outside none none; margin: 0px; outline: none medium; padding: 0px; text-align: left;"><span style="color: #6c6c6c; font-family: roboto, sans-serif;">https://catatanusangteknisi.blogspot.com/2018/07/setting-access-point-wifi-tp-link-wr.htm<br />l</span></span></div></div></div>Sugihttp://www.blogger.com/profile/02539124289966867602noreply@blogger.com0tag:blogger.com,1999:blog-5305341170081722001.post-83996722029646412252020-11-09T19:01:00.003-08:002020-11-09T19:01:30.502-08:00Point To Point TOTOLINK CP300 <p> </p><header class="post-header" style="-webkit-font-smoothing: antialiased; background-color: #f1f1f1; box-sizing: border-box; color: #111111; font-family: "PT Serif", serif; font-size: 17px; margin-bottom: 30px;"><h1 class="post-title" style="-webkit-font-smoothing: antialiased; border-bottom-color: rgba(0, 0, 0, 0.2); border-bottom-style: solid; border-image: initial; border-left-color: initial; border-left-style: initial; border-right-color: initial; border-right-style: initial; border-top-color: initial; border-top-style: initial; border-width: 0px 0px 1px; box-sizing: border-box; font-family: Merriweather, Georgia, serif; font-size: 2.5em; letter-spacing: -1px; line-height: 1.25em; margin: 0px 0px 10px; padding: 0px 0px 16px; word-break: break-word;">Belajar Point To Point TOTOLINK CP300 (Mode AP-Bridge)</h1></header><figure class="post-image clear-fix" style="-webkit-font-smoothing: antialiased; background-color: #f1f1f1; box-sizing: border-box; clear: both; color: #111111; font-family: "PT Serif", serif; font-size: 17px; margin: 0px 0px 40px; position: relative;"><img class="attachment-rowling-post-image wp-post-image" src="https://myarjunnet.files.wordpress.com/2018/11/image001-e1541229283333.jpg?w=816&h=9999" style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; display: block; font-family: inherit; height: auto; line-height: 1; margin: 0px auto; max-width: 100%; padding: 0px;" title="Belajar Point To Point TOTOLINK CP300 (Mode AP-Bridge)" /></figure><div class="post-meta" style="-webkit-font-smoothing: antialiased; background-color: #f1f1f1; box-sizing: border-box; color: #999999; float: left; font-family: "PT Serif", serif; font-size: 0.875em; font-weight: 700; line-height: 17.85px; margin: 6px 20.1719px 40px 0px; width: 181.625px;"><span class="post-meta-date" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; display: block; margin-bottom: 10px;">Date: <a href="https://myarjunnet.wordpress.com/2018/11/03/belajar-point-to-point-ptp-point-to-multipoint-ptmp/" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; color: #1e74ad; outline: none; text-decoration-line: none; transition: all 0.1s ease-in-out 0s;">3 November 2018</a></span><span class="post-meta-author" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; display: block; margin-bottom: 10px;">Author: <a href="https://myarjunnet.wordpress.com/author/myarjunnet/" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; color: #1e74ad; outline: none; text-decoration-line: none; transition: all 0.1s ease-in-out 0s;">myarjunnet</a></span><span class="post-comments" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; display: block; margin-bottom: 10px;"><a href="https://myarjunnet.wordpress.com/2018/11/03/belajar-point-to-point-ptp-point-to-multipoint-ptmp/#comments" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; color: #1e74ad; outline: none; text-decoration-line: none; transition: all 0.1s ease-in-out 0s;"><span class="fa fw fa-comment" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; display: inline-block; font-family: FontAwesome; font-size: inherit; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; font-weight: normal; line-height: 1; margin-right: 6px; position: relative; text-rendering: auto; top: -1px; transform: translate(0px, 0px);"></span>1<span class="resp" style="-webkit-font-smoothing: antialiased; box-sizing: border-box;"> Komentar</span></a></span></div><div class="post-inner" style="-webkit-font-smoothing: antialiased; background-color: #f1f1f1; box-sizing: border-box; float: right; position: relative; width: 605.422px; z-index: 5;"><div class="post-content" style="-webkit-font-smoothing: antialiased; box-sizing: border-box;"><p data-adtags-visited="true" style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; color: #111111; font-family: inherit; font-size: 1em; line-height: 28.9px; margin: 0px 0px 1.5em; padding: 0px;"> </p><p data-adtags-visited="true" style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; color: #111111; font-family: inherit; font-size: 1em; line-height: 28.9px; margin: 0px 0px 1.5em; padding: 0px;">Assalamualakum WrWb,</p><p data-adtags-visited="true" style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; color: #111111; font-family: inherit; font-size: 1em; line-height: 28.9px; margin: 0px 0px 1.5em; padding: 0px;"> </p><p data-adtags-visited="true" style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; color: #111111; font-family: inherit; font-size: 1em; line-height: 28.9px; margin: 0px 0px 1.5em; padding: 0px;">Dikesempatan kali ini saya akan menjelaskan Cara <strong style="-webkit-font-smoothing: antialiased; box-sizing: border-box;">Point to Point</strong> (PTP) Mode <strong style="-webkit-font-smoothing: antialiased; box-sizing: border-box;">AP-Bridge</strong> menggunakan AccessPoint merk <strong style="-webkit-font-smoothing: antialiased; box-sizing: border-box;">TOTOLINK CP300.</strong></p><p data-adtags-visited="true" style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; color: #111111; font-family: inherit; font-size: 1em; line-height: 28.9px; margin: 0px 0px 1.5em; padding: 0px;">Kenapa saya Pilih AccessPoint <strong style="-webkit-font-smoothing: antialiased; box-sizing: border-box;">TOTOLINK</strong>..??,</p><p data-adtags-visited="true" style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; color: #111111; font-family: inherit; font-size: 1em; line-height: 28.9px; margin: 0px 0px 1.5em; padding: 0px;"><strong style="-webkit-font-smoothing: antialiased; box-sizing: border-box;"> </strong>Selain harganya terjangkau, <strong style="-webkit-font-smoothing: antialiased; box-sizing: border-box;">TOTOLINK</strong> <strong style="-webkit-font-smoothing: antialiased; box-sizing: border-box;">CP300</strong> juga mempunyai kuwalitas yg cukup baik untuk AccessPoint sekelasnya.</p><p data-adtags-visited="true" style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; color: #111111; font-family: inherit; font-size: 1em; line-height: 28.9px; margin: 0px 0px 1.5em; padding: 0px;">Dan kenapa saya menggunakan mode <strong style="-webkit-font-smoothing: antialiased; box-sizing: border-box;">Bridge</strong>..???</p><p data-adtags-visited="true" style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; color: #111111; font-family: inherit; font-size: 1em; line-height: 28.9px; margin: 0px 0px 1.5em; padding: 0px;">Karna AP yg akan kita setting berada di bawah Mikrotik, dengan kata lain AP & Client kita jadikan jembatan saja.</p><p data-adtags-visited="true" style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; color: #111111; font-family: inherit; font-size: 1em; line-height: 28.9px; margin: 0px 0px 1.5em; padding: 0px;"> </p><p data-adtags-visited="true" style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; color: #111111; font-family: inherit; font-size: 1em; line-height: 28.9px; margin: 0px 0px 1.5em; padding: 0px;">untuk topologinya bisa dilihat gambar dibawah:</p><p data-adtags-visited="true" style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; color: #111111; font-family: inherit; font-size: 1em; line-height: 28.9px; margin: 0px 0px 1.5em; padding: 0px;"><img alt="image001.jpg" class=" size-full wp-image-83 aligncenter" data-attachment-id="83" data-comments-opened="1" data-image-description="" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="image001" data-large-file="https://myarjunnet.files.wordpress.com/2018/11/image001-e1541229283333.jpg?w=616" data-medium-file="https://myarjunnet.files.wordpress.com/2018/11/image001-e1541229283333.jpg?w=300" data-orig-file="https://myarjunnet.files.wordpress.com/2018/11/image001-e1541229283333.jpg" data-orig-size="1285,628" data-permalink="https://myarjunnet.wordpress.com/2018/11/03/belajar-point-to-point-ptp-point-to-multipoint-ptmp/image001/" sizes="(max-width: 616px) 100vw, 616px" src="https://myarjunnet.files.wordpress.com/2018/11/image001-e1541229283333.jpg?w=616" srcset="https://myarjunnet.files.wordpress.com/2018/11/image001-e1541229283333.jpg?w=616 616w, https://myarjunnet.files.wordpress.com/2018/11/image001-e1541229283333.jpg?w=1232 1232w, https://myarjunnet.files.wordpress.com/2018/11/image001-e1541229283333.jpg?w=150 150w, https://myarjunnet.files.wordpress.com/2018/11/image001-e1541229283333.jpg?w=300 300w, https://myarjunnet.files.wordpress.com/2018/11/image001-e1541229283333.jpg?w=768 768w, https://myarjunnet.files.wordpress.com/2018/11/image001-e1541229283333.jpg?w=1024 1024w" style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; clear: both; display: block; font-family: inherit; height: auto; line-height: 1; margin: 0px auto; max-width: 100%; padding: 0px;" /></p><p class="inline-ad-slot" data-adtags-visited="true" data-adtags-width="605" id="inline-ad-0" style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; color: #111111; float: left; font-family: inherit; font-size: 1em; height: 0px; line-height: 28.9px; margin: 0px auto; overflow: hidden; padding: 0px; width: 605px;"></p><p data-adtags-visited="true" style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; color: #111111; font-family: inherit; font-size: 1em; line-height: 28.9px; margin: 0px 0px 1.5em; padding: 0px;"><strong style="-webkit-font-smoothing: antialiased; box-sizing: border-box;">1. Persiapan</strong></p><ul style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; color: #111111; font-family: inherit; font-size: 1em; line-height: 28.9px; list-style-image: initial; list-style-position: initial; margin: 0px 0px 1.5em 1.5em; padding: 0px;"><li style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; font-family: inherit; line-height: 28.9px; margin: 0.5em 0px; padding: 0px; text-align: left;">Sediakan Kabel LAN dan Komputer/Laptop</li><li style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; font-family: inherit; line-height: 28.9px; margin: 0px 0px 0.5em; padding: 0px; text-align: left;">Pastikan perangkat telah terpasang dengan benar, Port POE untuk ke AP & Port LAN untuk ke PC/Laptop</li><li style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; font-family: inherit; line-height: 28.9px; margin: 0px; padding: 0px; text-align: left;">Untuk dapat masuk ke menu TOTOLINK, ip PC/Laptop dengan ip TOTOLINK harus dalam satu segment</li></ul><p data-adtags-visited="true" style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; color: #111111; font-family: inherit; font-size: 1em; line-height: 28.9px; margin: 0px 0px 1.5em; padding: 0px 0px 0px 30px;">Contoh : ip default TOTOLINK 192.168.1.1, berarti ip PC/Laptop anda 192.168.1.2 dan seterusnya.</p><p data-adtags-visited="true" style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; color: #111111; font-family: inherit; font-size: 1em; line-height: 28.9px; margin: 0px 0px 1.5em; padding: 0px;"><strong style="-webkit-font-smoothing: antialiased; box-sizing: border-box;">2.Konfigurasi</strong></p><p data-adtags-visited="true" style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; color: #111111; font-family: inherit; font-size: 1em; line-height: 28.9px; margin: 0px 0px 1.5em; padding: 0px;">Buka web browser <strong style="-webkit-font-smoothing: antialiased; box-sizing: border-box;"><em style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; font-family: inherit; line-height: 1; margin: 0px; padding: 0px;">Mozilla/Google/Opera</em></strong> dll. masukkan alamat ip <em style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; font-family: inherit; line-height: 1; margin: 0px; padding: 0px;">192.168.1.1</em> pada address bar kemudian tekan Enter, pada menu user Login Input “User Name = admin, Password = admin” , kemudian masuk ke menu, <em style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; font-family: inherit; line-height: 1; margin: 0px; padding: 0px;">Operation Mode >> Bridge+Ap >> Next</em>, maka akan muncul window menu berikutnya.</p><p data-adtags-visited="true" style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; color: #111111; font-family: inherit; font-size: 1em; line-height: 28.9px; margin: 0px 0px 1.5em; padding: 0px;"><img alt="image003" class=" size-full wp-image-85 aligncenter" data-attachment-id="85" data-comments-opened="1" data-image-description="" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="image003" data-large-file="https://myarjunnet.files.wordpress.com/2018/11/image003.png?w=320" data-medium-file="https://myarjunnet.files.wordpress.com/2018/11/image003.png?w=300" data-orig-file="https://myarjunnet.files.wordpress.com/2018/11/image003.png" data-orig-size="320,226" data-permalink="https://myarjunnet.wordpress.com/2018/11/03/belajar-point-to-point-ptp-point-to-multipoint-ptmp/image003/" sizes="(max-width: 320px) 100vw, 320px" src="https://myarjunnet.files.wordpress.com/2018/11/image003.png?w=616" srcset="https://myarjunnet.files.wordpress.com/2018/11/image003.png 320w, https://myarjunnet.files.wordpress.com/2018/11/image003.png?w=150 150w, https://myarjunnet.files.wordpress.com/2018/11/image003.png?w=300 300w" style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; clear: both; display: block; font-family: inherit; height: auto; line-height: 1; margin: 0px auto; max-width: 100%; padding: 0px;" /></p><p data-adtags-visited="true" style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; color: #111111; font-family: inherit; font-size: 1em; line-height: 28.9px; margin: 0px 0px 1.5em; padding: 0px;">Pada menu Basic Settings wirelles berikutnya akan muncul setup wireless</p><p data-adtags-visited="true" style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; color: #111111; font-family: inherit; font-size: 1em; line-height: 28.9px; margin: 0px 0px 1.5em; padding: 0px;"><img alt="image005" class=" size-full wp-image-87 aligncenter" data-attachment-id="87" data-comments-opened="1" data-image-description="" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="image005" data-large-file="https://myarjunnet.files.wordpress.com/2018/11/image005.png?w=320" data-medium-file="https://myarjunnet.files.wordpress.com/2018/11/image005.png?w=300" data-orig-file="https://myarjunnet.files.wordpress.com/2018/11/image005.png" data-orig-size="320,200" data-permalink="https://myarjunnet.wordpress.com/2018/11/03/belajar-point-to-point-ptp-point-to-multipoint-ptmp/image005/" sizes="(max-width: 320px) 100vw, 320px" src="https://myarjunnet.files.wordpress.com/2018/11/image005.png?w=616" srcset="https://myarjunnet.files.wordpress.com/2018/11/image005.png 320w, https://myarjunnet.files.wordpress.com/2018/11/image005.png?w=150 150w, https://myarjunnet.files.wordpress.com/2018/11/image005.png?w=300 300w" style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; clear: both; display: block; font-family: inherit; height: auto; line-height: 1; margin: 0px auto; max-width: 100%; padding: 0px;" /></p><ul style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; color: #111111; font-family: inherit; font-size: 1em; line-height: 28.9px; list-style-image: initial; list-style-position: initial; margin: 0px 0px 1.5em 1.5em; padding: 0px;"><li style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; font-family: inherit; line-height: 28.9px; margin: 0.5em 0px; padding: 0px; text-align: left;">Basic Settings = enable</li><li style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; font-family: inherit; line-height: 28.9px; margin: 0px 0px 0.5em; padding: 0px; text-align: left;">SSID = isi nama ssid</li><li style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; font-family: inherit; line-height: 28.9px; margin: 0px 0px 0.5em; padding: 0px; text-align: left;">Encryption = WPA-Mixed</li><li style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; font-family: inherit; line-height: 28.9px; margin: 0px 0px 0.5em; padding: 0px; text-align: left;">Authentication Mode = Personal (Pre-Shared-Key)</li><li style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; font-family: inherit; line-height: 28.9px; margin: 0px 0px 0.5em; padding: 0px; text-align: left;">WPA Chiper suite = tkip – Aes</li><li style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; font-family: inherit; line-height: 28.9px; margin: 0px 0px 0.5em; padding: 0px; text-align: left;">WPA2 Chiper suite = tkip – Aes</li><li style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; font-family: inherit; line-height: 28.9px; margin: 0px 0px 0.5em; padding: 0px; text-align: left;">Pre-Shared Key Format = passphrase</li><li style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; font-family: inherit; line-height: 28.9px; margin: 0px 0px 0.5em; padding: 0px; text-align: left;">Pre-Shared Key = isikan password minimal 8 karakter (password bebas)</li><li style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; font-family: inherit; line-height: 28.9px; margin: 0px; padding: 0px; text-align: left;">tekan Finished</li></ul><p class="inline-ad-slot" data-adtags-visited="true" data-adtags-width="605" id="inline-ad-1" style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; color: #111111; float: left; font-family: inherit; font-size: 1em; height: 0px; line-height: 28.9px; margin: 0px auto; overflow: hidden; padding: 0px; width: 605px;"></p><p data-adtags-visited="true" style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; color: #111111; font-family: inherit; font-size: 1em; line-height: 28.9px; margin: 0px 0px 1.5em; padding: 0px;">Sebelumnya saya sudah membagikan <a href="https://myarjunnet.wordpress.com/2018/11/02/belajar-mikrotik/" style="-webkit-font-smoothing: antialiased; border-bottom: 1px solid rgba(0, 0, 0, 0.2); box-sizing: border-box; color: #1e74ad; outline: none; text-decoration-line: none; transition: all 0.1s ease-in-out 0s;">Cara Setting Dasar Mikrotik</a>, dan ether3 pada mikrotik sudah saya rubah ip nya menjadi <strong style="-webkit-font-smoothing: antialiased; box-sizing: border-box;">192.168.20.254/24.</strong></p><p data-adtags-visited="true" style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; color: #111111; font-family: inherit; font-size: 1em; line-height: 28.9px; margin: 0px 0px 1.5em; padding: 0px;">Selanjutnya buka menu <em style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; font-family: inherit; line-height: 1; margin: 0px; padding: 0px;">Network >> LAN Settings,</em> pada bagian ip sesuaikan dengan ether3 Mikrotik yg ada diatas AP, kemudian tekan Apply</p><p data-adtags-visited="true" style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; color: #111111; font-family: inherit; font-size: 1em; line-height: 28.9px; margin: 0px 0px 1.5em; padding: 0px;"><img alt="image007" class=" size-full wp-image-89 aligncenter" data-attachment-id="89" data-comments-opened="1" data-image-description="" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="image007" data-large-file="https://myarjunnet.files.wordpress.com/2018/11/image007.png?w=320" data-medium-file="https://myarjunnet.files.wordpress.com/2018/11/image007.png?w=300" data-orig-file="https://myarjunnet.files.wordpress.com/2018/11/image007.png" data-orig-size="320,191" data-permalink="https://myarjunnet.wordpress.com/2018/11/03/belajar-point-to-point-ptp-point-to-multipoint-ptmp/image007/" sizes="(max-width: 320px) 100vw, 320px" src="https://myarjunnet.files.wordpress.com/2018/11/image007.png?w=616" srcset="https://myarjunnet.files.wordpress.com/2018/11/image007.png 320w, https://myarjunnet.files.wordpress.com/2018/11/image007.png?w=150 150w, https://myarjunnet.files.wordpress.com/2018/11/image007.png?w=300 300w" style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; clear: both; display: block; font-family: inherit; height: auto; line-height: 1; margin: 0px auto; max-width: 100%; padding: 0px;" /></p><ul style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; color: #111111; font-family: inherit; font-size: 1em; line-height: 28.9px; list-style-image: initial; list-style-position: initial; margin: 0px 0px 1.5em 1.5em; padding: 0px;"><li style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; font-family: inherit; line-height: 28.9px; margin: 0.5em 0px; padding: 0px; text-align: left;">IP Address = 192.168.20.100</li><li style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; font-family: inherit; line-height: 28.9px; margin: 0px 0px 0.5em; padding: 0px; text-align: left;">subnet mask = 255.255.255.0</li><li style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; font-family: inherit; line-height: 28.9px; margin: 0px 0px 0.5em; padding: 0px; text-align: left;">Gateaway = 192.168.20.254 (IP Ether3 Mikrotik)</li><li style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; font-family: inherit; line-height: 28.9px; margin: 0px 0px 0.5em; padding: 0px; text-align: left;">DHCP = Disabled</li><li style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; font-family: inherit; line-height: 28.9px; margin: 0px; padding: 0px; text-align: left;">DNS = (Bisa Di kosongkan)</li></ul><p data-adtags-visited="true" style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; color: #111111; font-family: inherit; font-size: 1em; line-height: 28.9px; margin: 0px 0px 1.5em; padding: 0px;">kemudian tekan Apply.</p><p data-adtags-visited="true" style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; color: #111111; font-family: inherit; font-size: 1em; line-height: 28.9px; margin: 0px 0px 1.5em; padding: 0px;">Setelah step by step diatas telah dilakukan dengan baik maka proses setting perangkat telah selesai.</p><p data-adtags-visited="true" style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; color: #111111; font-family: inherit; font-size: 1em; line-height: 28.9px; margin: 0px 0px 1.5em; padding: 0px;"><br /></p><p data-adtags-visited="true" style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; color: #111111; font-family: inherit; font-size: 1em; line-height: 28.9px; margin: 0px 0px 1.5em; padding: 0px;"><br /></p><p data-adtags-visited="true" style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; line-height: 28.9px; margin: 0px 0px 1.5em; padding: 0px;"><span style="color: #111111; font-family: PT Serif, serif;"><span style="font-size: 17px;">https://myarjunnet.wordpress.com/2018/11/03/belajar-point-to-point-ptp-point-to-multipoint-ptmp/</span></span></p></div></div>Sugihttp://www.blogger.com/profile/02539124289966867602noreply@blogger.com0tag:blogger.com,1999:blog-5305341170081722001.post-76405339168370657222020-11-09T18:48:00.006-08:002020-11-09T18:48:40.752-08:00Jaringan Nirkabel (Wireless) 2,4 GHz <p> </p><h1 id="jaringan-nirkabel-wireless" style="color: #222222; font-family: Arial, sans-serif; font-size: 24px; font-variant-caps: small-caps; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 1em; margin-bottom: 1em; margin-top: 2em; text-align: center;">Jaringan Nirkabel (Wireless)</h1><p style="color: #333333; font-family: "Liberation Sans", Arial, sans-serif; text-align: justify;">Tujuan: mahasiswa akan dapat membuat infrastruktur jaringan nirkabel.</p><p style="color: #333333; font-family: "Liberation Sans", Arial, sans-serif; text-align: justify;">Standar wireless LAN yang paling banyak dipakai adalah standar IEEE 802.11 (Wi-Fi). Wi-Fi sebagian besar beroperasi pada pita frekuensi 2.4 GHz dan beberapa pada 5 GHz. Standar Wi-Fi yang banyak dipakai adalah 802.11n yang mendukung <em>dual band</em> dan antena <em>multiple-input multiple-output</em> (MIMO) hingga 4 buah. Standar Wi-Fi terbaru di pasaran adalah 802.11ac yang mendukung MIMO hingga 8 buah.</p><table style="border-bottom: 1px solid rgb(34, 34, 34); border-collapse: collapse; border-top: 1px solid rgb(34, 34, 34); color: #333333; font-family: "Liberation Sans", Arial, sans-serif; font-size: 14.4px; margin: 1em auto;"><caption>Standar <em>wireless</em> IEEE 802.11</caption><thead><tr class="header"><th style="border-bottom: 1px solid rgb(128, 128, 128); font-weight: normal; padding: 1px 8px; text-align: left;">802.11</th><th style="border-bottom: 1px solid rgb(128, 128, 128); font-weight: normal; padding: 1px 8px; text-align: left;">Frekuensi (GHz)</th><th style="border-bottom: 1px solid rgb(128, 128, 128); font-weight: normal; padding: 1px 8px; text-align: left;"><em>Bandwidth</em> (MHz)</th><th style="border-bottom: 1px solid rgb(128, 128, 128); font-weight: normal; padding: 1px 8px; text-align: left;"><em>Stream rate</em> (Mbps)</th><th style="border-bottom: 1px solid rgb(128, 128, 128); font-weight: normal; padding: 1px 8px; text-align: left;">MIMO</th><th style="border-bottom: 1px solid rgb(128, 128, 128); font-weight: normal; padding: 1px 8px; text-align: left;"><em>Range</em> (m)</th></tr></thead><tbody><tr class="odd"><td style="padding: 1px 8px;">–</td><td style="padding: 1px 8px;">2.4</td><td style="padding: 1px 8px;">22</td><td style="padding: 1px 8px;">1–2</td><td style="padding: 1px 8px;">–</td><td style="padding: 1px 8px;">20</td></tr><tr class="even"><td style="padding: 1px 8px;">a</td><td style="padding: 1px 8px;">5.0</td><td style="padding: 1px 8px;">20</td><td style="padding: 1px 8px;">6–54</td><td style="padding: 1px 8px;">–</td><td style="padding: 1px 8px;">35</td></tr><tr class="odd"><td style="padding: 1px 8px;">b</td><td style="padding: 1px 8px;">2.4</td><td style="padding: 1px 8px;">22</td><td style="padding: 1px 8px;">1–11</td><td style="padding: 1px 8px;">–</td><td style="padding: 1px 8px;">35</td></tr><tr class="even"><td style="padding: 1px 8px;">g</td><td style="padding: 1px 8px;">2.4</td><td style="padding: 1px 8px;">20</td><td style="padding: 1px 8px;">6–54</td><td style="padding: 1px 8px;">–</td><td style="padding: 1px 8px;">38</td></tr><tr class="odd"><td style="padding: 1px 8px;">n</td><td style="padding: 1px 8px;">2.4/5.0</td><td style="padding: 1px 8px;">20,40</td><td style="padding: 1px 8px;">7.2–150</td><td style="padding: 1px 8px;">4</td><td style="padding: 1px 8px;">70</td></tr><tr class="even"><td style="padding: 1px 8px;">ac</td><td style="padding: 1px 8px;">5.0</td><td style="padding: 1px 8px;">20,40,80,160</td><td style="padding: 1px 8px;">7.2–867</td><td style="padding: 1px 8px;">8</td><td style="padding: 1px 8px;">35</td></tr></tbody></table><h2 id="frekuensi-2.4-ghz" style="border-bottom: 1px dashed rgb(204, 204, 204); color: #222222; font-family: Arial, sans-serif; font-size: 17.6px; line-height: 1em; margin-top: 1.5em;">Frekuensi 2.4 GHz</h2><p style="color: #333333; font-family: "Liberation Sans", Arial, sans-serif; text-align: justify;">Standar 802.11b/g/n menggunakan frekuensi 2.4 GHz pada rentang spektrum 2.400–2.500 GHz. Rentang tersebut dibagi menjadi 14 <em>channel</em> yang lebarnya masing-masing 20 MHz. Tiap <em>channel</em> terpisah 5 MHz, dimulai dari <em>channel</em> 1 dengan frekuensi pusat 2.412 GHz. Untuk instalasi beberapa perangkat WiFi, perlu dipilih <em>channel</em> yang tidak <em>overlap</em> untuk meminimalkan interferensi. Contoh <em>non-overlap channel</em> yang banyak dipakai adalah <em>channel</em> 1, 6, dan 11.</p><p style="color: #333333; font-family: "Liberation Sans", Arial, sans-serif; text-align: justify;">Lebar <em>channel</em> dapat diubah menjadi 40 MHz untuk meningkatkan <em>data rate</em> dua kali lipat. Contohnya adalah <em>channel</em> 3 (1+5) dan 11 (9+13). Namun penggunaannya tidak disarankan pada jaringan bersama, karena akan sulit menghindari <em>overlap</em> dengan <em>channel</em> lainnya.</p><figure style="color: #333333; font-family: "Liberation Sans", Arial, sans-serif;"><img alt="Channel 2.4 GHz (sumber: Wikipedia)" src="https://cs.ipb.ac.id/~auriza/komdat/etc/3/wifi-channels.png" style="display: block; height: auto; margin: 0px auto; max-width: 100%;" /><figcaption style="font-size: 14.4px; text-align: center;"><em>Channel</em> 2.4 GHz (sumber: Wikipedia)</figcaption></figure><p style="color: #333333; font-family: "Liberation Sans", Arial, sans-serif; text-align: justify;">Berikut adalah contoh instalasi beberapa perangkat WiFi pada jaringan bersama. Pemilihan <em>channel</em> perlu diperhatikan untuk menghindari interferensi yang menyebabkan penurunan kinerja hingga 60%.</p><figure style="color: #333333; font-family: "Liberation Sans", Arial, sans-serif;"><img alt="Contoh pemilihan channel 2.4 GHz (sumber: MetaGeek)" src="https://cs.ipb.ac.id/~auriza/komdat/etc/3/wifi-channel-planning.png" style="display: block; height: auto; margin: 0px auto; max-width: 100%;" /><figcaption style="font-size: 14.4px; text-align: center;">Contoh pemilihan <em>channel</em> 2.4 GHz (sumber: MetaGeek)</figcaption></figure><p style="color: #333333; font-family: "Liberation Sans", Arial, sans-serif; text-align: justify;">Untuk memilih channel, kita harus melihat channel mana saja yang masih kosong dan tidak terlalu <em>crowded</em>. Gunakan aplikasi “inSSIDer” pada Windows atau “Wifi Analyzer” pada Android.</p><figure style="color: #333333; font-family: "Liberation Sans", Arial, sans-serif;"><img alt="Contoh pengaturan channel yang baik dan buruk" src="https://cs.ipb.ac.id/~auriza/komdat/etc/3/wifi-analyzer-compare.png" style="display: block; height: auto; margin: 0px auto; max-width: 100%;" /><figcaption style="font-size: 14.4px; text-align: center;">Contoh pengaturan <em>channel</em> yang baik dan buruk</figcaption></figure><h2 id="enkripsi" style="border-bottom: 1px dashed rgb(204, 204, 204); color: #222222; font-family: Arial, sans-serif; font-size: 17.6px; line-height: 1em; margin-top: 1.5em;">Enkripsi</h2><ul style="color: #333333; font-family: "Liberation Sans", Arial, sans-serif;"><li>Unsecured</li><li>WEP</li><li>WPA: TKIP</li><li>WPA2: AES</li><li>WPA2 Enterprise: server Radius</li></ul><h2 id="mode-kerja" style="border-bottom: 1px dashed rgb(204, 204, 204); color: #222222; font-family: Arial, sans-serif; font-size: 17.6px; line-height: 1em; margin-top: 1.5em;">Mode Kerja</h2><ul style="color: #333333; font-family: "Liberation Sans", Arial, sans-serif;"><li><em>Access Point</em> (AP): untuk meng-<em>extend</em> jaringan LAN untuk klien <em>wireless</em></li></ul><figure style="color: #333333; font-family: "Liberation Sans", Arial, sans-serif;"><img alt="Wireless access point" src="https://cs.ipb.ac.id/~auriza/komdat/etc/3/wireless-access-point.png" style="display: block; height: auto; margin: 0px auto; max-width: 100%;" /><figcaption style="font-size: 14.4px; text-align: center;">Wireless access point</figcaption></figure><ul style="color: #333333; font-family: "Liberation Sans", Arial, sans-serif;"><li><em>Repeater</em>: untuk memperluas jangkauan <em>wireless</em> AP</li></ul><figure style="color: #333333; font-family: "Liberation Sans", Arial, sans-serif;"><img alt="Wireless repeater" src="https://cs.ipb.ac.id/~auriza/komdat/etc/3/wireless-repeater.png" style="display: block; height: auto; margin: 0px auto; max-width: 100%;" /><figcaption style="font-size: 14.4px; text-align: center;">Wireless repeater</figcaption></figure><ul style="color: #333333; font-family: "Liberation Sans", Arial, sans-serif;"><li><em>Router</em>: untuk membuat jaringan <em>wireless</em> baru</li></ul><figure style="color: #333333; font-family: "Liberation Sans", Arial, sans-serif;"><img alt="Wireless router" src="https://cs.ipb.ac.id/~auriza/komdat/etc/3/wireless-router.png" style="display: block; height: auto; margin: 0px auto; max-width: 100%;" /><figcaption style="font-size: 14.4px; text-align: center;">Wireless router</figcaption></figure><h2 id="roaming-pada-multiple-ap" style="border-bottom: 1px dashed rgb(204, 204, 204); color: #222222; font-family: Arial, sans-serif; font-size: 17.6px; line-height: 1em; margin-top: 1.5em;">Roaming pada Multiple AP</h2><p style="color: #333333; font-family: "Liberation Sans", Arial, sans-serif; text-align: justify;">Untuk memanfaatkan fitur <em>roaming</em>, gunakan SSID dan setting <em>security</em> yang sama pada setiap AP yang dipasang. Jika klien berpindah tempat dan sinyal AP lemah, klien dapat berpindah ke AP lain secara otomatis tanpa melakukan koneksi ulang.</p><figure style="color: #333333; font-family: "Liberation Sans", Arial, sans-serif;"><img alt="Wireless roaming pada multiple AP" src="https://cs.ipb.ac.id/~auriza/komdat/etc/3/wireless-roaming.png" style="display: block; height: auto; margin: 0px auto; max-width: 100%;" /><figcaption style="font-size: 14.4px; text-align: center;">Wireless roaming pada multiple AP</figcaption></figure><h2 id="setting-tp-link-wifi-router-tl-wr741nd" style="border-bottom: 1px dashed rgb(204, 204, 204); color: #222222; font-family: Arial, sans-serif; font-size: 17.6px; line-height: 1em; margin-top: 1.5em;">Setting TP-Link WiFi router TL-WR741ND</h2><p style="color: #333333; font-family: "Liberation Sans", Arial, sans-serif; text-align: justify;">Simulator: <a class="uri" href="http://www.tp-link.com/resources/simulator/TL-WR741ND_v1&v2/index.htm" style="color: maroon;">http://www.tp-link.com/resources/simulator/TL-WR741ND_v1&v2/index.htm</a></p><ul style="color: #333333; font-family: "Liberation Sans", Arial, sans-serif;"><li>Nyalakan device</li><li>Tekan tombol reset sampai semua lampu menyala (+- 7 detik)</li><li>Hubungkan kabel straight dari PC ke port LAN (kuning)</li><li>Hubungkan kabel straight dari jaringan ke port WAN (biru)</li><li>Akses ke <a class="uri" href="http://192.168.1.1/" style="color: maroon;">http://192.168.1.1</a> dengan user:admin password:admin</li><li>“Quick Setup”<ul><li>WAN connection type: <strong>Auto-Detect</strong></li><li>Wireless<ul><li>SSID: …</li><li>Region: <strong>Indonesia</strong></li><li>Channel: <strong>[1, 6, 11]</strong></li><li>Mode: <strong>Mixed</strong></li><li>Channel Width: <strong>20 MHz</strong></li><li>Security: <strong>WPA2-PSK</strong></li><li>PSK password: …</li></ul></li></ul></li><li>Reboot</li><li>“System Tools”<ul><li>Password<ul><li>Ganti username dan password</li></ul></li><li>Time setting<ul><li>Time zone: <strong>GMT +7</strong></li><li>Klik “Get GMT”</li></ul></li></ul></li></ul><h2 id="setting-tp-link-wifi-ap-tl-wa901nd" style="border-bottom: 1px dashed rgb(204, 204, 204); color: #222222; font-family: Arial, sans-serif; font-size: 17.6px; line-height: 1em; margin-top: 1.5em;">Setting TP-Link WiFi AP TL-WA901ND</h2><p style="color: #333333; font-family: "Liberation Sans", Arial, sans-serif; text-align: justify;">Simulator: <a class="uri" href="http://www.tp-link.com/resources/simulator/TL-WA901ND_V3/Index.htm" style="color: maroon;">http://www.tp-link.com/resources/simulator/TL-WA901ND_V3/Index.htm</a></p><ul style="color: #333333; font-family: "Liberation Sans", Arial, sans-serif;"><li>Nyalakan device</li><li>Tekan tombol reset sampai semua lampu menyala (+- 7 detik)</li><li>Hubungkan kabel straight dari PC ke port LAN</li><li>Akses ke <a class="uri" href="http://tplinkap.net/" style="color: maroon;">http://tplinkap.net</a> dengan user:admin password:admin</li><li>“Quick Setup”<ul><li>Country/Region: <strong>Indonesia</strong></li><li>Change the login account: <strong>Yes</strong><ul><li>Ganti username dan password</li></ul></li><li>Mode: <strong>Access Point</strong></li><li>Wireless<ul><li>SSID: …</li><li>Channel: <strong>[1, 6, 11]</strong></li><li>Security: <strong>WPA2-PSK</strong></li><li>Password: …</li></ul></li><li>Network<ul><li>Type: <strong>Smart IP (DHCP)</strong></li><li>DHCP Server; <strong>Disable</strong></li></ul></li><li>Finish</li></ul></li><li>“Wireless”<ul><li>Channel width: <strong>20 MHz</strong></li></ul></li><li>Hubungkan kabel straight dari jaringan ke port LAN</li></ul><div><span style="color: #333333; font-family: Liberation Sans, Arial, sans-serif;"><br /></span></div><div><span style="color: #333333; font-family: Liberation Sans, Arial, sans-serif;"><br /></span></div><div><span style="color: #333333; font-family: Liberation Sans, Arial, sans-serif;">https://cs.ipb.ac.id/~auriza/komdat/p03.html</span></div>Sugihttp://www.blogger.com/profile/02539124289966867602noreply@blogger.com0tag:blogger.com,1999:blog-5305341170081722001.post-52225796323451077182020-11-05T19:01:00.003-08:002020-11-05T19:01:34.632-08:00CARA SETTING TL-WR480N SEBAGAI AP WIFI<p> </p><header class="entry-header cfnbt" style="box-sizing: inherit; color: #303030; font-family: Cabin, Arial, sans-serif; font-size: 13px; margin-bottom: 6px;"><h2 class="post-title entry-title" itemprop="headline" style="border: none; box-sizing: inherit; clear: both; font-family: Tinos, sans-serif; font-size: 1.375rem; line-height: 1; list-style: none; margin: 0px; padding: 0px; position: relative; vertical-align: baseline;">CARA SETTING TL-WR480N SEBAGAI AP WIFI DAN MIKROTIK RB941 SEBAGAI ROUTER</h2></header><div class="entry-bylinenbt cfnbt" style="box-sizing: inherit; color: #303030; font-family: Cabin, Arial, sans-serif; font-size: 13px;"><span class="fa fa-folder-open" style="-webkit-font-smoothing: antialiased; box-sizing: inherit; display: inline-block; font-family: FontAwesome; font-size: inherit; font-stretch: normal; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 20px; text-rendering: auto;"></span><br /></div><div class="post-header-line-1" style="box-sizing: inherit; color: #303030; font-family: Cabin, Arial, sans-serif; font-size: 13px;"></div><div class="post-body entry-content cfnbt" id="post-body-8731435006149040539" itemprop="articleBody" style="box-sizing: inherit; line-height: 1.75; padding-bottom: 4px; padding-top: 6px; width: 585.5px;"><div class="separator" style="box-sizing: inherit; clear: both; color: #303030; font-family: Cabin, Arial, sans-serif; font-size: 13px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8OELDp5BPt3T4K30dfrle3N4urtT-tQ4pi0kGOR0-7u5dcTvKVDNAfwINSZCHj_XFDqpwvV6fsG34Atnb55Q7vEvoEJq6yNqx3S33XziICJUTz1OWnlBDBRUblnpX_NVfd4xJrVKhkjI/s1600/topologi1.png" imageanchor="1" style="box-sizing: inherit; color: #0e4d7a; cursor: pointer; margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="439" data-original-width="616" height="228" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8OELDp5BPt3T4K30dfrle3N4urtT-tQ4pi0kGOR0-7u5dcTvKVDNAfwINSZCHj_XFDqpwvV6fsG34Atnb55Q7vEvoEJq6yNqx3S33XziICJUTz1OWnlBDBRUblnpX_NVfd4xJrVKhkjI/s320/topologi1.png" style="border: none; box-sizing: inherit; height: auto; list-style: none; margin: 0px; max-width: 100%; padding: 0px; position: relative; vertical-align: baseline;" width="320" /></a></div><br style="box-sizing: inherit;" /><div class="MsoNormal" style="box-sizing: inherit; color: #303030; font-family: Cabin, Arial, sans-serif; font-size: 13px;"><span style="box-sizing: inherit; text-align: justify;">Huuuahh</span><span style="box-sizing: inherit; text-align: justify;"> </span><span style="box-sizing: inherit; text-align: justify;">rasanya tertidur cukup lama, tiba-tiba kangen ngeblog lagi hehe, ini postingan pertama setelah cukup lama vakum semoga masih bisa kasih manfaat buat yang lagi cari referensi setting TP-LINK TL-</span><span style="box-sizing: inherit; text-align: justify;">WR480N entah digunakan sebagai mode router atau hanya sebagai access point . jadi untuk uji coba yang akan kita lakukan seprti tologi diatas.</span></div><div class="MsoNormal" style="box-sizing: inherit; color: #303030; font-family: Cabin, Arial, sans-serif; font-size: 13px;"><span style="box-sizing: inherit; text-align: justify;"><br style="box-sizing: inherit;" /></span></div><div class="MsoNormal" style="box-sizing: inherit; color: #303030; font-family: Cabin, Arial, sans-serif; font-size: 13px; text-align: justify;"><span style="box-sizing: inherit;">Sebelum mulai berikut penjelas tologi diatas MODEM/Internet kita asumsikan dari TELKOM yang biasanya dapet ip 192.168.1.0/24 dan ip modem 192.168.1.1 sebagai gateway, RB750 digunakan sebagai router kita set port1 192.168.1.2/2 kemudian untuk port 2 - 4 kita set 192.168.100.0/24, dan 192.168.100.1/24 sebagai gateway lokal. Kemudian AP1 WIFI </span>TL-<span style="box-sizing: inherit;">WR480N kita set ip 192.168.100.254/24 ,<span style="box-sizing: inherit;"> </span>AP2<span style="box-sizing: inherit;"> </span>kita set ip<span style="box-sizing: inherit;"> </span>192.168.100.253/24.<o:p style="box-sizing: inherit;"></o:p></span></div><div class="MsoNormal" style="box-sizing: inherit; color: #303030; font-family: Cabin, Arial, sans-serif; font-size: 13px; text-align: justify;"><span style="box-sizing: inherit;"><br style="box-sizing: inherit;" /></span></div><div class="MsoNormal" style="box-sizing: inherit; text-align: justify;"><span style="color: #303030; font-family: Cabin, Arial, sans-serif;"><span style="font-size: 13px;">untuk lebih detail bisa download modulnya di link berikut </span></span><a href="https://drive.google.com/file/d/1VFYELVi3ULmL3zvD2aBm2C0xUt-eehIr/view" style="box-sizing: inherit; color: #0e4d7a; cursor: pointer; font-family: Cabin, Arial, sans-serif; font-size: 13px;" target="_blank">SETTNG TL-WR480N SEBAGAI AP WIFI DAN MIKROTIK RB941 SEBAGAI ROUTER</a><br style="box-sizing: inherit;" /><br style="box-sizing: inherit;" /><div class="separator" style="box-sizing: inherit; clear: both; color: #303030; font-family: Cabin, Arial, sans-serif; font-size: 13px; text-align: center;"><a href="https://drive.google.com/file/d/1VFYELVi3ULmL3zvD2aBm2C0xUt-eehIr/view" style="box-sizing: inherit; color: #0e4d7a; cursor: pointer;" target="_blank"><span id="goog_394003456" style="box-sizing: inherit;"></span><span id="goog_1933771385" style="box-sizing: inherit;"></span><img border="0" data-original-height="102" data-original-width="100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJTPzEiu7glmISIrH8QSafQHLpvNAX2oDMqZWA0lJLuJYAZeiYupvK2EI8B4uIhC8ZW94iYSqoXo-KhMJfR8cpEij9qKu-AvgGwWxa2qH4UmKkYNnqJuimSFnBRCdqsr0o0i1VTu9KiFw/s1600/download.png" style="border: none; box-sizing: inherit; height: auto; list-style: none; margin: 0px; max-width: 100%; padding: 0px; position: relative; vertical-align: baseline;" /></a></div><div class="separator" style="box-sizing: inherit; clear: both; color: #303030; font-family: Cabin, Arial, sans-serif; font-size: 13px; text-align: center;"><br /></div><div class="separator" style="box-sizing: inherit; clear: both; color: #303030; font-family: Cabin, Arial, sans-serif; font-size: 13px; text-align: center;"><br /></div><div class="separator" style="box-sizing: inherit; clear: both; color: #303030; font-family: Cabin, Arial, sans-serif; font-size: 13px; text-align: center;"><br /></div><div class="separator" style="box-sizing: inherit; clear: both; text-align: center;"><span style="color: #303030; font-family: Cabin, Arial, sans-serif;"><span style="font-size: 13px;">https://zengamal.blogspot.com/2018/12/setting-topologi-tl-wr480n-sebagai-ap.html</span></span></div></div></div>Sugihttp://www.blogger.com/profile/02539124289966867602noreply@blogger.com0tag:blogger.com,1999:blog-5305341170081722001.post-42043784386131003202020-11-05T18:55:00.008-08:002020-11-05T18:56:40.950-08:00MENGENAL JARINGAN WIRELESS LAN<p style="text-align: justify;"> </p><div class="entry-header" style="background-color: white; box-sizing: border-box; color: #404248; font-family: Graphik, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; font-size: 16px; margin-bottom: 20px; margin-top: 30px;"><div class="nv-title-meta-wrap" style="box-sizing: border-box;"><h1 class="title entry-title" style="box-sizing: border-box; font-size: 1.7em; letter-spacing: 0px; line-height: 1.6em; margin: 0px; overflow-wrap: break-word; padding: 0px; text-align: justify; text-transform: uppercase;">MENGENAL JARINGAN WIRELESS LAN – WIFI STANDARD IEEE 802.11A/B/G/N/AC/AX</h1></div></div><div class="nv-content-wrap entry-content" style="background-color: white; box-sizing: border-box; margin-bottom: 20px;"><div class="simplesocialbuttons simplesocial-simple-icons simplesocialbuttons_inline simplesocialbuttons-align-left post-206 post simplesocialbuttons-inline-no-animation simplesocialbuttons-inline-in" style="box-sizing: border-box; clear: left; color: #404248; direction: ltr; font-family: Graphik, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; font-size: 0px; height: auto; margin: 5px auto 5px -5px; padding-bottom: 10px; text-align: justify; transition: all 0.3s ease-in-out 0s;"><br /></div><p style="box-sizing: border-box; color: #404248; font-family: Graphik, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; font-size: 16px; margin: 0px 0px 20px; padding: 0px; text-align: justify;">Dari arti katanya, <i style="box-sizing: border-box;"><b style="box-sizing: border-box;">wireless</b></i> berarti tanpa kabel. Sehingga jaringan wireless bisa diartikan sebagai sebuah jaringan yang tidak menggunakan kabel sebagai media transmisi datanya. Pertanyaan selanjutnya adalah <i style="box-sizing: border-box;">lantas menggunakan media apa donk sebagai pengganti kabel ini..?</i> . Nah, sebagai pengganti kabel ini temen-temen pasti masih ingat istilah <i style="box-sizing: border-box;"><b style="box-sizing: border-box;">IrDa</b> (Infrared Data Association)</i> yang bisa menghubungkan 2 buah devices dengan menggunakan signal infrared ataupun teknologi <i style="box-sizing: border-box;"><b style="box-sizing: border-box;"> Bluetooth</b></i> yang mampu menghubungkan devices sejauh 10 meter meskipun terhalang dinding dan yang akan kita bahas yaitu teknologi <b style="box-sizing: border-box;"><i style="box-sizing: border-box;">Wi-Fi</i></b>.</p><p style="box-sizing: border-box; color: #404248; font-family: Graphik, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; font-size: 16px; margin: 0px 0px 20px; padding: 0px; text-align: justify;">Kalau <i style="box-sizing: border-box;">IrDa</i> dan <i style="box-sizing: border-box;">Buletooth</i> merupakan teknologi yang digolongkan dalam jaringan PAN<i style="box-sizing: border-box;"> (Personal Area Network)</i> maka Wi-Fi merupakan teknologi yang dapat menggantikan kabel UTP yang biasa kita gunakan untuk membentuk sebuah jaringan LAN <i style="box-sizing: border-box;">(Local Area Network)</i> sehingga dengan Wi-Fi ini kita bisa membuat sebuah jaringan lokal tanpa kabel atau biasa disebut sebagai <i style="box-sizing: border-box; font-weight: bold;">Wireless LAN.</i></p><h2 style="box-sizing: border-box; color: #404248; font-family: Graphik, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 0px; line-height: 1.6em; margin: 0px 0px 0.8rem; padding: 0px; text-align: justify; text-transform: uppercase;">PENGERTIAN WIFI</h2><p style="box-sizing: border-box; color: #404248; font-family: Graphik, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; font-size: 16px; margin: 0px 0px 20px; padding: 0px; text-align: justify;"><b style="box-sizing: border-box;">Wi-Fi</b> merupakan singkatan dari <b style="box-sizing: border-box;"><i style="box-sizing: border-box;">Wireless Fidelity</i></b> merupakan teknologi wireless yang populer untuk saling menghubungkan antar komputer, PDA, laptop dan perangkat lainnya, menghubungkan komputer dan device lain ke internet (misalnya di Café kita sering melihat tulisan Wi-Fi Hotspot) atau ke jaringan kabel (ethernet) LAN.</p><p style="box-sizing: border-box; margin: 0px 0px 20px; padding: 0px;"></p><div style="color: #404248; font-family: Graphik, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; font-size: 16px; text-align: justify;">Wi-Fi merupakan sebuah <i style="box-sizing: border-box;">wireless LAN brand </i>dan <i style="box-sizing: border-box;">trademark </i>dari <b style="box-sizing: border-box;">Wi-Fi Alliance</b> yang beralamat di <a href="http://www.wi-fi.org/" style="box-sizing: border-box; color: #0073aa; cursor: pointer;">www.wi-fi.org</a>, sebuah asosiasi yang beranggotakan Cisco, Microsoft, Apple, Dell dan masih banyak lagi yang lainnnya. Organisasi Wi-Fi ini bertugas untuk memastikan semua peralatan yang mempunyai label Wi-Fi bisa bekerja sama dengan baik.</div><div style="text-align: justify;"><span face="Graphik, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif" style="color: #404248;"><br /></span></div><span face="Graphik, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif" style="color: #404248;"><div style="text-align: justify;">Apabila jaringan kabel LAN yang biasa kita gunakan menggunakan teknologi IEEE 802.3 atau yang dikenal dengan <i style="box-sizing: border-box; font-size: 16px;">ethernet</i>, maka jaringan Wi-Fi menggunakan teknologi gelombang radio berdasarkan standard IEEE 802.11 yang mengurusi standard <i style="box-sizing: border-box; font-size: 16px;">Wireless LAN (WLAN)</i>. <b style="box-sizing: border-box; font-size: 16px;">IEEE </b> adalah singkatan dari <i style="box-sizing: border-box; font-size: 16px;"><b style="box-sizing: border-box;">Electrical and Electronics Engineers</b> </i>yang merupakan sebuah organisasi non profit yang mendedikasikan kerja kerasnya demi kemajuan teknologi.</div></span><p></p><h2 style="box-sizing: border-box; color: #404248; font-family: Graphik, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 0px; line-height: 1.6em; margin: 0px 0px 0.8rem; padding: 0px; text-align: justify; text-transform: uppercase;">STANDARD WIRELESS IEEE 802.11</h2><p style="box-sizing: border-box; color: #404248; font-family: Graphik, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; font-size: 16px; margin: 0px 0px 20px; padding: 0px; text-align: justify;">Terdapat beberapa standard dari IEEE 802.11 yaitu mulai dari 802.11b sampai yang paling baru yaitu 802.11ax. Yang membedakan dari masing-masing standard tersebut diantaranya adalah frekuensi yang digunakan lebar channel, teknologi modulasi yang digunakan yang pada akhirnya akan berpengaruh terhadap maksimum data rate yang dapat dicapai. Berikut tabel perbedaan dari masing-masing standard teknologi wireless LAN tersebut:</p><div class="wp-block-image" style="box-sizing: border-box; color: #404248; font-family: Graphik, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; font-size: 16px; margin-bottom: 1em;"><figure class="aligncenter size-large" style="box-sizing: border-box; clear: both; display: table; margin: 0px auto; padding: 0px; text-align: justify;"><img alt="" class="wp-image-7491" height="350" loading="lazy" sizes="(max-width: 939px) 100vw, 939px" src="https://catatanteknisi.com/wp-content/uploads/2020/09/IEEE-802.11-Wi-Fi-Protocol-Summary-CatatanTeknisi.png" srcset="https://catatanteknisi.com/wp-content/uploads/2020/09/IEEE-802.11-Wi-Fi-Protocol-Summary-CatatanTeknisi.png 939w, https://catatanteknisi.com/wp-content/uploads/2020/09/IEEE-802.11-Wi-Fi-Protocol-Summary-CatatanTeknisi-300x112.png 300w, https://catatanteknisi.com/wp-content/uploads/2020/09/IEEE-802.11-Wi-Fi-Protocol-Summary-CatatanTeknisi-768x286.png 768w, https://catatanteknisi.com/wp-content/uploads/2020/09/IEEE-802.11-Wi-Fi-Protocol-Summary-CatatanTeknisi-500x186.png 500w, https://catatanteknisi.com/wp-content/uploads/2020/09/IEEE-802.11-Wi-Fi-Protocol-Summary-CatatanTeknisi-800x298.png 800w" style="box-sizing: border-box; height: auto; max-width: 100%;" width="939" /></figure></div><p style="box-sizing: border-box; color: #404248; font-family: Graphik, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; font-size: 16px; margin: 0px 0px 20px; padding: 0px; text-align: justify;">Nah, sekarang kita sudah tau bahwa Wi-Fi itu merupakan sebuah <i style="box-sizing: border-box;">brand </i>dari teknologi wireless yang saat ini populer digunakan untuk mengakses internet dan membuat jaringan <i style="box-sizing: border-box;">(WLAN), </i>dimana teknologi Wi-Fi ini sendiri dibuat berdasarkan standard IEEE 802.11.</p><p style="box-sizing: border-box; color: #404248; font-family: Graphik, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; font-size: 16px; margin: 0px 0px 20px; padding: 0px; text-align: justify;"><br /></p><p style="box-sizing: border-box; color: #404248; font-family: Graphik, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; font-size: 16px; margin: 0px 0px 20px; padding: 0px; text-align: justify;"><br /></p><p style="box-sizing: border-box; color: #404248; font-family: Graphik, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; font-size: 16px; margin: 0px 0px 20px; padding: 0px; text-align: justify;">sumber: https://catatanteknisi.com/mengenal-jaringan-wireless-lan-wifi-standard-ieee-802-11a-b-g-n-ac-ax/</p></div>Sugihttp://www.blogger.com/profile/02539124289966867602noreply@blogger.com0tag:blogger.com,1999:blog-5305341170081722001.post-63764627568996141612020-11-05T18:51:00.000-08:002020-11-05T18:51:07.456-08:00Setting MikroTik dengan Winbox<p> <span style="background-color: white; color: #292929; font-family: charter, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em;">Tutorial cara konfigurasi MikroTik dasar ini menggunakan Winbox berbasis GUI (Graphical User Interface) sehingga lebih mudah dipahami untuk pemula. Winbox juga bisa difungsikan untuk setting MikroTik berbasis CLI (Command-line Interface) melalui menu New Terminal. Selain itu Anda juga bisa setting melalui browser (webfig), telnet dan putty.</span></p><p class="gl gm ec gn b go gp gq gr gs gt gu gv gw gx gy gz ha hb hc hd he hf hg hh hi cz ey" data-selectable-paragraph="" id="9837" style="background-color: white; box-sizing: inherit; color: #292929; font-family: charter, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 32px; margin: 2em 0px -0.46em; word-break: break-word;">M<span id="rmm" style="box-sizing: inherit;">a</span>teri dasar yang perlu dipelajari untuk cara setting MikroTik dengan winbox ini adalah DHCP Client, DHCP Server, IP Address, Firewall, NAT dan Routing. Selebihnya Anda bisa mengembangkan seperti membuat hostpot MikroTik untuk vourcher, limit bandwith, VLAN, dan sebagainya.</p><p class="gl gm ec gn b go gp gq gr gs gt gu gv gw gx gy gz ha hb hc hd he hf hg hh hi cz ey" data-selectable-paragraph="" id="1678" style="background-color: white; box-sizing: inherit; color: #292929; font-family: charter, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 32px; margin: 2em 0px -0.46em; word-break: break-word;">Ada banyak seri router MikroTik, namun untuk belajar setting MikroTik dasar cukup menggunakan seri RB941 hap lite, RB750, RB751. Selain itu Anda juga bisa menggunakan VirtualBox untuk menjalankan MikroTik RouterOS.</p><h2 class="hs ht ec ap hu hv hw hx hy hz ia ib ic id ie if ig ih ii ij ik il im in io ip ey" data-selectable-paragraph="" id="6025" style="background-color: white; box-sizing: inherit; color: #292929; font-family: sohne, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 22px; font-weight: 500; line-height: 28px; margin: 1.72em 0px -0.31em;">Aplikasi dan Perangkat</h2><ul class="" style="background-color: white; box-sizing: inherit; color: rgba(0, 0, 0, 0.8); font-family: medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; list-style: none none; margin: 0px; padding: 0px;"><li class="gl gm ec gn b go iq gq gr gs ir gu gv gw is gy gz ha it hc hd he iu hg hh hi hk hl hm ey" data-selectable-paragraph="" id="0584" style="box-sizing: inherit; color: #292929; font-family: charter, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 32px; list-style-type: disc; margin-bottom: -0.46em; margin-left: 30px; margin-top: 0.86em; padding-left: 0px;">Router MikroTik/OS (dalam keadaan sudah reset/tanpa konfigurasi)</li><li class="gl gm ec gn b go hn gq gr gs ho gu gv gw hp gy gz ha hq hc hd he hr hg hh hi hk hl hm ey" data-selectable-paragraph="" id="57f4" style="box-sizing: inherit; color: #292929; font-family: charter, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 32px; list-style-type: disc; margin-bottom: -0.46em; margin-left: 30px; margin-top: 1.05em; padding-left: 0px;">Kabel UTP straight</li><li class="gl gm ec gn b go hn gq gr gs ho gu gv gw hp gy gz ha hq hc hd he hr hg hh hi hk hl hm ey" data-selectable-paragraph="" id="c2b1" style="box-sizing: inherit; color: #292929; font-family: charter, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 32px; list-style-type: disc; margin-bottom: -0.46em; margin-left: 30px; margin-top: 1.05em; padding-left: 0px;">Komputer/Laptop (dengan IP address optain/otomatis)</li><li class="gl gm ec gn b go hn gq gr gs ho gu gv gw hp gy gz ha hq hc hd he hr hg hh hi hk hl hm ey" data-selectable-paragraph="" id="d0d8" style="box-sizing: inherit; color: #292929; font-family: charter, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 32px; list-style-type: disc; margin-bottom: -0.46em; margin-left: 30px; margin-top: 1.05em; padding-left: 0px;">Winbox | <a class="de hj" href="https://www.teknolalat.com/2017/12/download-winbox-terbaru.html" rel="noopener nofollow" style="-webkit-tap-highlight-color: transparent; box-sizing: inherit;">Download</a></li><li class="gl gm ec gn b go hn gq gr gs ho gu gv gw hp gy gz ha hq hc hd he hr hg hh hi hk hl hm ey" data-selectable-paragraph="" id="f749" style="box-sizing: inherit; color: #292929; font-family: charter, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 32px; list-style-type: disc; margin-bottom: -0.46em; margin-left: 30px; margin-top: 1.05em; padding-left: 0px;">Intenet dari ISP/Modem (IndiHome, Biznet, MyRepublic, dll)</li></ul><h2 class="hs ht ec ap hu hv hw hx hy hz ia ib ic id ie if ig ih ii ij ik il im in io ip ey" data-selectable-paragraph="" id="a410" style="background-color: white; box-sizing: inherit; color: #292929; font-family: sohne, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 22px; font-weight: 500; line-height: 28px; margin: 1.72em 0px -0.31em;">Topologi</h2><p class="gl gm ec gn b go iq gq gr gs ir gu gv gw is gy gz ha it hc hd he iu hg hh hi cz ey" data-selectable-paragraph="" id="336f" style="background-color: white; box-sizing: inherit; color: #292929; font-family: charter, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 32px; margin: 0.86em 0px -0.46em; word-break: break-word;">Dalam membuat jaringan komputer maka diperlukan topologi untuk mempermudah perancangan jaringan tersebut, berikut topologinya untuk konfigurasi dasar MikroTik.</p><figure class="iw ix iy iz ja fw do dp paragraph-image" style="background-color: white; box-sizing: inherit; clear: both; color: rgba(0, 0, 0, 0.8); font-family: medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; margin: 56px auto 0px;"><div class="do dp iv" style="box-sizing: inherit; margin-left: auto; margin-right: auto; max-width: 640px;"><div class="ge w ab gf" style="background-color: #f2f2f2; box-sizing: inherit; margin: auto; position: relative;"><div class="jb gh w" style="box-sizing: inherit; height: 0px; padding-bottom: 301px;"><div class="fx fy dr fz ds ga t gb gc gd" style="box-sizing: inherit; height: 301px; left: 0px; opacity: 0; overflow: hidden; position: absolute; top: 0px; transform: translateZ(0px); transition: opacity 100ms ease 400ms; width: 640px; will-change: transform;"><img alt="Image for post" class="dr fz ds ga t gi gj bm sh" height="301" src="https://miro.medium.com/max/60/0*GkEd5vb_dbNyvV8d.png?q=20" style="box-sizing: inherit; filter: blur(20px); height: 301px; left: 0px; position: absolute; top: 0px; transform: scale(1.1); transition: visibility 0ms ease 400ms; vertical-align: middle; visibility: hidden; width: 640px;" width="640" /></div><img alt="Image for post" class="sc sd dr fz ds ga t c" height="301" sizes="640px" src="https://miro.medium.com/max/640/0*GkEd5vb_dbNyvV8d.png" srcset="https://miro.medium.com/max/276/0*GkEd5vb_dbNyvV8d.png 276w, https://miro.medium.com/max/552/0*GkEd5vb_dbNyvV8d.png 552w, https://miro.medium.com/max/640/0*GkEd5vb_dbNyvV8d.png 640w" style="background-color: white; box-sizing: inherit; height: 301px; left: 0px; opacity: 1; position: absolute; top: 0px; transition: opacity 400ms ease 0ms; vertical-align: middle; width: 640px;" width="640" /></div></div></div></figure><h1 class="jc ht ec ap hu jd je gq hy jf jg gu ic jh ji jj ig jk jl jm ik jn jo jp io jq ey" data-selectable-paragraph="" id="9b53" style="background-color: white; box-sizing: inherit; color: #292929; font-family: sohne, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 30px; font-weight: 500; line-height: 36px; margin: 1.95em 0px -0.28em;">Cara Setting MikroTik dengan Winbox</h1><p class="gl gm ec gn b go iq gq gr gs ir gu gv gw is gy gz ha it hc hd he iu hg hh hi cz ey" data-selectable-paragraph="" id="7d3d" style="background-color: white; box-sizing: inherit; color: #292929; font-family: charter, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 32px; margin: 0.86em 0px -0.46em; word-break: break-word;">Bagi Anda yang memulai belajar MikroTik, berikut langkah-langkah konfigurasi MikroTik menggunakan Winbox mulai dari awal beserta konfigurasi DHCP Server.</p><p class="gl gm ec gn b go gp gq gr gs gt gu gv gw gx gy gz ha hb hc hd he hf hg hh hi cz ey" data-selectable-paragraph="" id="bba1" style="background-color: white; box-sizing: inherit; color: #292929; font-family: charter, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 32px; margin: 2em 0px -0.46em; word-break: break-word;"><span class="gn cm" style="box-sizing: inherit; font-weight: 700;">Langkah 1:</span> Login melalui Winbox dengan klik pada bagian Mac Address, isi form <span class="gn cm" style="box-sizing: inherit; font-weight: 700;">Login: admin</span> dan <span class="gn cm" style="box-sizing: inherit; font-weight: 700;">Password:</span> [kosong atau tanpa password], lalu klik <span class="gn cm" style="box-sizing: inherit; font-weight: 700;">Connect</span>.</p><figure class="iw ix iy iz ja fw do dp paragraph-image" style="background-color: white; box-sizing: inherit; clear: both; color: rgba(0, 0, 0, 0.8); font-family: medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; margin: 56px auto 0px;"><div class="do dp iv" style="box-sizing: inherit; margin-left: auto; margin-right: auto; max-width: 640px;"><div class="ge w ab gf" style="background-color: #f2f2f2; box-sizing: inherit; margin: auto; position: relative;"><div class="jr gh w" style="box-sizing: inherit; height: 0px; padding-bottom: 306px;"><div class="fx fy dr fz ds ga t gb gc gd" style="box-sizing: inherit; height: 306px; left: 0px; opacity: 0; overflow: hidden; position: absolute; top: 0px; transform: translateZ(0px); transition: opacity 100ms ease 400ms; width: 640px; will-change: transform;"><img alt="Image for post" class="dr fz ds ga t gi gj bm sh" height="306" src="https://miro.medium.com/max/60/0*OBZDCUyieQBP_psE.png?q=20" style="box-sizing: inherit; filter: blur(20px); height: 306px; left: 0px; position: absolute; top: 0px; transform: scale(1.1); transition: visibility 0ms ease 400ms; vertical-align: middle; visibility: hidden; width: 640px;" width="640" /></div><img alt="Image for post" class="sc sd dr fz ds ga t c" height="306" sizes="640px" src="https://miro.medium.com/max/640/0*OBZDCUyieQBP_psE.png" srcset="https://miro.medium.com/max/276/0*OBZDCUyieQBP_psE.png 276w, https://miro.medium.com/max/552/0*OBZDCUyieQBP_psE.png 552w, https://miro.medium.com/max/640/0*OBZDCUyieQBP_psE.png 640w" style="background-color: white; box-sizing: inherit; height: 306px; left: 0px; opacity: 1; position: absolute; top: 0px; transition: opacity 400ms ease 0ms; vertical-align: middle; width: 640px;" width="640" /></div></div></div></figure><p class="gl gm ec gn b go gp gq gr gs gt gu gv gw gx gy gz ha hb hc hd he hf hg hh hi cz ey" data-selectable-paragraph="" id="59e3" style="background-color: white; box-sizing: inherit; color: #292929; font-family: charter, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 32px; margin: 2em 0px -0.46em; word-break: break-word;"><span class="gn cm" style="box-sizing: inherit; font-weight: 700;">Langkah 2:</span> Setelah berhasil login konfigurasi yang pertama adalah DHCP Client, pilih menu <span class="gn cm" style="box-sizing: inherit; font-weight: 700;">IP — DHCP Client</span> — klik <span class="gn cm" style="box-sizing: inherit; font-weight: 700;">tambah (+)</span> — pilih interface dengan mengisi form pada pilihan <span class="gn cm" style="box-sizing: inherit; font-weight: 700;">Interface : ether1</span>.</p><p class="gl gm ec gn b go gp gq gr gs gt gu gv gw gx gy gz ha hb hc hd he hf hg hh hi cz ey" data-selectable-paragraph="" id="8eaf" style="background-color: white; box-sizing: inherit; color: #292929; font-family: charter, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 32px; margin: 2em 0px -0.46em; word-break: break-word;">Lalu <span class="gn cm" style="box-sizing: inherit; font-weight: 700;">hilangkan centang</span> pada <span class="gn cm" style="box-sizing: inherit; font-weight: 700;">Use Peer DNS</span> yang berarti MikroTik tidak akan menggunakan DNS bawaan dari ISP karena nanti akan menggunakan kustom DNS, lalu klik<span class="gn cm" style="box-sizing: inherit; font-weight: 700;"> Apply — OK</span>.</p><figure class="iw ix iy iz ja fw do dp paragraph-image" style="background-color: white; box-sizing: inherit; clear: both; color: rgba(0, 0, 0, 0.8); font-family: medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; margin: 56px auto 0px;"><div class="do dp iv" style="box-sizing: inherit; margin-left: auto; margin-right: auto; max-width: 640px;"><div class="ge w ab gf" style="background-color: #f2f2f2; box-sizing: inherit; margin: auto; position: relative;"><div class="js gh w" style="box-sizing: inherit; height: 0px; padding-bottom: 391px;"><div class="fx fy dr fz ds ga t gb gc gd" style="box-sizing: inherit; height: 391px; left: 0px; opacity: 0; overflow: hidden; position: absolute; top: 0px; transform: translateZ(0px); transition: opacity 100ms ease 400ms; width: 640px; will-change: transform;"><img alt="Image for post" class="dr fz ds ga t gi gj bm sh" height="391" src="https://miro.medium.com/max/60/0*SyW0InyBQUMdTWmM.png?q=20" style="box-sizing: inherit; filter: blur(20px); height: 391px; left: 0px; position: absolute; top: 0px; transform: scale(1.1); transition: visibility 0ms ease 400ms; vertical-align: middle; visibility: hidden; width: 640px;" width="640" /></div><img alt="Image for post" class="sc sd dr fz ds ga t c" height="391" sizes="640px" src="https://miro.medium.com/max/640/0*SyW0InyBQUMdTWmM.png" srcset="https://miro.medium.com/max/276/0*SyW0InyBQUMdTWmM.png 276w, https://miro.medium.com/max/552/0*SyW0InyBQUMdTWmM.png 552w, https://miro.medium.com/max/640/0*SyW0InyBQUMdTWmM.png 640w" style="background-color: white; box-sizing: inherit; height: 391px; left: 0px; opacity: 1; position: absolute; top: 0px; transition: opacity 400ms ease 0ms; vertical-align: middle; width: 640px;" width="640" /></div></div></div></figure><p class="gl gm ec gn b go gp gq gr gs gt gu gv gw gx gy gz ha hb hc hd he hf hg hh hi cz ey" data-selectable-paragraph="" id="cd77" style="background-color: white; box-sizing: inherit; color: #292929; font-family: charter, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 32px; margin: 2em 0px -0.46em; word-break: break-word;">Setelah itu seharusnya MikroTik sudah mendapatkan akses internet dari ISP melalui ether1. Untuk mengecek buka menu <span class="gn cm" style="box-sizing: inherit; font-weight: 700;">New Terminal — </span>ketik <span class="gn cm" style="box-sizing: inherit; font-weight: 700;">ping google.com </span>lalu <span class="gn cm" style="box-sizing: inherit; font-weight: 700;">Enter</span>.</p><figure class="iw ix iy iz ja fw do dp paragraph-image" style="background-color: white; box-sizing: inherit; clear: both; color: rgba(0, 0, 0, 0.8); font-family: medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; margin: 56px auto 0px;"><div class="do dp iv" style="box-sizing: inherit; margin-left: auto; margin-right: auto; max-width: 640px;"><div class="ge w ab gf" style="background-color: #f2f2f2; box-sizing: inherit; margin: auto; position: relative;"><div class="jt gh w" style="box-sizing: inherit; height: 0px; padding-bottom: 375px;"><div class="fx fy dr fz ds ga t gb gc gd" style="box-sizing: inherit; height: 375px; left: 0px; opacity: 0; overflow: hidden; position: absolute; top: 0px; transform: translateZ(0px); transition: opacity 100ms ease 400ms; width: 640px; will-change: transform;"><img alt="Image for post" class="dr fz ds ga t gi gj bm sh" height="375" src="https://miro.medium.com/max/60/0*1ATfIls4Eju5r3rZ.png?q=20" style="box-sizing: inherit; filter: blur(20px); height: 375px; left: 0px; position: absolute; top: 0px; transform: scale(1.1); transition: visibility 0ms ease 400ms; vertical-align: middle; visibility: hidden; width: 640px;" width="640" /></div><img alt="Image for post" class="sc sd dr fz ds ga t c" height="375" sizes="640px" src="https://miro.medium.com/max/640/0*1ATfIls4Eju5r3rZ.png" srcset="https://miro.medium.com/max/276/0*1ATfIls4Eju5r3rZ.png 276w, https://miro.medium.com/max/552/0*1ATfIls4Eju5r3rZ.png 552w, https://miro.medium.com/max/640/0*1ATfIls4Eju5r3rZ.png 640w" style="background-color: white; box-sizing: inherit; height: 375px; left: 0px; opacity: 1; position: absolute; top: 0px; transition: opacity 400ms ease 0ms; vertical-align: middle; width: 640px;" width="640" /></div></div></div></figure><p class="gl gm ec gn b go gp gq gr gs gt gu gv gw gx gy gz ha hb hc hd he hf hg hh hi cz ey" data-selectable-paragraph="" id="99cd" style="background-color: white; box-sizing: inherit; color: #292929; font-family: charter, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 32px; margin: 2em 0px -0.46em; word-break: break-word;"><span class="gn cm" style="box-sizing: inherit; font-weight: 700;">Langkah 3:</span> Selanjutnya setting MirkoTik IP address pada ether2, masuk pada menu<span class="gn cm" style="box-sizing: inherit; font-weight: 700;"> IP — Addresses — </span>klik<span class="gn cm" style="box-sizing: inherit; font-weight: 700;"> tambah (+)</span> dan akan muncul tab baru, isi dengan IP address beserta prefixnya (/24) pada form <span class="gn cm" style="box-sizing: inherit; font-weight: 700;">Address : 192.168.1.1/24</span> dan pilih <span class="gn cm" style="box-sizing: inherit; font-weight: 700;">Interface : ether2 </span>dan klik <span class="gn cm" style="box-sizing: inherit; font-weight: 700;">Apply — OK</span>.</p><p class="gl gm ec gn b go gp gq gr gs gt gu gv gw gx gy gz ha hb hc hd he hf hg hh hi cz ey" data-selectable-paragraph="" id="f444" style="background-color: white; box-sizing: inherit; color: #292929; font-family: charter, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 32px; margin: 2em 0px -0.46em; word-break: break-word;">Sampai tahap ini maka ether2 sudah memiliki IP address yaitu 192.168.1.1, Anda bisa menggati IP address tersebut sesuai keinginan asalkan IP address class C misalnya 192.168.10.1/24.</p><figure class="iw ix iy iz ja fw do dp paragraph-image" style="background-color: white; box-sizing: inherit; clear: both; color: rgba(0, 0, 0, 0.8); font-family: medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; margin: 56px auto 0px;"><div class="do dp iv" style="box-sizing: inherit; margin-left: auto; margin-right: auto; max-width: 640px;"><div class="ge w ab gf" style="background-color: #f2f2f2; box-sizing: inherit; margin: auto; position: relative;"><div class="ju gh w" style="box-sizing: inherit; height: 0px; padding-bottom: 472px;"><div class="fx fy dr fz ds ga t gb gc gd" style="box-sizing: inherit; height: 472px; left: 0px; opacity: 0; overflow: hidden; position: absolute; top: 0px; transform: translateZ(0px); transition: opacity 100ms ease 400ms; width: 640px; will-change: transform;"><img alt="Image for post" class="dr fz ds ga t gi gj bm sh" height="472" src="https://miro.medium.com/max/60/0*bFrXSlTDw6-kb4NN.png?q=20" style="box-sizing: inherit; filter: blur(20px); height: 472px; left: 0px; position: absolute; top: 0px; transform: scale(1.1); transition: visibility 0ms ease 400ms; vertical-align: middle; visibility: hidden; width: 640px;" width="640" /></div><img alt="Image for post" class="sc sd dr fz ds ga t c" height="472" sizes="640px" src="https://miro.medium.com/max/640/0*bFrXSlTDw6-kb4NN.png" srcset="https://miro.medium.com/max/276/0*bFrXSlTDw6-kb4NN.png 276w, https://miro.medium.com/max/552/0*bFrXSlTDw6-kb4NN.png 552w, https://miro.medium.com/max/640/0*bFrXSlTDw6-kb4NN.png 640w" style="background-color: white; box-sizing: inherit; height: 472px; left: 0px; opacity: 1; position: absolute; top: 0px; transition: opacity 400ms ease 0ms; vertical-align: middle; width: 640px;" width="640" /></div></div></div></figure><p class="gl gm ec gn b go gp gq gr gs gt gu gv gw gx gy gz ha hb hc hd he hf hg hh hi cz ey" data-selectable-paragraph="" id="b523" style="background-color: white; box-sizing: inherit; color: #292929; font-family: charter, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 32px; margin: 2em 0px -0.46em; word-break: break-word;"><span class="gn cm" style="box-sizing: inherit; font-weight: 700;">Langkah 4:</span> Langkah selanjutnya adalah setting DNS, caranya masuk menu <span class="gn cm" style="box-sizing: inherit; font-weight: 700;">IP — DNS</span> — Isi pada form <span class="gn cm" style="box-sizing: inherit; font-weight: 700;">Servers : 8.8.8.8 </span>dan<span class="gn cm" style="box-sizing: inherit; font-weight: 700;"> 8.8.4.4</span>, kemudian centang pada <span class="gn cm" style="box-sizing: inherit; font-weight: 700;">Allow Remote Requets </span>dan klik <span class="gn cm" style="box-sizing: inherit; font-weight: 700;">Apply — OK</span>.</p><p class="gl gm ec gn b go gp gq gr gs gt gu gv gw gx gy gz ha hb hc hd he hf hg hh hi cz ey" data-selectable-paragraph="" id="70bf" style="background-color: white; box-sizing: inherit; color: #292929; font-family: charter, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 32px; margin: 2em 0px -0.46em; word-break: break-word;">DNS tersebut yang merupakan DNS milik Google, selain itu Anda juga bisa menggunakan DNS lain yang tersedia di Internet, seperti DNS Nawala yang memiliki IP yaitu : 180.131.144.144 dan 180.131.145.145.</p><p class="gl gm ec gn b go gp gq gr gs gt gu gv gw gx gy gz ha hb hc hd he hf hg hh hi cz ey" data-selectable-paragraph="" id="fda6" style="background-color: white; box-sizing: inherit; color: #292929; font-family: charter, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 32px; margin: 2em 0px -0.46em; word-break: break-word;">DNS Nawala banyak digunakan untuk memfilter konten-konten negatif sehingga tidak perlu untuk memblokir satu persatu, namun DNS Google juga banyak digunakan untuk mendapatkan kecepatan internet yang maksimal.</p><figure class="iw ix iy iz ja fw do dp paragraph-image" style="background-color: white; box-sizing: inherit; clear: both; color: rgba(0, 0, 0, 0.8); font-family: medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; margin: 56px auto 0px;"><div class="do dp iv" style="box-sizing: inherit; margin-left: auto; margin-right: auto; max-width: 640px;"><div class="ge w ab gf" style="background-color: #f2f2f2; box-sizing: inherit; margin: auto; position: relative;"><div class="jv gh w" style="box-sizing: inherit; height: 0px; padding-bottom: 447px;"><div class="fx fy dr fz ds ga t gb gc gd" style="box-sizing: inherit; height: 447px; left: 0px; opacity: 0; overflow: hidden; position: absolute; top: 0px; transform: translateZ(0px); transition: opacity 100ms ease 400ms; width: 640px; will-change: transform;"><img alt="Image for post" class="dr fz ds ga t gi gj bm sh" height="447" src="https://miro.medium.com/max/60/0*OWnQiSeQUV8WaCn3.png?q=20" style="box-sizing: inherit; filter: blur(20px); height: 447px; left: 0px; position: absolute; top: 0px; transform: scale(1.1); transition: visibility 0ms ease 400ms; vertical-align: middle; visibility: hidden; width: 640px;" width="640" /></div><img alt="Image for post" class="sc sd dr fz ds ga t c" height="447" sizes="640px" src="https://miro.medium.com/max/640/0*OWnQiSeQUV8WaCn3.png" srcset="https://miro.medium.com/max/276/0*OWnQiSeQUV8WaCn3.png 276w, https://miro.medium.com/max/552/0*OWnQiSeQUV8WaCn3.png 552w, https://miro.medium.com/max/640/0*OWnQiSeQUV8WaCn3.png 640w" style="background-color: white; box-sizing: inherit; height: 447px; left: 0px; opacity: 1; position: absolute; top: 0px; transition: opacity 400ms ease 0ms; vertical-align: middle; width: 640px;" width="640" /></div></div></div></figure><p class="gl gm ec gn b go gp gq gr gs gt gu gv gw gx gy gz ha hb hc hd he hf hg hh hi cz ey" data-selectable-paragraph="" id="2dd2" style="background-color: white; box-sizing: inherit; color: #292929; font-family: charter, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 32px; margin: 2em 0px -0.46em; word-break: break-word;"><span class="gn cm" style="box-sizing: inherit; font-weight: 700;">Langkah 5:</span> Setting NAT dengan masuk pada menu <span class="gn cm" style="box-sizing: inherit; font-weight: 700;">IP — Firewall — </span>tab<span class="gn cm" style="box-sizing: inherit; font-weight: 700;"> NAT</span> — klik <span class="gn cm" style="box-sizing: inherit; font-weight: 700;">tambah (+) </span>— lalu isi form <span class="gn cm" style="box-sizing: inherit; font-weight: 700;">Chain : scrnat </span>dan <span class="gn cm" style="box-sizing: inherit; font-weight: 700;">Out. Interface : ether1</span>.</p><ul class="" style="background-color: white; box-sizing: inherit; color: rgba(0, 0, 0, 0.8); font-family: medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; list-style: none none; margin: 0px; padding: 0px;"><li class="gl gm ec gn b go gp gq gr gs gt gu gv gw gx gy gz ha hb hc hd he hf hg hh hi hk hl hm ey" data-selectable-paragraph="" id="ec0a" style="box-sizing: inherit; color: #292929; font-family: charter, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 32px; list-style-type: disc; margin-bottom: -0.46em; margin-left: 30px; margin-top: 2em; padding-left: 0px;">Chain: scrnat yang berfungsi untuk mengubah source address dari sebuah paket data, dengan kata lain MikroTik mengubah IP local menjadi IP public.</li><li class="gl gm ec gn b go hn gq gr gs ho gu gv gw hp gy gz ha hq hc hd he hr hg hh hi hk hl hm ey" data-selectable-paragraph="" id="017d" style="box-sizing: inherit; color: #292929; font-family: charter, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 32px; list-style-type: disc; margin-bottom: -0.46em; margin-left: 30px; margin-top: 1.05em; padding-left: 0px;">Out Interface: ether1 menentukan trafik internet yang keluar dari MikroTik yaitu melalui ether1.</li></ul><figure class="iw ix iy iz ja fw do dp paragraph-image" style="background-color: white; box-sizing: inherit; clear: both; color: rgba(0, 0, 0, 0.8); font-family: medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; margin: 56px auto 0px;"><div class="do dp iv" style="box-sizing: inherit; margin-left: auto; margin-right: auto; max-width: 640px;"><div class="ge w ab gf" style="background-color: #f2f2f2; box-sizing: inherit; margin: auto; position: relative;"><div class="jw gh w" style="box-sizing: inherit; height: 0px; padding-bottom: 337px;"><div class="fx fy dr fz ds ga t gb gc gd" style="box-sizing: inherit; height: 337px; left: 0px; opacity: 0; overflow: hidden; position: absolute; top: 0px; transform: translateZ(0px); transition: opacity 100ms ease 400ms; width: 640px; will-change: transform;"><img alt="Image for post" class="dr fz ds ga t gi gj bm sh" height="337" src="https://miro.medium.com/max/60/0*-kMO9dLuoR5u1CVX.png?q=20" style="box-sizing: inherit; filter: blur(20px); height: 337px; left: 0px; position: absolute; top: 0px; transform: scale(1.1); transition: visibility 0ms ease 400ms; vertical-align: middle; visibility: hidden; width: 640px;" width="640" /></div><img alt="Image for post" class="sc sd dr fz ds ga t c" height="337" sizes="640px" src="https://miro.medium.com/max/640/0*-kMO9dLuoR5u1CVX.png" srcset="https://miro.medium.com/max/276/0*-kMO9dLuoR5u1CVX.png 276w, https://miro.medium.com/max/552/0*-kMO9dLuoR5u1CVX.png 552w, https://miro.medium.com/max/640/0*-kMO9dLuoR5u1CVX.png 640w" style="background-color: white; box-sizing: inherit; height: 337px; left: 0px; opacity: 1; position: absolute; top: 0px; transition: opacity 400ms ease 0ms; vertical-align: middle; width: 640px;" width="640" /></div></div></div></figure><p class="gl gm ec gn b go gp gq gr gs gt gu gv gw gx gy gz ha hb hc hd he hf hg hh hi cz ey" data-selectable-paragraph="" id="d91f" style="background-color: white; box-sizing: inherit; color: #292929; font-family: charter, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 32px; margin: 2em 0px -0.46em; word-break: break-word;">Selanjutnya pada tab <span class="gn cm" style="box-sizing: inherit; font-weight: 700;">Action</span> pilih <span class="gn cm" style="box-sizing: inherit; font-weight: 700;">Action : masquerade</span> dan <span class="gn cm" style="box-sizing: inherit; font-weight: 700;">Apply — OK</span>.</p><ul class="" style="background-color: white; box-sizing: inherit; color: rgba(0, 0, 0, 0.8); font-family: medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; list-style: none none; margin: 0px; padding: 0px;"><li class="gl gm ec gn b go gp gq gr gs gt gu gv gw gx gy gz ha hb hc hd he hf hg hh hi hk hl hm ey" data-selectable-paragraph="" id="b497" style="box-sizing: inherit; color: #292929; font-family: charter, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 32px; list-style-type: disc; margin-bottom: -0.46em; margin-left: 30px; margin-top: 2em; padding-left: 0px;">Action: masquerade ini berfungsi untuk menghubungkan IP local dengan IP public.</li></ul><figure class="iw ix iy iz ja fw do dp paragraph-image" style="background-color: white; box-sizing: inherit; clear: both; color: rgba(0, 0, 0, 0.8); font-family: medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; margin: 56px auto 0px;"><div class="do dp iv" style="box-sizing: inherit; margin-left: auto; margin-right: auto; max-width: 640px;"><div class="ge w ab gf" style="background-color: #f2f2f2; box-sizing: inherit; margin: auto; position: relative;"><div class="jx gh w" style="box-sizing: inherit; height: 0px; padding-bottom: 323px;"><div class="fx fy dr fz ds ga t gb gc gd" style="box-sizing: inherit; height: 323px; left: 0px; opacity: 0; overflow: hidden; position: absolute; top: 0px; transform: translateZ(0px); transition: opacity 100ms ease 400ms; width: 640px; will-change: transform;"><img alt="Image for post" class="dr fz ds ga t gi gj bm sh" height="323" src="https://miro.medium.com/max/60/0*Z0arVjXBxhh15-O-.png?q=20" style="box-sizing: inherit; filter: blur(20px); height: 323px; left: 0px; position: absolute; top: 0px; transform: scale(1.1); transition: visibility 0ms ease 400ms; vertical-align: middle; visibility: hidden; width: 640px;" width="640" /></div><img alt="Image for post" class="sc sd dr fz ds ga t c" height="323" sizes="640px" src="https://miro.medium.com/max/640/0*Z0arVjXBxhh15-O-.png" srcset="https://miro.medium.com/max/276/0*Z0arVjXBxhh15-O-.png 276w, https://miro.medium.com/max/552/0*Z0arVjXBxhh15-O-.png 552w, https://miro.medium.com/max/640/0*Z0arVjXBxhh15-O-.png 640w" style="background-color: white; box-sizing: inherit; height: 323px; left: 0px; opacity: 1; position: absolute; top: 0px; transition: opacity 400ms ease 0ms; vertical-align: middle; width: 640px;" width="640" /></div></div></div></figure><div style="background-color: white; box-sizing: inherit; color: #292929; font-family: charter, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 32px; margin: 2em 0px -0.46em; text-align: left; word-break: break-word;">Nah, sampai tahap ini setting dasar MikroTik sudah dapat berfungi pada ether2, komputer yang terhubung pada ether2 akan bisa mengakses internet akan tertapi harus mengisi IP address secara manual, oleh karena itu agar tidak perlu repot-repot maka bisa menggunakan fitur DHCP Server</div><p class="gl gm ec gn b go gp gq gr gs gt gu gv gw gx gy gz ha hb hc hd he hf hg hh hi cz ey" data-selectable-paragraph="" id="37f8" style="background-color: white; box-sizing: inherit; color: #292929; font-family: charter, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 32px; margin: 2em 0px -0.46em; word-break: break-word;"><br /></p><p class="gl gm ec gn b go gp gq gr gs gt gu gv gw gx gy gz ha hb hc hd he hf hg hh hi cz ey" data-selectable-paragraph="" id="37f8" style="background-color: white; box-sizing: inherit; color: #292929; font-family: charter, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 32px; margin: 2em 0px -0.46em; word-break: break-word;"><br /></p><p class="gl gm ec gn b go gp gq gr gs gt gu gv gw gx gy gz ha hb hc hd he hf hg hh hi cz ey" data-selectable-paragraph="" id="37f8" style="background-color: white; box-sizing: inherit; color: #292929; font-family: charter, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.003em; line-height: 32px; margin: 2em 0px -0.46em; word-break: break-word;">sumber : https://medium.com/@taufikadam/cara-setting-mikrotik-dengan-winbox-untuk-pemula-514ee1da19d5</p>Sugihttp://www.blogger.com/profile/02539124289966867602noreply@blogger.com0tag:blogger.com,1999:blog-5305341170081722001.post-43196204227240154732019-11-24T03:46:00.003-08:002019-11-24T03:53:55.913-08:00Membuat form upload download search dengan bootstrap<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
Assalamualaikum Wr. Wb.<br />
<br />
Pada tutorial kali ini saya akan share tutorial cara <b>Membuat Upload Download Seach File Dengan PHP Dan MySQL Menggunakan Booststrap</b>.
dan menyimpan data gambar nya ke database. di tutorial ini kita akan
belajar tentang cara membuat upload download search file dengan php. dan kemudian nama
dari file tersebut akan kita simpan pada database berikut ini tutorialnya.<br />
<br />
<h3>
Persiapan Membuat Upload File Dengan PHP Menggunakan Bootstrap</h3>
Untuk persiapan nya. apa-apa saja yang harus teman-teman buat adalah sebagai berikut. buat lah:<br />
<ul>
<li>download.php</li>
<li>upload.php</li>
<li>form.php</li>
<li>search.php</li>
<li>config.php</li>
</ul>
Akan saya jelaskan sedikit kegunaan-kegunaan dari file-file yang telah di buat di atas. pada file download.php kita akan <b>membuat form Tampilan File Download</b>. pada file Upload.php kita akan membuat tampilan upload sekaligus proses upload file. Pada file form.php kita akan membuat tampilan pencarian file jadi file yang di cari di form download akan menampilkan di form.php dan akan di proses di
file seach.php. kemudian pada file config.php kita akan membuat koneksi
database php dan mysql. lalu yang terakhir folder yang bernama files akan kita gunakan sebagai
folder yang menyimpan file yang di upload. jadi file yang
di upload akan tersimpan ke folder file sini.<br />
<br />
Oke, langsung saja mulai ke tutorialnya <br />
<h3>
Membuat Upload Download Search File Dengan PHP Dan MySQL Menggunakan Bootstrap</h3>
langsung saja buat file dan beri nama <b>download.php</b>, dan isi kodenya seperti di bawah ini
<br />
<pre data-codetype="JQueryku" title="download.php"><code class="language-javascript"> <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Pencarian sederhana dengan PHP, MySQL dan Bootstrap">
<meta name="author" content="Hakko Bio Richard">
<title>SMA-SMK Mulia Buana | Parungpanjang</title>
<!-- Bootstrap core CSS -->
<link href="dist/css/bootstrap.css" rel="stylesheet">
<link rel="shortcut icon" href="images/mb.png" />
<!-- Custom styles for this template -->
<link href="starter-template.css" rel="stylesheet">
<!-- Just for debugging purposes. Don't actually copy this line! -->
<!--[if lt IE 9]><script src="../../docs-assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="http://kangjangkung.blogspot.com">BACKSPACE</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li><a href="download.php"><span class="glyphicon glyphicon glyphicon-import "></span> Download</a></li>
<li><a href="upload.php"><span class="glyphicon glyphicon glyphicon-export"></span> Upload</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
<div class="container">
<center><h2>Pencarian Data Mahasiswa</h2></center>
<form action="form.php" method="post" class="navbar-form navbar-right" role="search">
<div class="form-group">
<input type='text' placeholder='Cari Berdasarkan Judul' name='term' class='form-control'> <br/>
</div>
<button type="submit" value="search" class="btn btn-success"><span class="glyphicon glyphicon-search"></span> Cari</button>
<a href="download.php" class="btn btn-info"> <span class="glyphicon glyphicon-ok"></span> All Data </a>
</form>
<br/>
<br/>
<br/>
<div class="panel panel-success">
<div class="panel-heading">
<h3 class="panel-title">Silahkan download file yang sudah di Upload di website ini. Untuk men-Download Anda bisa mengklik Judul file yang di inginkan</h3>
</div>
<div class="panel-body">
<table class="table table-hover" >
<th>
<td><center>Tanggal Upload</center></a></td>
<td>Nama File</a></td>
<td><center>Tipe File</center></a></td>
<td><center>Ukuran File</center></a></td>
</th>
<?php
include('config.php');
$sql = mysql_query("SELECT * FROM download ORDER BY id DESC");
if(mysql_num_rows($sql) > 0){
$no = 1;
while($data = mysql_fetch_assoc($sql)){
echo '
<tr bgcolor="#fff">
<td align="center">'.$no.'</td>
<td align="center">'.$data['tanggal_upload'].'</td>
<td><a href="'.$data['file'].'">'.$data['nama_file'].'</a></td>
<td align="center">'.$data['tipe_file'].'</td>
<td align="center">'.formatBytes($data['ukuran_file']).'</td>
</tr>
';
$no++;
}
}else{
echo '
<tr bgcolor="#fff">
<td align="center" colspan="4" align="center">Tidak ada data!</td>
</tr>
';
}
?>
</table>
</p>
</div>
</div>
</body>
</html>
</code></pre>
Dalam file download ini akan menampilkan sebuah Table yang berisi
file-file yang telah di upload, dan akan ada link untuk men-Download
file tersebut.<br />
<br />
<br />
Selanjutnya buat file baru dengan nama <b>upload.php</b>, dan isi kodenya seperti di bawah ini
<br />
<pre data-codetype="JQueryku" title="upload.php"><code class="language-javascript"> <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Pencarian sederhana dengan PHP, MySQL dan Bootstrap">
<meta name="author" content="Hakko Bio Richard">
<title>SMA-SMK Mulia Buana | Parungpanjang</title>
<!-- Bootstrap core CSS -->
<link href="dist/css/bootstrap.css" rel="stylesheet">
<link rel="shortcut icon" href="images/mb.png" />
<!-- Custom styles for this template -->
<link href="starter-template.css" rel="stylesheet">
<!-- Just for debugging purposes. Don't actually copy this line! -->
<!--[if lt IE 9]><script src="../../docs-assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="http://kangjangkung.blogspot.com">BACKSPACE</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li><a href="download.php"><span class="glyphicon glyphicon glyphicon-import "></span> Download</a></li>
<li><a href="upload.php"><span class="glyphicon glyphicon glyphicon-export"></span> Upload</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
<br/>
<br/>
<br/>
<div class="container">
<div class="panel panel-success">
<div class="panel-heading">
<h3 class="panel-title">Upload file Anda dengan melengkapi form di bawah ini. File yang bisa di Upload hanya file dengan ekstensi <b>.doc, .docx, .xls, .xlsx, .ppt, .pptx, .pdf, .rar, .zip,jpg,png</b> dan besar file (file size) maksimal hanya 1 MB.</h3>
</div>
<?php
include('config.php');
error_reporting(E_ALL ^ (E_NOTICE | E_WARNING));
if($_POST['upload']){
$allowed_ext = array('doc', 'docx', 'xls', 'xlsx', 'ppt', 'pptx', 'pdf', 'rar', 'zip','jpg','png');
$file_name = $_FILES['file']['name'];
$file_ext = strtolower(end(explode('.', $file_name)));
$file_size = $_FILES['file']['size'];
$file_tmp = $_FILES['file']['tmp_name'];
$nama = $_POST['nama'];
$tgl = date("Y-m-d");
if(in_array($file_ext, $allowed_ext) === true){
if($file_size < 1044070){
$lokasi = 'files/'.$nama.'.'.$file_ext;
move_uploaded_file($file_tmp, $lokasi);
$in = mysql_query("INSERT INTO download VALUES(NULL, '$tgl', '$nama', '$file_ext', '$file_size', '$lokasi')");
if($in){
echo "<div class='alert alert-info' role='alert'>Data Berhasil Disimpan untuk melihat data klik<a href='download.php'> <b>disini</b> </a></div>" ;
}else{
echo "Data gagal disimpan" ;
}
}else{
echo "<div class='alert alert-info' role='alert'>ERROR: Besar ukuran file (file size) maksimal 1 Mb!</div>";
}
}else{
echo "<div class='alert alert-info' role='alert'>ERROR: Ekstensi file tidak di izinkan</div>";
}
}
?>
<p>
<div class="container">
<form class="form-horizontal" role="form" action="" method="post" enctype="multipart/form-data">
<div class="form-group">
<label class="col-sm-2">Judul Berkas</label>
<div class="col-sm-4">
<input type="text" name="nama" class="form-control" placeholder="Judul Berkas" required >
</div>
</div>
<div class="form-group">
<label class="col-sm-2">Pilih File</label>
<div class="col-sm-4"><input type="file" name="file" required /></div>
</div>
<div class="form-group">
<div class ="col-sm-4">
<button type="submit" name="upload" value="Upload" onClick="return confirm('Apakah Anda yakin?')" class="btn btn-primary"><span class="glyphicon glyphicon-circle-arrow-up"></span> Upload</button>
</div>
</div>
</form>
</p>
</div>
</div>
</body>
</html></code></pre>
File ini akan membuat Form untuk Upload File dan juga Proses untuk Upload File.<br />
<br />
Selanjutnya buat file baru dengan nama <b>form.php</b>, dan isi kodenya seperti di bawah ini
<br />
<pre data-codetype="JQueryku" title="form.php"><code class="language-javascript"> <?php
$db_hostname = 'localhost';
$db_username = 'root';
$db_password = '';
$db_database = 'jangkung';
// Database Connection String
$con = mysql_connect($db_hostname,$db_username,$db_password);
if (!$con)
{
die('Could not connect: ' . mysql_error());
}
mysql_select_db($db_database, $con);
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Pencarian sederhana dengan PHP, MySQL dan Bootstrap">
<meta name="author" content="Hakko Bio Richard">
<link rel="shortcut icon" href="images/mb.png" />
<title>SMA-SMK Mulia Buana | Parungpanjang</title>
<!-- Bootstrap core CSS -->
<link href="dist/css/bootstrap.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="starter-template.css" rel="stylesheet">
<!-- Just for debugging purposes. Don't actually copy this line! -->
<!--[if lt IE 9]><script src="../../docs-assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="http://kangjangkung.blogspot.com">BACKSPACE</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li><a href="download.php"><span class="glyphicon glyphicon glyphicon-import "></span> Download</a></li>
<li><a href="upload.php"><span class="glyphicon glyphicon glyphicon-export"></span> Upload</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
<div class="container">
<center><h2>Pencarian Data Mahasiswa</h2></center>
<form action="form.php" method="post" class="navbar-form navbar-right" role="search">
<div class="form-group">
<input type='text' placeholder='Cari Berdasarkan Judul' name='term' class='form-control'> <br/>
</div>
<button type="submit" value="search" class="btn btn-success"><span class="glyphicon glyphicon-search"></span> Cari</button>
<a href="download.php" class="btn btn-info"> <span class="glyphicon glyphicon-ok"></span> All Data </a>
</form>
</div>
<div class="container">
<div class="panel panel-success">
<div class="panel-heading">
<h3 class="panel-title"><b> HASIL PENCARIAN</b> Silahkan download file yang sudah di Upload di website ini. Untuk men-Download Anda bisa mengklik Judul file yang di inginkan</h3>
</div>
<div class="panel-body">
<table class="table table-hover"
<tr>
<td><center>No</center></td>
<td><center>Tanggal Upload</center></td>
<td>Nama File</td>
<td><center>Tipe File</center></td>
<td><center>Ukuran (byte)</center></td>
<td><center>File</center></td>
</tr>
<?php
$db_hostname = 'localhost';
$db_username = 'root';
$db_password = '';
$db_database = 'jangkung';
// Database Connection String
$con = mysql_connect($db_hostname,$db_username,$db_password);
if (!$con)
{
die('Could not connect: ' . mysql_error());
}
mysql_select_db($db_database, $con);
?>
<?php
if (!empty($_REQUEST['term'])) {
$term = mysql_real_escape_string($_REQUEST['term']);
$sql = "SELECT * FROM download WHERE nama_file LIKE '%".$term."%'";
$r_query = mysql_query($sql);
while ($data = mysql_fetch_assoc($r_query)){
echo "
<tr>
<td><center>".$data['id']."</center></td>
<td><center>".$data['tanggal_upload']."</center></td>";
echo '<td><a href="'.$data['file'].'">';
echo "".$data['nama_file']."";
echo'</a></td>';
echo "
<td><center>".$data['tipe_file']."</center></td>
<td><center>".$data['ukuran_file']."</center></td>
<td><center>".$data['file']."</center></td>
</tr>";
}
echo "</table>";
}
?>
</body>
</html>
</code></pre>
Form tersebut akan otomatis masuk kedalam file form.php dan akan mengeksekusi hasil pencarian yang anda inginkan..<br />
<br />
<br />
Selanjutnya buat file baru dengan nama <b>search.php</b>, dan isi kodenya seperti di bawah ini
<br />
<pre data-codetype="JQueryku" title="search.php"><code class="language-javascript"> <?php
$db_hostname = 'localhost';
$db_username = 'root';
$db_password = '';
$db_database = 'jangkung';
// Database Connection String
$con = mysql_connect($db_hostname,$db_username,$db_password);
if (!$con)
{
die('Could not connect: ' . mysql_error());
}
mysql_select_db($db_database, $con);
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Pencarian sederhana dengan PHP, MySQL dan Bootstrap">
<meta name="author" content="Hakko Bio Richard">
<link rel="shortcut icon" href="images/mb.png" />
<title>SMA-SMK Mulia Buana | Parungpanjang</title>
<!-- Bootstrap core CSS -->
<link href="dist/css/bootstrap.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="starter-template.css" rel="stylesheet">
<!-- Just for debugging purposes. Don't actually copy this line! -->
<!--[if lt IE 9]><script src="../../docs-assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="http://kangjangkung.blogspot.com">BACKSPACE</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li><a href="download.php"><span class="glyphicon glyphicon glyphicon-import "></span> Download</a></li>
<li><a href="upload.php"><span class="glyphicon glyphicon glyphicon-export"></span> Upload</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
<div class="container">
<center><h2>Pencarian Data Mahasiswa</h2></center>
<form action="form.php" method="post" class="navbar-form navbar-right" role="search">
<div class="form-group">
<input type='text' placeholder='Cari Berdasarkan Judul' name='term' class='form-control'> <br/>
</div>
<button type="submit" value="search" class="btn btn-success"><span class="glyphicon glyphicon-search"></span> Cari</button>
<a href="download.php" class="btn btn-info"> <span class="glyphicon glyphicon-ok"></span> All Data </a>
</form>
</div>
<div class="container">
<div class="panel panel-success">
<div class="panel-heading">
<h3 class="panel-title"><b> HASIL PENCARIAN</b> Silahkan download file yang sudah di Upload di website ini. Untuk men-Download Anda bisa mengklik Judul file yang di inginkan</h3>
</div>
<div class="panel-body">
<table class="table table-hover"
<tr>
<td><center>No</center></td>
<td><center>Tanggal Upload</center></td>
<td>Nama File</td>
<td><center>Tipe File</center></td>
<td><center>Ukuran (byte)</center></td>
<td><center>File</center></td>
</tr>
<?php
$db_hostname = 'localhost';
$db_username = 'root';
$db_password = '';
$db_database = 'jangkung';
// Database Connection String
$con = mysql_connect($db_hostname,$db_username,$db_password);
if (!$con)
{
die('Could not connect: ' . mysql_error());
}
mysql_select_db($db_database, $con);
?>
<?php
if (!empty($_REQUEST['term'])) {
$term = mysql_real_escape_string($_REQUEST['term']);
$sql = "SELECT * FROM download WHERE nama_file LIKE '%".$term."%'";
$r_query = mysql_query($sql);
while ($data = mysql_fetch_assoc($r_query)){
echo "
<tr>
<td><center>".$data['id']."</center></td>
<td><center>".$data['tanggal_upload']."</center></td>";
echo '<td><a href="'.$data['file'].'">';
echo "".$data['nama_file']."";
echo'</a></td>';
echo "
<td><center>".$data['tipe_file']."</center></td>
<td><center>".$data['ukuran_file']."</center></td>
<td><center>".$data['file']."</center></td>
</tr>";
}
echo "</table>";
}
?>
</body>
</html>
</code></pre>
File search tersebut akan memproses menampilkan file ke form.php<br />
<br />
Selanjutnya buat file baru dengan nama <b>config.php</b>, dan isi kodenya seperti di bawah ini<br />
<pre data-codetype="JQueryku" title="config.php"><code class="language-javascript"><?php
//koneksi ke database
mysql_connect("localhost", "root", "");
mysql_select_db("jangkung");
//fungsi untuk mengkonversi size file
function formatBytes($bytes, $precision = 2) {
$units = array('B', 'KB', 'MB', 'GB', 'TB');
$bytes = max($bytes, 0);
$pow = floor(($bytes ? log($bytes) : 0) / log(1024));
$pow = min($pow, count($units) - 1);
$bytes /= pow(1024, $pow);
return round($bytes, $precision) . ' ' . $units[$pow];
}
?> </code></pre>
silahkan teman-teman sesuaikan password dan yg lainnya. di sini kita menggunakan database dengan nama “jangkung”. jadi silahkan teman-teman buat database dengan nama jangkung. lalu buat table dengan nama download. atau biar lebihenaknya lihat gambar di bawah ini.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdntwCx12zW56uqJPB9uEgryqsAVmBh2IpQNZw05CWbhKkKR3h5lNx2Tn2rmiD5Rge3Dog_dtv5XpSvekX_2QmV_3w7Nt4dYQOQWx2dhqNyd-OmlG7ylHt56ChCHxpG3OMS-Nz487jkINY/s1600/Capture.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="387" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdntwCx12zW56uqJPB9uEgryqsAVmBh2IpQNZw05CWbhKkKR3h5lNx2Tn2rmiD5Rge3Dog_dtv5XpSvekX_2QmV_3w7Nt4dYQOQWx2dhqNyd-OmlG7ylHt56ChCHxpG3OMS-Nz487jkINY/s640/Capture.JPG" width="640" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
Oke selesai teman-teman. sekian dulu tutorial <i><b>Membuat Upload File Dengan PHP Dan MySQL</b></i> <b>Menggunakan Bootstrap</b>
</div>
<div dir="ltr" style="text-align: left;" trbidi="on">
</div>
<div dir="ltr" style="text-align: left;" trbidi="on">
</div>
<div dir="ltr" style="text-align: left;" trbidi="on">
</div>
<div dir="ltr" style="text-align: left;" trbidi="on">
</div>
<div dir="ltr" style="text-align: left;" trbidi="on">
</div>
<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
<br />
<div style="text-align: left;">
source code : <a href="https://haodaci.blogspot.com/" target="_blank">Haodaci</a></div>
<ul class="button">
</ul>
</div>
<div class="clear">
</div>
</div>
<script language="JavaScript">
var text="Terimakasih sudah berkunjung Datang di Blog Saya, Jangan Lupa Baca & Komentar!";
var delay=20;
var currentChar=1;
var destination="[none]";
function type()
{
//if (document.all)
{
var dest=document.getElementById(destination);
if (dest)// && dest.innerHTML)
{
dest.innerHTML=text.substr(0, currentChar)+"<blink>_</blink>";
currentChar++;
if (currentChar>text.length)
{
currentChar=1;
setTimeout("type()", 5000);
}
else
{
setTimeout("type()", delay);
}
}
}
}
function startTyping(textParam, delayParam, destinationParam)
{
text=textParam;
delay=delayParam;
currentChar=1;
destination=destinationParam;
type();
}
</script> <b></b><br />
<div 0px="" 16px="" arial="" color:="" ff0000="" font:="" id="textDestination" left="" margin:="" style="background-color: #cccccc;" text-align:="">
</div>
<script language="JavaScript">
javascript:startTyping(text, 50, "textDestination");
</script>
</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-5305341170081722001.post-53411440273449095772018-10-05T01:02:00.001-07:002018-10-05T01:20:16.241-07:00C++ Struct, Sorting & Searching<br />
<div class="MsoNormal" style="background: white; line-height: 150%; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify; vertical-align: baseline;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvnqWOXHDcTAQPGmfKWUj8IoWjMAthLSHrQRaRUQjNfd0j-qbkSpTYvaIiyOmozATrGH_e9KOxFACs_TnIsfRp7zmB9ZTwBT28JyU1tQ8WG8KXxkE7InsiDm4K1r_vHX_HG0OUB-wdjqQ/s1600/download.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="238" data-original-width="212" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvnqWOXHDcTAQPGmfKWUj8IoWjMAthLSHrQRaRUQjNfd0j-qbkSpTYvaIiyOmozATrGH_e9KOxFACs_TnIsfRp7zmB9ZTwBT28JyU1tQ8WG8KXxkE7InsiDm4K1r_vHX_HG0OUB-wdjqQ/s1600/download.png" /></a></div>
<span style="font-family: "times new roman" , "serif"; font-size: 12.0pt; line-height: 150%;"><br /></span>
<span style="font-family: "times new roman" , "serif"; font-size: 12.0pt; line-height: 150%;"><br /></span>
<span style="font-family: "times new roman" , "serif"; font-size: 12.0pt; line-height: 150%;"><br /></span>
<span style="font-family: "times new roman" , "serif"; font-size: 12.0pt; line-height: 150%;">Stucture
(Struktur) adalah kemampuan elemen data yang digabungkan menjadi satu kesatuan,
dengan kata lainnya structure merupakan bentuk struktur data yang dapat
menyimpan variabel - variabel dalam satu nama. Masing - masing elemen data
dikenal dengan sebutan field.<o:p></o:p></span></div>
<div class="MsoNormal" style="background: white; line-height: 150%; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify; vertical-align: baseline;">
<br /></div>
<div class="MsoNormal" style="background: white; line-height: 150%; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify; vertical-align: baseline;">
<span style="font-family: "times new roman" , "serif"; font-size: 12.0pt; line-height: 150%;">Field dapat
memiliki tipe data yang sama ataupun berbeda - beda, perlu kalian ketahui juga
bahwa variabel - variabel tersebut memiliki ikatan satu sama lainnya, walaupun
field-field tersebut berada dalam satu kesatuan, namun masing - masing field
tersebut tetap dapat diakses secara individual.<o:p></o:p></span></div>
<div class="MsoNormal" style="background: white; line-height: 150%; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify; vertical-align: baseline;">
<span style="font-family: "times new roman" , "serif"; font-size: 12.0pt; line-height: 150%;"><br /></span></div>
<div class="MsoNormal" style="background: white; line-height: 150%; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify; vertical-align: baseline;">
<span style="font-family: "times new roman" , "serif"; font-size: 12.0pt; line-height: 150%;">untuk lebih lengkapnya silahkan download <a href="https://drive.google.com/open?id=1MwwNZV09-SS6VCjcEZSeWp_wf965qfnW">disini</a></span></div>
<div class="MsoNormal" style="background: white; line-height: 150%; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify; vertical-align: baseline;">
<br /></div>
<div class="MsoNormal" style="background: white; line-height: 150%; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify; vertical-align: baseline;">
<br /></div>
<div class="MsoNormal" style="background: white; line-height: 150%; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify; vertical-align: baseline;">
<br /></div>
<br />Sugihttp://www.blogger.com/profile/02539124289966867602noreply@blogger.com0tag:blogger.com,1999:blog-5305341170081722001.post-74260390348969562852017-08-30T03:06:00.001-07:002017-08-30T03:06:37.612-07:00Motherboard : Pengertian dan Fungsi Bagian - Bagiannya.<h3 class="post-title entry-title" style="background-color: white; color: #333333; font-family: Oswald; font-size: 20px; font-stretch: normal; font-weight: normal; line-height: 1.2em; margin: 0.25em 0px 0px; padding: 0px 0px 4px; text-shadow: rgb(204, 204, 204) 1px 1px 1px;">
<div id="post13473809362830770829" style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: #333333; font-family: "Open Sans", sans-serif; font-size: 14px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; orphans: 2; padding: 0px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
<b style="color: #444444; font-family: "PT Sans Narrow"; font-size: 16px;">Pengertian Motherboard</b><br style="color: #444444; font-family: "PT Sans Narrow"; font-size: 16px;" /><div style="color: #444444; font-family: "PT Sans Narrow"; font-size: 16px; text-align: justify;">
<blockquote class="tr_bq" style="background: rgb(238, 238, 238); border-left: 20px solid rgb(204, 204, 204); color: #333333; line-height: 1.6em; margin: 10px 10px 10px 20px; padding: 10px 15px;">
<b>Papan induk</b> atau <b>motherboard</b> adalah papan sirkuit tempat berbagai komponen elektronik saling terhubung<br /><a href="https://www.blogger.com/null" name="more"></a>seperti pada PC atau Macintosh dan biasa disingkat dengan kata mobo.</blockquote>
<blockquote class="tr_bq" style="background: rgb(238, 238, 238); border-left: 20px solid rgb(204, 204, 204); color: #333333; line-height: 1.6em; margin: 10px 10px 10px 20px; padding: 10px 15px;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-6VB8g5hnA6h-gjGDMhQjs8ZYuYe8Xmqk78Kzk2CHrF-Gc6DkUpe1uwWHQsOzCreghJ9G41fau7qwxBRcazKRnu40YpMF-d9qniaMSfgnuCt5-ra4Jy6te1Iw-z1yHUcCR077veZtqVe0/s1600/motherboard.jpg" imageanchor="1" style="clear: right; color: black; float: right; margin-bottom: 1em; margin-left: 1em; text-decoration-line: none;"><img border="0" height="204" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-6VB8g5hnA6h-gjGDMhQjs8ZYuYe8Xmqk78Kzk2CHrF-Gc6DkUpe1uwWHQsOzCreghJ9G41fau7qwxBRcazKRnu40YpMF-d9qniaMSfgnuCt5-ra4Jy6te1Iw-z1yHUcCR077veZtqVe0/s320/motherboard.jpg" style="border-width: 0px;" width="320" /></a>Pengertian lain dari Motherboard atau dengan kata lain mainboard adalah papan utama berupa pcb yang memiliki chip bios (program penggerak), jalur-jalur dan konektor sebagai penghubung akses masing-masing perangkat.</blockquote>
<blockquote class="tr_bq" style="background: rgb(238, 238, 238); border-left: 20px solid rgb(204, 204, 204); color: #333333; line-height: 1.6em; margin: 10px 10px 10px 20px; padding: 10px 15px;">
Motherboard yang banyak ditemui dipasaran saat ini adalah motherboard milik PC yang pertama kali dibuat dengan dasar agar dapat sesuai dengan spesifikasi PC IBM.</blockquote>
<blockquote class="tr_bq" style="background: rgb(238, 238, 238); border-left: 20px solid rgb(204, 204, 204); color: #333333; line-height: 1.6em; margin: 10px 10px 10px 20px; padding: 10px 15px;">
Motherboard atau disebut juga dengan Papan Induk Motherboard merupakan komponen utama dari sebuah PC, karena pada Motherboard-lah semua komponen PC anda akan disatukan. Bentuk motherboard seperti sebuah papan sirkuit elektronik. Motherboard merupakan tempat berlalu lalangnya data. Motherboard menghubungkan semua peralatan komputer dan membuatnya bekerja sama sehingga komputer berjalan dengan lancar.</blockquote>
</div>
<span style="color: #444444; font-family: "PT Sans Narrow"; font-size: 16px;">B. Fungsi Motherboard</span><br style="color: #444444; font-family: "PT Sans Narrow"; font-size: 16px;" /><div style="color: #444444; font-family: "PT Sans Narrow"; font-size: 16px; text-align: justify;">
<blockquote class="tr_bq" style="background: rgb(238, 238, 238); border-left: 20px solid rgb(204, 204, 204); color: #333333; line-height: 1.6em; margin: 10px 10px 10px 20px; padding: 10px 15px;">
Fungsi utama motherboard ialah sebagai pusat penghubung antara satu perangkat keras dengan perangkat keras yang lainnya. Artinya, motherboard di sini mengemban tugas untuk menghubungkan bahasa kode antarperangkat keras untuk disinergikan menjadi sebuah aktivitas kerja perangkat komputer. Sebagai contoh, motherboard berfungsi menghubungkan beberapa perangkat keras seperti prosesor, RAM, hard disk, printer, power supply, dan masih banyak lagi.<br /><br />Jika pembaca ingin merakit komputer sendiri, maka hendaknya meneliti terlebih dahulu sebelum membeli perangkat motherboard. Artinya, di sini Anda haruslah memperhatikan beberapa hal terkait pembelian perangkat keras motherboard, antara lain: jenis soket prosesor, frekuensi BUS, jumlah soket SATA dan PCI, jumlah soket RAM, serta yang terpenting adalah reputasi dan keandalan sebuah merek daripada perangkat keras motherboard yang akan dibeli.<br /><br />Di Indonesia sendiri, telah tersebar luas cabang dari produsen kenamaan yang memproduksi motherboard. Persaingan ketat pun ditunjukkan para produsen guna menjadi leader dalam pasar perangkat keras motherboard. Seperti misalnya, merek produk yang kini tengah memiliki reputasi dan keandalan yang bagus antara lain: Gigabyte, Asus, Albatron, Aopen, Abit, ECS, Biostar, dan Jetway. Harga banderolan masing-masing merek pun memiliki varian yang cukup variatif. Begitu pula untuk sektor spesifikasinya.</blockquote>
</div>
</div>
</h3>
<h2 style="border-bottom-color: rgb(230, 230, 230); border-bottom-style: solid; border-image: initial; border-left-color: initial; border-left-style: initial; border-right-color: initial; border-right-style: initial; border-top-color: initial; border-top-style: initial; border-width: 0px 0px 1px; color: #9d7dc8; display: block; font-family: "Roboto Condensed", serif; font-size: 19px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold !important; letter-spacing: 1px !important; line-height: 1.4em; margin: 15px 0px 10px; padding: 10px 0px !important; position: relative; vertical-align: baseline;">
Komponen-Komponen dalam Motherboard</h2>
<h3 class="post-title entry-title" style="background-color: white; color: #333333; font-family: Oswald; font-size: 20px; font-stretch: normal; font-weight: normal; line-height: 1.2em; margin: 0.25em 0px 0px; padding: 0px 0px 4px; text-shadow: rgb(204, 204, 204) 1px 1px 1px;">
<div style="border: 0px; font-family: "Open Sans", sans-serif; font-size: 14px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
<br style="margin: 0px; padding: 0px;" /><div class="separator" style="border: 0px; clear: both; float: none; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto; line-height: inherit; margin: 7px auto 5px; max-width: 100%; overflow: hidden; padding: 0px; text-align: center; vertical-align: baseline; width: auto;">
<img alt="Komponen Motherboard" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmPlPZwvo8DACIAHfRRjTcPUmcHvRFtvONXzxBtKZx8ytU3XWjvDJp3G3xrQqORcBdXu990N4bUsw69ATXfGFvsw4HoK11u2ETpqDwr2HNiLrszC7oCcq67vzYAMCN7JRhZJ8f8fCfYdrN/s1600/motherboard.jpg" style="border: none; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto; line-height: inherit; margin: 0px; max-width: 100%; padding: 0px; vertical-align: baseline; width: auto !important;" title="Komponen Motherboard " /></div>
<div class="separator" style="border: 0px; clear: both; float: none; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto; line-height: inherit; margin: 7px auto 5px; max-width: 100%; overflow: hidden; padding: 0px; text-align: center; vertical-align: baseline; width: auto;">
<br style="margin: 0px; padding: 0px;" /></div>
<div class="separator" style="border: 0px; clear: both; float: none; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto; line-height: inherit; margin: 7px auto 5px; max-width: 100%; overflow: hidden; padding: 0px; vertical-align: baseline; width: auto;">
Keterangan :</div>
<div class="separator" style="border: 0px; clear: both; float: none; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto; line-height: inherit; margin: 7px auto 5px; max-width: 100%; overflow: hidden; padding: 0px; vertical-align: baseline; width: auto;">
<br style="margin: 0px; padding: 0px;" /></div>
<b style="margin: 0px; padding: 0px;">1. Port Firewire :</b> Mendukung 800MB/s untuk transfer kecepatan tinggi, untuk kamera video eksternal dan disk drive eksternal.<br style="margin: 0px; padding: 0px;" /><b style="margin: 0px; padding: 0px;">2. PCI x1 :</b> Untuk menempatkan aksesoris seperti adapter nirkabel, TV tunner dan sebagainya.<br style="margin: 0px; padding: 0px;" /><b style="margin: 0px; padding: 0px;">3. PCI Express x16 :</b> Untuk menempatkan kartu grafik/VGA card agar dapat menghasilkan output yang berkualitas.<br style="margin: 0px; padding: 0px;" /><b style="margin: 0px; padding: 0px;">4. Port Audio : </b>Untuk menghubungkan speaker.<br style="margin: 0px; padding: 0px;" /><b style="margin: 0px; padding: 0px;">5. Socket Processor : </b>Tempat terpasangnya processor/CPU (Central Processing Unit) yang sering disebut dengan otak dari komputer.<br style="margin: 0px; padding: 0px;" /><b style="margin: 0px; padding: 0px;">6. Fan Headers : </b>Untuk memberikan daya pada kipas yang terpasang pada heatsink processor dan sebagai penyedia tegangan untuk kipas processor.<br style="margin: 0px; padding: 0px;" /><b style="margin: 0px; padding: 0px;">7. Socket RAM/Slot Memory :</b> Untuk menempatkan RAM/memasang RAM.<br style="margin: 0px; padding: 0px;" /><b style="margin: 0px; padding: 0px;">8. Socket ATX Power :</b> Untuk menghubungkan konektor power dari power supply dengan motherboard.<br style="margin: 0px; padding: 0px;" /><b style="margin: 0px; padding: 0px;">9. Serial ATA (SATA) :</b> Untuk menghubungkan Disk Drive seperti harddisk atau optical drive jenis SATA.<br style="margin: 0px; padding: 0px;" /><b style="margin: 0px; padding: 0px;">10. Header USB/Slot USB : </b>Untuk menghubungkan Front USB dengan Motherboard<br style="margin: 0px; padding: 0px;" /><b style="margin: 0px; padding: 0px;">11. Slot IDE :</b> Untuk menghubungkan Harddisk atau Optical Drive seperti CD ROM, DVD dan sebagainya yang bertipe ATA dengan motherboard.<br style="margin: 0px; padding: 0px;" /><b style="margin: 0px; padding: 0px;">12. Slot PCI :</b> Slot ekspansi dimana berbagai kartu plug in dapat dipasang beberapa kartu ekspansi seperti modem, kartu jaringan dan lain-lain.<br style="margin: 0px; padding: 0px;" /><b style="margin: 0px; padding: 0px;">13. Slot AGP : </b>Untuk menempatkan kartu grafik/VGA Card yang berjenis AGP.<br style="margin: 0px; padding: 0px;" /><b style="margin: 0px; padding: 0px;">14. BIOS :</b> Memori permanen tempat tersimpannya data penanggalan serta pengaturan dari komponen komputer.<br style="margin: 0px; padding: 0px;" /><b style="margin: 0px; padding: 0px;">15. Chipset :</b> Untuk mengontrol penggunaan daya dan transfer dapat pada socket maupun port yang terpasang pada motherboard.<br style="margin: 0px; padding: 0px;" /><b style="margin: 0px; padding: 0px;">16. CMOS Baterai :</b> Untuk mempertahankan memori dari chip CMOS yang berisi hal-hal seperti tanggal, waktu, jenis perangkat keras dan pengaturan lainnya khusus untuk komputer.<br style="margin: 0px; padding: 0px;" /><ol style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; list-style-image: initial; list-style-position: initial; margin: 5px 0px 5px 10px; padding: 0px 0px 0px 15px; vertical-align: baseline;"></ol>
<div style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
<br style="margin: 0px; padding: 0px;" /></div>
<div class="separator" style="border: 0px; clear: both; float: none; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto; line-height: inherit; margin: 7px auto 5px; max-width: 100%; overflow: hidden; padding: 0px; text-align: center; vertical-align: baseline; width: auto;">
<img alt="Pengertian dan Fungsi Komponen Motherboard Lengkap+Gambar" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkNsbM0Qs11mbmy5ZNbxgp7CfBFYdK1Yr-WMnP05U4jIXr-U62Es7MQphdryt90pt3EBRR45RgV6tPeQLP_CBedRaUOn2o8LDE7rbjOfznKH2OI11vDUgO3RjRj3Jk8sXxcrk-4LDFtte5/s1600/komponen+motherboard.jpg" style="border: none; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto; line-height: inherit; margin: 0px; max-width: 100%; padding: 0px; vertical-align: baseline; width: auto !important;" title="Pengertian dan Fungsi Komponen Motherboard Lengkap+Gambar" /></div>
<div class="separator" style="border: 0px; clear: both; float: none; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto; line-height: inherit; margin: 7px auto 5px; max-width: 100%; overflow: hidden; padding: 0px; text-align: center; vertical-align: baseline; width: auto;">
</div>
</div>
<div class="googlepublisherads" style="border: 0px; font-family: "Open Sans", sans-serif; font-size: 14px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 20px 0px; padding: 0px; vertical-align: baseline;">
<center style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
<ins class="adsbygoogle" data-ad-client="ca-pub-4925046109846280" data-ad-format="link" data-ad-slot="1690916082" data-adsbygoogle-status="done" style="border: 0px; display: block; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: 90px; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><ins id="aswift_1_expand" style="background-color: transparent; border: none; display: inline-table; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: 90px; line-height: inherit; margin: 0px; padding: 0px; position: relative; vertical-align: baseline; visibility: visible; width: 637px;"><ins id="aswift_1_anchor" style="background-color: transparent; border: none; display: block; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: 90px; line-height: inherit; margin: 0px; padding: 0px; position: relative; vertical-align: baseline; visibility: visible; width: 637px;"><iframe allowfullscreen="true" allowtransparency="true" frameborder="0" height="90" hspace="0" id="aswift_1" marginheight="0" marginwidth="0" name="aswift_1" scrolling="no" style="border-style: none; border-width: initial; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: 90px; left: 0px; line-height: inherit; margin: 0px; overflow: hidden; padding: 0px; position: absolute; top: 0px; vertical-align: baseline; width: 637px;" vspace="0" width="637"></iframe></ins></ins></ins></center>
</div>
<div id="post23473809362830770829" style="border: 0px; font-family: "Open Sans", sans-serif; font-size: 14px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
<div class="separator" style="border: 0px; clear: both; float: none; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto; line-height: inherit; margin: 7px auto 5px; max-width: 100%; overflow: hidden; padding: 0px; text-align: center; vertical-align: baseline; width: auto;">
<img alt="Pengertian dan Fungsi Komponen Motherboard Lengkap+Gambar" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg19qRu9XppQrCm_RtWjVekzo4qGiEkQiq5rEy8oxHCeyJCtd2n7F6lzgxV5_0DgU9SL1-OEXNVHcB0NdueDshIrHyetYhuluODNR9qUPVK1coC0NDM-aIcHFRulwd79eoa3crgYXfGaIpq/s1600/back-panel.jpg" style="border: none; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto; line-height: inherit; margin: 0px; max-width: 100%; padding: 0px; vertical-align: baseline; width: auto !important;" title="Pengertian dan Fungsi Komponen Motherboard Lengkap+Gambar" /></div>
<div class="separator" style="border: 0px; clear: both; float: none; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto; line-height: inherit; margin: 7px auto 5px; max-width: 100%; overflow: hidden; padding: 0px; text-align: center; vertical-align: baseline; width: auto;">
<br style="margin: 0px; padding: 0px;" /></div>
<div class="separator" style="border: 0px; clear: both; float: none; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto; line-height: inherit; margin: 7px auto 5px; max-width: 100%; overflow: hidden; padding: 0px; text-align: center; vertical-align: baseline; width: auto;">
<br style="margin: 0px; padding: 0px;" /></div>
<div class="separator" style="border: 0px; clear: both; float: none; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto; line-height: inherit; margin: 7px auto 5px; max-width: 100%; overflow: hidden; padding: 0px; vertical-align: baseline; width: auto;">
Keterangan : </div>
<div class="separator" style="border: 0px; clear: both; float: none; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto; line-height: inherit; margin: 7px auto 5px; max-width: 100%; overflow: hidden; padding: 0px; vertical-align: baseline; width: auto;">
<br style="margin: 0px; padding: 0px;" /></div>
<div class="separator" style="border: 0px; clear: both; float: none; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto; line-height: inherit; margin: 7px auto 5px; max-width: 100%; overflow: hidden; padding: 0px; vertical-align: baseline; width: auto;">
</div>
<b style="margin: 0px; padding: 0px;">1. Socket Processor : </b>Tempat terpasangnya processor/CPU (Central Processing Unit) yang sering disebut dengan otak dari komputer.<br style="margin: 0px; padding: 0px;" /><b style="margin: 0px; padding: 0px;">2. Socket RAM/Slot Memori :</b> Untuk menempatkan RAM/Memasang RAM.<br style="margin: 0px; padding: 0px;" /><b style="margin: 0px; padding: 0px;">3. Northbridge :</b> Sebutan bagi komponen utama yang mengatur lalu lintas data antara processor dengan sistem memori dan saluran utama motherboard.<br style="margin: 0px; padding: 0px;" /><b style="margin: 0px; padding: 0px;">4. Southbridge :</b> Sebutan bagi komponen pembantu Northbridge.<br style="margin: 0px; padding: 0px;" /><b style="margin: 0px; padding: 0px;">5. PCI Express x16 :</b> Untuk menempatkan kartu grafik/VGA Card agar dapat menghasilkan output yang berkualitas.<br style="margin: 0px; padding: 0px;" /><b style="margin: 0px; padding: 0px;">6. PCI x1 :</b> Untuk menempatkan aksesoris seperti adapter nirkabel, TV tunner dan sebagainya.<br style="margin: 0px; padding: 0px;" /><b style="margin: 0px; padding: 0px;">7. Slot AGP :</b> Untuk menempatkan kartu grafik/VGA Card yang berjenis AGP.<br style="margin: 0px; padding: 0px;" /><b style="margin: 0px; padding: 0px;">8. Slot PCI : </b>Slot ekspansi dimana berbagai kartu plug in dapat dipasang beberapa kartu ekspansi seperti modem, kartu jaringan dan lain-lain.<br style="margin: 0px; padding: 0px;" /><b style="margin: 0px; padding: 0px;">9. BIOS :</b> Memori permanen tempat tersimpannya data penanggalan serta pengaturan dari komponen komputer.<br style="margin: 0px; padding: 0px;" /><b style="margin: 0px; padding: 0px;">10. CMOS Baterai :</b> Untuk mempertahankan memori dari chip CMOS yang berisi hal-hal seperti tanggal, waktu, jenis perangkat keras dan pengaturan lainnya khusus untuk komputer.<br style="margin: 0px; padding: 0px;" /><b style="margin: 0px; padding: 0px;">11. Port SATA : </b>Merupakan antarmuka untuk media penyimpanan generasi terbaru. Digunakan untuk menghubungkan Harddisk dengan sistem komputer.<br style="margin: 0px; padding: 0px;" /><b style="margin: 0px; padding: 0px;">12. Port IDE :</b> Merupakan antarmuka media penyimpanan sebelum generasi SATA.<br style="margin: 0px; padding: 0px;" /><b style="margin: 0px; padding: 0px;">13. Port Floppy Disk :</b> Untuk menghubungkan mediaremovable atau media penyimpanan yang bisa dicopot yaitu Disket/Floppy Disk.<br style="margin: 0px; padding: 0px;" /><b style="margin: 0px; padding: 0px;">14. Port Power/ATX Power :</b> Untuk menghubungkan konektor power dari power supply dengan motherboard.<br style="margin: 0px; padding: 0px;" /><b style="margin: 0px; padding: 0px;">15. Back Panel : </b>Kumpulan port yang biasanya diletakkan di belakang casing atau wadah komputer PC.<br style="margin: 0px; padding: 0px;" /><b style="margin: 0px; padding: 0px;">16. Port PS/2 Mouse : </b>Untuk menghubungkan mouse dengan komputer/PC.<br style="margin: 0px; padding: 0px;" /><b style="margin: 0px; padding: 0px;">17. Port PS/2 Keyboard :</b> Untuk memasang keyboard.<br style="margin: 0px; padding: 0px;" /><b style="margin: 0px; padding: 0px;">18. Port Paralel : </b>Untuk memasang perifelar kecepatan rendah dengan lebar data 8 bit. Biasanya digunakan untuk memasang printer sebelum generasi USB.<br style="margin: 0px; padding: 0px;" /><b style="margin: 0px; padding: 0px;">19. Port Serial :</b> Untuk memasang perifelar kecepatan rendah dengan mode transfer data serial. Namun sekarang jarang digunakan<br style="margin: 0px; padding: 0px;" /><b style="margin: 0px; padding: 0px;">20. Port SPDIF : </b>Untuk menghubungkan komputer dengan perifelar audio seperti home theatre.<br style="margin: 0px; padding: 0px;" /><b style="margin: 0px; padding: 0px;">21. Port Firewire :</b> Untuk menghubungkan peralatan eksternal kecepatan tinggi seperti Audio capture atau streaming video.<br style="margin: 0px; padding: 0px;" /><b style="margin: 0px; padding: 0px;">22. Port RJ45 :</b> Untuk menghubungkan komputer dengan jaringan LAN.<br style="margin: 0px; padding: 0px;" /><b style="margin: 0px; padding: 0px;">23. Port USB :</b> Untuk antarmuka dengan perifelar atau peralatan eksternal generasi baru menggantikan port paralel dan port serial.<br style="margin: 0px; padding: 0px;" /><b style="margin: 0px; padding: 0px;">24. Port Audio :</b> Untuk menghubungkan komputer dengan sistem audio seperti speaker, mikrofon, line-in dan line-out.</div>
</h3>
Sugihttp://www.blogger.com/profile/02539124289966867602noreply@blogger.com0tag:blogger.com,1999:blog-5305341170081722001.post-39953032888419649782017-04-23T06:02:00.001-07:002017-06-13T02:57:57.400-07:00Pengertian Dan Fungsi Driver Komputer<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="background-color: white; border: 0px; color: #585858; font-family: "PT Serif", Georgia, serif; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
<br />
<div class="separator" style="clear: both; text-align: center;">
<b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiu0pzR6Tsu_Kvmlk8Uv-CRZpLh4rxBTMkydXyg2bS6A-Jusof7mDCHWbvKNrHwkbqrLa3lIpHJ1b3mPp5IKoccxl5mOzuE1d5Fo1cMvj4JaTa4dkyIM-YgwLdOBVd6RtptkfT8BTtF4OBF/s640/PETA+KOMPETENSI.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" data-original-height="544" data-original-width="640" height="272" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiu0pzR6Tsu_Kvmlk8Uv-CRZpLh4rxBTMkydXyg2bS6A-Jusof7mDCHWbvKNrHwkbqrLa3lIpHJ1b3mPp5IKoccxl5mOzuE1d5Fo1cMvj4JaTa4dkyIM-YgwLdOBVd6RtptkfT8BTtF4OBF/s640/PETA+KOMPETENSI.jpg" width="320" /></a></b></div>
<br />
<br />
<b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Pengertian Driver komputer</b></div>
<div style="background-color: white; border: 0px; color: #585858; font-family: "PT Serif", Georgia, serif; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
Pengertian driver komputer menurut Edy Winarno “<i style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">adalah sekumpulan perangkat lunak untuk memperkenalkan perangkat keras kepada perangkat lunak sistem operasi, dengan perangkat lunak ini sistem mampu untuk menggunakan perangkat keras dengan baik</i>”.</div>
<div style="background-color: white; border: 0px; color: #585858; font-family: "PT Serif", Georgia, serif; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
<br /></div>
<div style="background-color: white; border: 0px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
<div id="post14183822864426563215" style="border: 0px; color: #585858; font-family: "PT Serif", Georgia, serif; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
<div id="adsense-target" style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
<div dir="ltr" style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on">
<b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Berapa driver yang harus diinstall</b><br />
Sebuah komputer tersusun atas banyak hardware. Namun kita tidak perlu untuk menginstall drivernya semua satu-persatu, Karena sebagian besarnya sudah bisa dihandle oleh driver bawaan yang ada pada sistem operasi.<br />
<br style="margin: 0px; padding: 0px;" />
Namun secara umum setelah melakukan install ulang, setidaknya ada 7 hardware yang drivernya harus terinstall, hardware tersebut adalah : VGA, Lan, Wifi, Chipset, Audio, Touchpad [pada laptop], Bluetooth [ jika ada].<br />
<br style="margin: 0px; padding: 0px;" />
Fungsi dari driver tersebut tentunya agar masing-masing hardware yang saya sebutkan tadi berfungsi sebagaimana mestinya. Misalnya anda ingin internetan menggunakan jaringan Wifi kantor, tetapi anda tidak menginstall driver untuk wifi, maka otomatis anda tidak akan bisa menangkap sinyal Wifi karena hardware Wifi pada laptop belum aktif.<br />
<br style="margin: 0px; padding: 0px;" />
<b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Cara mendapatkan driver</b><br />
Untuk mendapatkan driver komputer yang sesuai dengan spesifikasi komputer, setidaknya ada tiga cara yang saya rekomendasikan yaitu :<br />
<br style="margin: 0px; padding: 0px;" />
<b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">1. Menggunakan CD</b><br />
Menggunakan driver yang berasal dari cd driver bawaan adalah cara paling, cepat, tepat dan aman untuk mendapatkan driver yang kompatibel.<br />
<br style="margin: 0px; padding: 0px;" />
Hal ini disebabkan cd driver tersebut telah sesuai dengan hardware yang digunakan oleh sebuah perangkat komputer.<br />
<br style="margin: 0px; padding: 0px;" />
Terlebih untuk anda yang menggunakan laptop, setelah selesai melakukan instalasi anda langsung bisa menginstall driver-driver tersebut, sehingga laptop dapat digunakan untuk segala kegiatan komputasi.<br />
<br style="margin: 0px; padding: 0px;" />
Berbeda dengan laptop, komputer desktop rakitan agak sedikit lebih ribet ketika menginstall driver. Jika komputer rakitan yang anda gunakan memiliki banyak hardware tambahan seperti vga card addons, kartu jaringan wifi, bluetooth, dll, anda harus menginstall driver untuk hardware tambahan tersebut secara terpisah.<br />
<br style="margin: 0px; padding: 0px;" />
Tetapi tidak perlu pusing, karena masing-masing hardware tersebut selalu disertai dengan cd driver yang sudah pasti kompatibel.<br />
<br style="margin: 0px; padding: 0px;" />
<b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Penting !!!!!!!!!!!!!</b></div>
</div>
</div>
<div class="googlepublisherads" style="border: 0px; color: #585858; font-family: "PT Serif", Georgia, serif; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 20px 0px; padding: 0px; vertical-align: baseline;">
<center style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
</center>
</div>
<div id="post24183822864426563215" style="border: 0px; color: #585858; font-family: "PT Serif", Georgia, serif; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
Pada kondisi tertentu, keberadaan cd driver tidak dapat digunakan untuk menginstall driver. Hal ini sering terjadi pada kita melakukan upgrade sistem operasi yang tidak disupport oleh pihak manufaktur.<br />
<br style="margin: 0px; padding: 0px;" />
Misalnya, anda memiliki laptop yang awalnya didesain untuk sistem operasi windows xp, maka pada saat anda menggunakan sistem operasi terbaru seperti windows 7 misalnya, maka driver yang ada pada cd meski bawaan laptop tidak dapat digunakan.<br />
Untuk itu kita memerlukan cara yang kedua.<br />
<br style="margin: 0px; padding: 0px;" />
<b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">2. Mendownload dari situs resmi</b><br />
Perusahaan produsen perangkat keras komputer selalu dan wajib memiliki halaman khusus untuk medapatkan driver untuk produk-produk mereka.<br />
<br style="margin: 0px; padding: 0px;" />
Ketika microsoft mengeluarkan sistem operasi terbaru, maka merekapun berkewajiban merilis driver yang kompatibel dengan sistem operasi terbaru untuk perangkat yang memang mendukung.<br />
Cara ini agak sedikit ribet dan membutuhkan biaya karena namanya juga download, maka anda harus terkoneksi dengan internet.<br />
<br style="margin: 0px; padding: 0px;" />
Karena tidak memungkinkan jika saya jelaskan satu-persatu langkah-langkah untuk mendownload driver yang kompatibel untuk masing-masing merk komputer maupun laptop, maka dibawah ini saya berikan link keartikel yang insya alloh dapat memabntu anda mendapatkan driver yang kompatibel dengan perangkat komputer anda :<br />
<br style="margin: 0px; padding: 0px;" />
• <a href="http://www.mykiosdriver.net/2013/06/cara-otomatis-install-vga-driver.html" style="border: 0px; color: #219fde; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: none; padding: 0px; text-decoration-line: none; transition: all 0.5s; vertical-align: baseline;">Panduan Download Driver VGA AMD</a><br />
• <a href="http://www.mykiosdriver.net/2014/10/mudah-cepat-update-driver-vga-intel.html" style="border: 0px; color: #219fde; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: none; padding: 0px; text-decoration-line: none; transition: all 0.5s; vertical-align: baseline;">Panduan Download Driver VGA Intel</a><br />
• <a href="http://www.mykiosdriver.net/2015/04/cara-download-driver-lenovo-yang-kompatibel.html" style="border: 0px; color: #219fde; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: none; padding: 0px; text-decoration-line: none; transition: all 0.5s; vertical-align: baseline;"> Panduan Download Driver Untuk Laptop Lenovo</a><br />
• <a href="http://www.mykiosdriver.net/2014/09/download-driver-toshiba-semua-type.html" style="border: 0px; color: #219fde; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: none; padding: 0px; text-decoration-line: none; transition: all 0.5s; vertical-align: baseline;">Panduan Download Driver Untuk Laptop Merek Toshiba</a><br />
<br style="margin: 0px; padding: 0px;" />
<b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">3. Menggunakan Tool Pendeteksi Driver</b><br />
Cara yang ketiga dan merupakan cara yang terakhir untuk mendapatkan driver komputer yang kompatibel.<br />
<br style="margin: 0px; padding: 0px;" />
Cara ketiga ini adalah dengan memanfaatkan program pintar yang berfungsi mendeteksi driver secara otomatis dan dapat digunakan untuk sebagian besar hardware komputer yang ada saat ini.<br />
<br style="margin: 0px; padding: 0px;" />
Program pendeteksi driver komputer terbaik saat ini adalah Driver Pack Solution atau yang biasa disingkat DRP.<br />
<br style="margin: 0px; padding: 0px;" />
Program ini memiliki database driver yang saaaaaaaaaaaangat lengkap, serta dapat berjalan hampir disemua seri sistem operasi windows.<br />
<br style="margin: 0px; padding: 0px;" />
Selain memiliki database driver yang lengkap, dalam program ini mempunyai opsi tambahan bagi anda yaitu opsi untuk menginstall aplikasi tambahan pada saat program mulai menginstall driver.<br />
<br style="margin: 0px; padding: 0px;" />
Program atau aplikasi yang ditawarkan antara lain : antiirus, browser, pemutar media dll.<br />
Bagaimana dengan faktor keamanan ?<br />
<br style="margin: 0px; padding: 0px;" />
Program pendeteksi driver seperti driver pack solution sudah terjamin keamanannya karena telah mendapat sertifikasi dari produsen antivirus terbaik saat ini Kaspersky Lab.</div>
<div id="post24183822864426563215" style="border: 0px; color: #585858; font-family: "PT Serif", Georgia, serif; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
<br /></div>
<div id="post24183822864426563215" style="border: 0px; color: #585858; font-family: "PT Serif", Georgia, serif; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
source:</div>
<div id="post24183822864426563215" style="border: 0px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: #585858; font-family: "pt" serif , "georgia" , serif;">http://www.mykiosdriver.net/2014/10/pengertian-dan-fungsi-driver-komputer.html</span></div>
</div>
</div>
Sugihttp://www.blogger.com/profile/02539124289966867602noreply@blogger.com0tag:blogger.com,1999:blog-5305341170081722001.post-2630305273743355532017-02-13T18:22:00.001-08:002017-02-13T18:25:16.130-08:00HTML with Semut Wifibelajar HTML dengan semutwifi<br />
<br />
yuk di coba skrip nya..<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrDk_BVCBPL0zPwGYLtTGlXHf251F8I2wgkRkswEMQ-o6lgrQRwSsRDM0WuZLEa_hZUGA5HI6H9-TMISftNu2y6BLMXSQj9rVcKhzsRf4zn6qBbJP5deyQr4BAYbUliy3QgTYxphy7Yd0/s1600/sw.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="171" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrDk_BVCBPL0zPwGYLtTGlXHf251F8I2wgkRkswEMQ-o6lgrQRwSsRDM0WuZLEa_hZUGA5HI6H9-TMISftNu2y6BLMXSQj9rVcKhzsRf4zn6qBbJP5deyQr4BAYbUliy3QgTYxphy7Yd0/s400/sw.png" width="400" /></a></div>
<br />
<html><br />
<head><br />
<title> Latihan HTML </title><br />
<head><body><br />
<body bgcolor = "white"><br />
<font color = "blue" face="Comic Sans MS" size="4" </font><br />
<h1> Latihan HTML <font color = "red" face="Comic Sans MS" size="5" </font> <i>With</i> </h1><br />
<img src="sw.png" /><br />
<br />
<hr width=100% align=center size=5% color=”blue”><br />
<h2><b>HURUF TEBAL</b></h2><br />
<p><i>Huruf Miring</i><br><u>Garis Bawah</u> </p><br />
<h3>Daftar:</h3><br />
<p>1. No Satu<br>2. No Dua<br>3. No Tiga</p><br />
<p>Contoh Script HTML yang sederhana semoga dapat membantu anda</p><br />
<hr width=100% align=center size=5% color=”blue”><br />
<font color = "red" face="calibri" size="4" </font><br />
<u> Name </u> : <font color = "blue" </font> <B> Dhany Anggara </B> <br><br />
<font color = "red" face="arial" size="4" </font><br><br />
<u> Address </u> : <font color = "blue" </font> <B> Parungpanjang, Bogor </B> <br><br />
<font color = "red" face="Verdana" size="4" </font> <br><br />
<u> Date of Birth </u> : <font color = "blue" </font><B> Bogor, </B><I> 25 juni 1996 </I> <br><br />
<font color = "red" face="tahoma" size="4" </font> <br><br />
<u> City early </u> : <font color = "blue" </font> <B> Parungpanjang</B><br><br />
<font color = "red" face="Verdana" size="4" </font> <br><br />
<u> Education </u> : <font color = "blue" </font> <B> student of SMK Mulia Buana</B><br><br />
<font color = "red" face="Verdana" size="4" </font> <br><br />
<u> Hobbies </u> : <font color = "blue" </font> I love reading article</B> of <I> internet </I><br><br />
<font color = "red" face="Comic Sans MS" size="4" </font> <br><br />
<u> My Dreams </u> : <font color = "blue" </font><B>Web Developer &Network Engineer</B><br><br />
<font color = "red" face="Comic Sans MS" size="4" </font> <br><br />
<u> My Blog </u> : <font color = "blue" </font> <B> <i> semutwifi.blogspot.com </i> </B> <br><br />
<hr width=100% align=center size=5% color=”green”><br />
</body><br />
</html><br />
<br />
<br />
selamat belajar, semoga menyenangkan.!!<br />
salam wifihunterSugihttp://www.blogger.com/profile/02539124289966867602noreply@blogger.com0tag:blogger.com,1999:blog-5305341170081722001.post-12908204935568997242017-02-04T06:52:00.003-08:002019-11-24T03:30:08.196-08:00CSS Apa sih? <div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCEMSXChTMWe9CkJWUt6JYx0SEciPrtobOXUJQoitEhg_ySRcPypAaIY6tx2IqtMfd7jVCPepVx3rQXkMww2xAVU69Q3XCoYmKGLh57MdiXkQ-rVcMIHYuI92fkPUHdSwFEp2HdVIu3dY/s1600/gambar-css.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCEMSXChTMWe9CkJWUt6JYx0SEciPrtobOXUJQoitEhg_ySRcPypAaIY6tx2IqtMfd7jVCPepVx3rQXkMww2xAVU69Q3XCoYmKGLh57MdiXkQ-rVcMIHYuI92fkPUHdSwFEp2HdVIu3dY/s320/gambar-css.png" width="320" /></a></div>
<h3 style="background-color: white; border: 0px; box-sizing: border-box; color: #2b2c33; font-family: Raleway; font-size: 28px; font-stretch: inherit; font-variant-numeric: inherit; font-weight: normal; line-height: 1.4; margin: 0px 0px 12px; padding: 0px; text-align: justify; vertical-align: baseline;">
</h3>
<h3 style="background-color: white; border: 0px; box-sizing: border-box; color: #2b2c33; font-family: Raleway; font-size: 28px; font-stretch: inherit; font-variant-numeric: inherit; font-weight: normal; line-height: 1.4; margin: 0px 0px 12px; padding: 0px; text-align: justify; vertical-align: baseline;">
Pengertian CSS</h3>
<div style="background-color: white; border: 0px; box-sizing: border-box; color: #272727; font-family: "Open Sans"; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin-bottom: 20px; padding: 0px; text-align: justify; vertical-align: baseline;">
Dalam bahasa bakunya, seperti di kutip dari <a href="http://en.wikipedia.org/wiki/Cascading_Style_Sheets" style="background-color: transparent; border: 0px; box-sizing: border-box; color: #2482c1; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;">wikipedia</a>, <b style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">CSS</b> <b style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">adalah</b> “<i style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">kumpulan kode yang digunakan untuk mendefenisikan desain dari bahasa markup” , </i>dimana bahasa markup ini salah satunya adalah <b style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">HTML</b>.</div>
<div style="background-color: white; border: 0px; box-sizing: border-box; color: #272727; font-family: "Open Sans"; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin-bottom: 20px; padding: 0px; text-align: justify; vertical-align: baseline;">
Untuk pengertian bebasnya, <b style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">CSS adalah</b> kumpulan kode program yang digunakan untuk mendesain atau mempercantik tampilan halaman HTML. Dengan CSS kita bisa mengubah desain dari text, warna, gambar dan latar belakang dari (hampir) semua kode <b style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">tag HTML</b>.</div>
<div style="background-color: white; border: 0px; box-sizing: border-box; color: #272727; font-family: "Open Sans"; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin-bottom: 20px; padding: 0px; text-align: justify; vertical-align: baseline;">
<b style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">CSS</b> biasanya selalu dikaitkan dengan HTML, karena keduanya memang saling melengkapi. HTML ditujukan untuk membuat <b style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">struktur</b>, atau konten dari halaman web. Sedangkan CSS digunakan untuk <b style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">tampilan</b> dari halaman web tersebut. Istilahnya, “<i style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">HTML for content, CSS for Presentation”</i>.</div>
<div style="background-color: white; border: 0px; box-sizing: border-box; color: #272727; font-family: "Open Sans"; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin-bottom: 20px; padding: 0px; text-align: justify; vertical-align: baseline;">
<br /></div>
<h3 style="background-color: white; border: 0px; box-sizing: border-box; color: #2b2c33; font-family: Raleway; font-size: 28px; font-stretch: inherit; font-variant-numeric: inherit; font-weight: normal; line-height: 1.4; margin: 0px 0px 12px; padding: 0px; text-align: justify; vertical-align: baseline;">
Fungsi dan Kegunaan CSS</h3>
<div style="background-color: white; border: 0px; box-sizing: border-box; color: #272727; font-family: "Open Sans"; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin-bottom: 20px; padding: 0px; text-align: justify; vertical-align: baseline;">
Awal mula diperlukannya <b style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">CSS</b> dikarenakan kebutuhan akan halaman web yang semakin kompleks. Pada awal kemunculan HTML, kita bisa membuat suatu paragraf bewarna merah dengan menulis langsung kode tersebut didalam tag HTML, atau membuat latar belakang sebuah halaman dengan warna biru. Contoh kode HTML untuk hal itu adalah sebagai berikut:</div>
<div class="line number1 index0 alt2" style="background: none white !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #272727; direction: ltr !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: justify; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><!</code><code class="html keyword" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: rgb(0, 102, 153) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">DOCTYPE</code> <code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">html></code></div>
<div class="line number2 index1 alt1" style="background: none white !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #272727; direction: ltr !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: justify; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><</code><code class="html keyword" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: rgb(0, 102, 153) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">html</code><code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">></code></div>
<div class="line number3 index2 alt2" style="background: none white !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #272727; direction: ltr !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: justify; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><</code><code class="html keyword" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: rgb(0, 102, 153) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">head</code><code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">></code></div>
<div class="line number4 index3 alt1" style="background: none white !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #272727; direction: ltr !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: justify; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="html spaces" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #c7254e; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><</code><code class="html keyword" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: rgb(0, 102, 153) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">title</code><code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">>Test Tag Font HTML</</code><code class="html keyword" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: rgb(0, 102, 153) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">title</code><code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">></code></div>
<div class="line number5 index4 alt2" style="background: none white !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #272727; direction: ltr !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: justify; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"></</code><code class="html keyword" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: rgb(0, 102, 153) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">head</code><code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">></code></div>
<div class="line number6 index5 alt1" style="background: none white !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #272727; direction: ltr !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: justify; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
</div>
<div class="line number7 index6 alt2" style="background: none white !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #272727; direction: ltr !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: justify; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><</code><code class="html keyword" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: rgb(0, 102, 153) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">body</code><code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">></code></div>
<div class="line number8 index7 alt1" style="background: none white !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #272727; direction: ltr !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: justify; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="html spaces" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #c7254e; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><</code><code class="html keyword" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: rgb(0, 102, 153) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">p</code><code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">></code></div>
<div class="line number9 index8 alt2" style="background: none white !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #272727; direction: ltr !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: justify; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="html spaces" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #c7254e; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">CSS merupakan bahasanya <</code><code class="html keyword" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: rgb(0, 102, 153) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">font</code> <code class="html color1" style="background: none; border-radius: 0px; border: 0px; bottom: auto; box-shadow: none; box-sizing: content-box; color: grey; direction: ltr; display: inline; float: none; font-family: "monaco" , "consolas" , "bitstream vera sans mono" , "courier new" , "courier" , monospace "important"; font-size: 1em; font-stretch: inherit; font-variant: inherit; height: auto; left: auto; line-height: 1.1em; margin: 0px; outline: 0px; overflow: visible; padding: 0px; position: static; right: auto; top: auto; vertical-align: baseline; width: auto;">color</code><code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">=</code><code class="html string" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: blue !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"red"</code><code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">>desainer web</</code><code class="html keyword" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: rgb(0, 102, 153) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">font</code><code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">>.</code></div>
<div class="line number10 index9 alt1" style="background: none white !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #272727; direction: ltr !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: justify; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="html spaces" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #c7254e; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">Namun sebenarnya, apa itu CSS?</code></div>
<div class="line number11 index10 alt2" style="background: none white !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #272727; direction: ltr !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: justify; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="html spaces" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #c7254e; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><</code><code class="html keyword" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: rgb(0, 102, 153) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">br</code> <code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">/></code></div>
<div class="line number12 index11 alt1" style="background: none white !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #272727; direction: ltr !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: justify; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="html spaces" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #c7254e; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><</code><code class="html keyword" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: rgb(0, 102, 153) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">font</code> <code class="html color1" style="background: none; border-radius: 0px; border: 0px; bottom: auto; box-shadow: none; box-sizing: content-box; color: grey; direction: ltr; display: inline; float: none; font-family: "monaco" , "consolas" , "bitstream vera sans mono" , "courier new" , "courier" , monospace "important"; font-size: 1em; font-stretch: inherit; font-variant: inherit; height: auto; left: auto; line-height: 1.1em; margin: 0px; outline: 0px; overflow: visible; padding: 0px; position: static; right: auto; top: auto; vertical-align: baseline; width: auto;">color</code><code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">=</code><code class="html string" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: blue !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"red"</code><code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">>CSS </</code><code class="html keyword" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: rgb(0, 102, 153) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">font</code><code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">> adalah kumpulan kode yang digunakan</code></div>
<div class="line number13 index12 alt2" style="background: none white !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #272727; direction: ltr !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: justify; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="html spaces" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #c7254e; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">untuk mendefenisikan desain dari bahasa markup,</code></div>
<div class="line number14 index13 alt1" style="background: none white !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #272727; direction: ltr !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: justify; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="html spaces" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #c7254e; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><</code><code class="html keyword" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: rgb(0, 102, 153) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">font</code> <code class="html color1" style="background: none; border-radius: 0px; border: 0px; bottom: auto; box-shadow: none; box-sizing: content-box; color: grey; direction: ltr; display: inline; float: none; font-family: "monaco" , "consolas" , "bitstream vera sans mono" , "courier new" , "courier" , monospace "important"; font-size: 1em; font-stretch: inherit; font-variant: inherit; height: auto; left: auto; line-height: 1.1em; margin: 0px; outline: 0px; overflow: visible; padding: 0px; position: static; right: auto; top: auto; vertical-align: baseline; width: auto;">color</code><code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">=</code><code class="html string" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: blue !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"red"</code><code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">>salah satunya adalah HTML</</code><code class="html keyword" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: rgb(0, 102, 153) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">font</code><code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">>.</code></div>
<div class="line number15 index14 alt2" style="background: none white !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #272727; direction: ltr !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: justify; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="html spaces" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #c7254e; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><</code><code class="html keyword" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: rgb(0, 102, 153) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">br</code> <code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">/></code></div>
<div class="line number16 index15 alt1" style="background: none white !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #272727; direction: ltr !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: justify; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="html spaces" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #c7254e; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">Dengan CSS kita bisa mengubah desain dari</code></div>
<div class="line number17 index16 alt2" style="background: none white !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #272727; direction: ltr !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: justify; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="html spaces" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #c7254e; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><</code><code class="html keyword" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: rgb(0, 102, 153) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">font</code> <code class="html color1" style="background: none; border-radius: 0px; border: 0px; bottom: auto; box-shadow: none; box-sizing: content-box; color: grey; direction: ltr; display: inline; float: none; font-family: "monaco" , "consolas" , "bitstream vera sans mono" , "courier new" , "courier" , monospace "important"; font-size: 1em; font-stretch: inherit; font-variant: inherit; height: auto; left: auto; line-height: 1.1em; margin: 0px; outline: 0px; overflow: visible; padding: 0px; position: static; right: auto; top: auto; vertical-align: baseline; width: auto;">color</code><code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">=</code><code class="html string" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: blue !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"red"</code><code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">>text, warna, gambar dan latar belakang</</code><code class="html keyword" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: rgb(0, 102, 153) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">font</code><code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">></code></div>
<div class="line number18 index17 alt1" style="background: none white !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #272727; direction: ltr !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: justify; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="html spaces" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #c7254e; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">dari (hampir) semua kode tag HTML.</code></div>
<div class="line number19 index18 alt2" style="background: none white !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #272727; direction: ltr !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: justify; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="html spaces" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #c7254e; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"></</code><code class="html keyword" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: rgb(0, 102, 153) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">p</code><code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">></code></div>
<div class="line number20 index19 alt1" style="background: none white !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #272727; direction: ltr !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: justify; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"></</code><code class="html keyword" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: rgb(0, 102, 153) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">body</code><code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">></code></div>
<div class="line number21 index20 alt2" style="background: none white !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #272727; direction: ltr !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: justify; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"></</code><code class="html keyword" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: rgb(0, 102, 153) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">html</code><code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">></code></div>
<div class="line number21 index20 alt2" style="background: none white !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #272727; direction: ltr !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: justify; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><br /></code></div>
<div class="line number21 index20 alt2" style="background: none white !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #272727; direction: ltr !important; float: none !important; font-size: 16px; font-stretch: inherit; font-variant-numeric: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"></code><br />
<div style="border: 0px; box-sizing: border-box; color: #272727; font-family: "Open Sans"; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin-bottom: 20px; padding: 0px; text-align: justify; vertical-align: baseline; white-space: normal;">
<code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">Saya menggunakan <b style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">tag <font></b> untuk membuat beberapa kata di dalam paragraf tersebut berwarna merah. Hal ini tidak salah, dan semuanya berjalan sesuai keinginan. Untuk sebuah artikel yang memiliki 5 paragraf, kita tinggal copy-paste tag <b style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><font color=”red”></b> pada kata-kata tertentu.</code></div>
<code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
</code>
<br />
<div style="border: 0px; box-sizing: border-box; color: #272727; font-family: "Open Sans"; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin-bottom: 20px; padding: 0px; text-align: justify; vertical-align: baseline; white-space: normal;">
<code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">Namun setelah website tersebut memiliki katakanlah 50 artikel seperti diatas, dan karena sesuatu hal anda ingin merubah seluruh text merah tadi menjadi biru, maka akan dibutuhkan waktu yang lama untuk mengubahnya satu persatu, halaman per halaman.</code></div>
<code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
</code>
<br />
<div style="border: 0px; box-sizing: border-box; color: #272727; font-family: "Open Sans"; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin-bottom: 20px; padding: 0px; text-align: justify; vertical-align: baseline; white-space: normal;">
<code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">Dalam kondisi inilah CSS mencoba <i style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">‘memisahkan’</i> <b style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">tampilan</b> dari <b style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">konten</b>. Untuk paragraf yang sama, berikut kode HTML bila ditambahkan kode CSS:</code></div>
<code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
</code>
<div class="line number1 index0 alt2" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #272727; direction: ltr !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-stretch: inherit; font-variant-numeric: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: justify; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><code class="css plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><!DOCTYPE html></code></code></div>
<code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<div class="line number2 index1 alt1" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #272727; direction: ltr !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-stretch: inherit; font-variant-numeric: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: justify; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><html></code></div>
<div class="line number3 index2 alt2" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #272727; direction: ltr !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-stretch: inherit; font-variant-numeric: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: justify; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><head></code></div>
<div class="line number4 index3 alt1" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #272727; direction: ltr !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-stretch: inherit; font-variant-numeric: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: justify; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css spaces" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #c7254e; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="css plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><title>Test Background Color CSS</title></code></div>
<div class="line number5 index4 alt2 highlighted" style="background: none rgb(224, 224, 224) !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #272727; direction: ltr !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-stretch: inherit; font-variant-numeric: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: justify; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css spaces" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #c7254e; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="css plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><style type=</code><code class="css string" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: blue !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"text/css"</code><code class="css plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">></code></div>
<div class="line number6 index5 alt1 highlighted" style="background: none rgb(224, 224, 224) !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #272727; direction: ltr !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-stretch: inherit; font-variant-numeric: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: justify; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css spaces" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #c7254e; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="css plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">.warna {</code></div>
<div class="line number7 index6 alt2 highlighted" style="background: none rgb(224, 224, 224) !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #272727; direction: ltr !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-stretch: inherit; font-variant-numeric: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: justify; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css spaces" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #c7254e; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="css keyword" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: rgb(0, 102, 153) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">color</code><code class="css plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">: </code><code class="css value" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: rgb(0, 153, 0) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">red</code><code class="css plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">;</code></div>
<div class="line number8 index7 alt1 highlighted" style="background: none rgb(224, 224, 224) !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #272727; direction: ltr !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-stretch: inherit; font-variant-numeric: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: justify; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css spaces" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #c7254e; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="css plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">}</code></div>
<div class="line number9 index8 alt2 highlighted" style="background: none rgb(224, 224, 224) !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #272727; direction: ltr !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-stretch: inherit; font-variant-numeric: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: justify; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css spaces" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #c7254e; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="css plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"></style></code></div>
<div class="line number10 index9 alt1" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #272727; direction: ltr !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-stretch: inherit; font-variant-numeric: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: justify; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"></head></code></div>
<div class="line number11 index10 alt2" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #272727; direction: ltr !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-stretch: inherit; font-variant-numeric: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: justify; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css spaces" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #c7254e; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code> </div>
<div class="line number12 index11 alt1" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #272727; direction: ltr !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-stretch: inherit; font-variant-numeric: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: justify; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><body></code></div>
<div class="line number13 index12 alt2" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #272727; direction: ltr !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-stretch: inherit; font-variant-numeric: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: justify; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css spaces" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #c7254e; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="css plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><p></code></div>
<div class="line number14 index13 alt1" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #272727; direction: ltr !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-stretch: inherit; font-variant-numeric: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: justify; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css spaces" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #c7254e; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="css plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">CSS merupakan bahasanya <span class=warna>desainer web</span>.</code></div>
<div class="line number15 index14 alt2" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #272727; direction: ltr !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-stretch: inherit; font-variant-numeric: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: justify; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css spaces" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #c7254e; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="css plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">Namun sebenarnya, apa itu CSS?</code></div>
<div class="line number16 index15 alt1" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #272727; direction: ltr !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-stretch: inherit; font-variant-numeric: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: justify; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css spaces" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #c7254e; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="css plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><br /></code></div>
<div class="line number17 index16 alt2" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #272727; direction: ltr !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-stretch: inherit; font-variant-numeric: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: justify; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css spaces" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #c7254e; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="css plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span class=warna>CSS </span>adalah kumpulan kode</code></div>
<div class="line number18 index17 alt1" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #272727; direction: ltr !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-stretch: inherit; font-variant-numeric: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: justify; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css spaces" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #c7254e; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="css plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">yang digunakan untuk mendefenisikan desain dari bahasa markup,</code></div>
<div class="line number19 index18 alt2" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #272727; direction: ltr !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-stretch: inherit; font-variant-numeric: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: justify; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css spaces" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #c7254e; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="css plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span class=warna>salah satunya adalah HTML</span>.</code></div>
<div class="line number20 index19 alt1" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #272727; direction: ltr !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-stretch: inherit; font-variant-numeric: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: justify; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css spaces" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #c7254e; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="css plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><br /></code></div>
<div class="line number21 index20 alt2" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #272727; direction: ltr !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-stretch: inherit; font-variant-numeric: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: justify; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css spaces" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #c7254e; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="css plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">Dengan CSS kita bisa mengubah desain dari</code></div>
<div class="line number22 index21 alt1" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #272727; direction: ltr !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-stretch: inherit; font-variant-numeric: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: justify; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css spaces" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #c7254e; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="css plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span class=warna>text, warna, gambar dan latar belakang</span></code></div>
<div class="line number23 index22 alt2" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #272727; direction: ltr !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-stretch: inherit; font-variant-numeric: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: justify; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css spaces" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #c7254e; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="css plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">dari (hampir) semua kode tag HTML.</code></div>
<div class="line number24 index23 alt1" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #272727; direction: ltr !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-stretch: inherit; font-variant-numeric: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: justify; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css spaces" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #c7254e; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="css plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"></p></code></div>
<div class="line number25 index24 alt2" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #272727; direction: ltr !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-stretch: inherit; font-variant-numeric: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: justify; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"></body></code></div>
<div class="line number26 index25 alt1" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #272727; direction: ltr !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-stretch: inherit; font-variant-numeric: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: justify; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"></html></code></div>
<div class="line number26 index25 alt1" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #272727; direction: ltr !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-stretch: inherit; font-variant-numeric: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: justify; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><br /></code></div>
<div class="line number26 index25 alt1" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #272727; direction: ltr !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-stretch: inherit; font-variant-numeric: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: justify; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span style="color: #272727; font-family: "open sans"; white-space: normal;">Dalam contoh </span><b style="border: 0px; box-sizing: border-box; color: #272727; font-family: "Open Sans"; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: start; vertical-align: baseline; white-space: normal;">CSS</b><span style="color: #272727; font-family: "open sans"; white-space: normal;"> diatas, saya mengubah </span><b style="border: 0px; box-sizing: border-box; color: #272727; font-family: "Open Sans"; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: start; vertical-align: baseline; white-space: normal;">tag <font</b><span style="color: #272727; font-family: "open sans"; white-space: normal;">> menjadi </span><b style="border: 0px; box-sizing: border-box; color: #272727; font-family: "Open Sans"; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: start; vertical-align: baseline; white-space: normal;">tag <span</b><span style="color: #272727; font-family: "open sans"; white-space: normal;">>. </span><b style="border: 0px; box-sizing: border-box; color: #272727; font-family: "Open Sans"; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: start; vertical-align: baseline; white-space: normal;">Tag <span</b><span style="color: #272727; font-family: "open sans"; white-space: normal;">> sendiri merupakan tag yang </span><i style="border: 0px; box-sizing: border-box; color: #272727; font-family: "Open Sans"; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: start; vertical-align: baseline; white-space: normal;">tidak bermakna</i><span style="color: #272727; font-family: "open sans"; white-space: normal;">, namun bisa di kostumasi menggunakan CSS. </span><b style="border: 0px; box-sizing: border-box; color: #272727; font-family: "Open Sans"; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: start; vertical-align: baseline; white-space: normal;">Tag span</b><span style="color: #272727; font-family: "open sans"; white-space: normal;"> saya tambahkan dengan atribut atribut </span><b style="border: 0px; box-sizing: border-box; color: #272727; font-family: "Open Sans"; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: start; vertical-align: baseline; white-space: normal;">class=”warna”.</b><span style="color: #272727; font-family: "open sans"; white-space: normal;"> Atribut </span><b style="border: 0px; box-sizing: border-box; color: #272727; font-family: "Open Sans"; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: start; vertical-align: baseline; white-space: normal;">class</b><span style="color: #272727; font-family: "open sans"; white-space: normal;"> berguna untuk memasukkan kode CSS pada </span><b style="border: 0px; box-sizing: border-box; color: #272727; font-family: "Open Sans"; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: start; vertical-align: baseline; white-space: normal;">tag <style></b><span style="color: #272727; font-family: "open sans"; white-space: normal;"> di bagian head.</span></code></div>
<div class="line number26 index25 alt1" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #272727; direction: ltr !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-stretch: inherit; font-variant-numeric: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: justify; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span style="color: #272727; font-family: "open sans"; white-space: normal;">Jika kita ingin merubah seluruh warna menjadi biru, maka tinggal mengubah isi dari CSS </span><b style="border: 0px; box-sizing: border-box; color: #272727; font-family: "Open Sans"; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: start; vertical-align: baseline; white-space: normal;">color: red</b><span style="color: #272727; font-family: "open sans"; white-space: normal;"> menjadi </span><b style="border: 0px; box-sizing: border-box; color: #272727; font-family: "Open Sans"; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: start; vertical-align: baseline; white-space: normal;">color:blue, </b><span style="color: #272727; font-family: "open sans"; white-space: normal;">dan seluruh tag yang memiliki </span><b style="border: 0px; box-sizing: border-box; color: #272727; font-family: "Open Sans"; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: start; vertical-align: baseline; white-space: normal;">class=”warna”</b><span style="color: #272727; font-family: "open sans"; white-space: normal;"> akan otomatis berubah menjadi biru.</span></code></div>
<div class="line number26 index25 alt1" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #272727; direction: ltr !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-stretch: inherit; font-variant-numeric: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: justify; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span style="color: #272727; font-family: "open sans"; white-space: normal;">CSS memungkinkan kita merubah tampilan dari halaman, tanpa mengubah isi dari halaman. </span></code></div>
<div class="line number26 index25 alt1" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #272727; direction: ltr !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-stretch: inherit; font-variant-numeric: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: justify; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span style="color: #272727; font-family: "open sans"; white-space: normal;"><br /></span></code></div>
<div class="line number26 index25 alt1" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #272727; direction: ltr !important; float: none !important; font-stretch: inherit; font-variant-numeric: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: start; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<span style="font-family: "open sans";">tunggu tutorial berikutnya ya...</span></div>
<div class="line number26 index25 alt1" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #272727; direction: ltr !important; float: none !important; font-stretch: inherit; font-variant-numeric: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; text-align: start; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<span style="font-family: "open sans";"><br /></span></div>
</code></div>
</div>
Sugihttp://www.blogger.com/profile/02539124289966867602noreply@blogger.com0tag:blogger.com,1999:blog-5305341170081722001.post-6932057284192746412017-02-02T15:57:00.001-08:002017-02-02T15:57:22.260-08:00Partisi pada Harddisk<h3>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjytZs_JZR7rbOe-MbKUmdBQ5axO3wSIR8DwR24j-o9wxuhV5gGNOdmJYm1vaIX9fNA9BQ7Rpy4L6HU02FIZCSPV-OljaKLWMGCcOxcm4MP48gFM3tYMW1k7PzNKOQewMvVS8qhO74Dxjg/s1600/Harddisk.jpg" imageanchor="1" style="font-size: 18.72px; margin-left: 1em; margin-right: 1em; text-align: center;"><span style="color: black;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjytZs_JZR7rbOe-MbKUmdBQ5axO3wSIR8DwR24j-o9wxuhV5gGNOdmJYm1vaIX9fNA9BQ7Rpy4L6HU02FIZCSPV-OljaKLWMGCcOxcm4MP48gFM3tYMW1k7PzNKOQewMvVS8qhO74Dxjg/s640/Harddisk.jpg" width="640" /></span></a></div>
<div style="text-align: justify;">
<span style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal;"><br /></span></div>
<div style="text-align: justify;">
<span style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal;"><br /></span></div>
<div style="text-align: justify;">
<span style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal;">Pengertian Partisi.</span></div>
<span style="font-weight: normal;"><div style="text-align: justify;">
<span style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 12px;">Partisi</span><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 12px;"> adalah proses pembagian ruang-ruang kosong pada harddisk untuk memberikan File System pada ruang kosong yang terdapat pada harddisk, kemudian ruang kosong pada harddisk yang telah diberi File System tersebut, digunakan untuk menyimpan berbagai macam data dan sistem operasi.</span></div>
</span></h3>
<h3>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal;"><br /></span></div>
<span style="font-weight: normal;"><div style="text-align: justify;">
<span style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 12px;">Jika kita umpamakan seperti sebuah rumah, maka dalam rumah itu kita akan membaginya menjadi beberapa kamar, entah itu kamar tidur, kamar tamu, kamar keluarga, dan kamar-kamar lainnya. Demikian juga pada harddisk, didalam kapasitas harddisk yang cukup besar maka kita akan membaginya menjadi beberapa bagian-bagian yang memiliki kapasitas tertentu sesuai dengan yang kita inginkan. Tujuannya adalah untuk mempermudah kita dalam penyimpanan data, untuk penyimpanan data sistem operasi maka akan ditaruh pada partisi khusus untuk data sistem operasi, untuk penyimpanan data pribadi maka ditaruh pada partisi khusus untuk data pribadi. Selain itu pembuatan partisi juga juga bermanfaat untuk mempermudah kita dalam mem-backup data saat akan melakukan install ulang.</span></div>
<div style="text-align: justify;">
<span style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 12px;"><br /></span></div>
<span style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 12px;"><div style="text-align: justify;">
Pengertian Partisi Primary</div>
</span><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 12px;"><div style="text-align: justify;">
Partisi Primary adalah partisi utama pada harddisk yang memuat sejumlah file data. Fungsi dari partisi primary ini juga sebagai partisi yang pertama diakses komputer untuk booting. Jadi, intinya partisi tipe ini digunakan untuk menyimpan file data dari system operasi yang kemudian digunakan untuk booting sistem operasi tersebut. Bisa dibilang data dari sistem operasi tersebut disimpan disini. Sebenarnya partisi primary juga boleh untuk menyimpan data-data pribadi, tetapi untuk data dari sistem operasi harus menggunakan partisi primary.</div>
<div style="text-align: justify;">
<br /></div>
</span><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 12px;"><div style="text-align: justify;">
Pengertian Partisi Extended</div>
</span><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 12px;"><div style="text-align: justify;">
Partisi Extended juga merupakan partisi utama pada harddisk. Partisi Extended berfungsi untuk mengatasi keterbatasan pembagian partisi. Partisi Extended tidak menangani pengolahan data secara langsung. Untuk dapat menggunakannya, kita harus menciptakan Partisi Logical terlebih dahulu. Bisa dibilang tipe partisi ini adalah partisi lain selain Partisi Primary.</div>
<div style="text-align: justify;">
<br /></div>
</span><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 12px;"><div style="text-align: justify;">
Pengertian Partisi Logical</div>
</span><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 12px;"><div style="text-align: justify;">
Partisi Logical merupakan partisi sampingan yang terdapat pada partisi Extended. Partisi Logical mampu menampung berbagai macam file data.</div>
</span><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 12px;"><div style="text-align: justify;">
Nah, ini contohnya drive :D, :E, :F, dan seterusnya pada Windows. Jadi, partisi Extended terdiri dari Partisi Logical.</div>
</span></span></h3>
Sugihttp://www.blogger.com/profile/02539124289966867602noreply@blogger.com0tag:blogger.com,1999:blog-5305341170081722001.post-17892102643643397862017-02-02T15:31:00.000-08:002017-02-02T15:57:56.532-08:00MBR VS GPT Partiition<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0g92YFrMHb0ab9yS53fn6yMrIHDRrGDc33g3_u9bRWpfNEyxxVQWBGpubHNNGwFl1kUOM7kJocr85_jgZmRu6nrO_Z93yjzHq9ArpYz4AbcDugaOTmTqbDIb-9P8uLjN28C34ZQd9atA/s1600/624x774xclip_image009.png.pagespeed.gp%252Bjp%252Bjw%252Bpj%252Bjs%252Brj%252Brp%252Brw%252Bri%252Bcp%252Bmd.ic.ArBJa7fyrn.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0g92YFrMHb0ab9yS53fn6yMrIHDRrGDc33g3_u9bRWpfNEyxxVQWBGpubHNNGwFl1kUOM7kJocr85_jgZmRu6nrO_Z93yjzHq9ArpYz4AbcDugaOTmTqbDIb-9P8uLjN28C34ZQd9atA/s640/624x774xclip_image009.png.pagespeed.gp%252Bjp%252Bjw%252Bpj%252Bjs%252Brj%252Brp%252Brw%252Bri%252Bcp%252Bmd.ic.ArBJa7fyrn.png" width="513" /></a></div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
<br /></div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
Membuat partisi merupakan sesuatu yang krusial untuk dilakukan setelah membeli hardisk baru ataupun pada saat akan melakukan instalasi sistem operasi. Karena benar atau tidaknya proses pembuatan partisi dan susunannya akan memberikan dampak setelah sistem operasi selesai diinstall. Selain itu kerapian susunan partisi juga dapat memberikan efek samping pada kelancaran jalannya sistem operasi. Susunan partisi yang rapi juga akan sangat membantu pengguna dalam melakukan pencarian data yang dibutuhkan.</div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
<br style="box-sizing: border-box; margin: 0px; padding: 0px;" /></div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
Sebelum munculya sistem operasi Windows 8, tidak banyak orang yang membicarakan apa itu GPT dan apa itu MBR, dikarenakan sistem operasi saat itu seperti Windows 7 dan sebelumnya memang hanya untuk diinstall pada tipe partisi hardisk MBR. Sebenarnya untuk yang versi 64 bit sudah dapat menggunakan partisi GPT, asalkan motherboardnya sudah mendukung boot mode UEFI, Tetapi karena pada saat itu masih lancar menggunakan tipe partisi MBR, maka masih sedikit sekali yang mengaplikasikan GPT menjadi tipe partisi hardisk. </div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
<br style="box-sizing: border-box; margin: 0px; padding: 0px;" /></div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
Sebenarnya apa sih perbedaan antara GPT dan MBR? Sebelum membahas tentang perbedaanya kita pelajari dulu yuk masing-masing penjelasan dari GPT dan MBR!</div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
<br style="box-sizing: border-box; margin: 0px; padding: 0px;" /></div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline;">
<b style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; transition: color 0.2s; vertical-align: baseline;"><span style="border: 0px; box-sizing: border-box; color: blue; font-family: inherit; font-size: medium; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><u style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">MBR </u></span></b></div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
MBR adalah singkatan dari <i style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Master Boot Record</i><b style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: italic; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; transition: color 0.2s; vertical-align: baseline;">. </b>Dalam sistem partisi MBR, semua informasi yang terdapat dalam disk dipegang dibawah kendali oleh MBR, misalnya: <i style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">file system, logical partition, extended partition</i>, dll. </div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
<br style="box-sizing: border-box; margin: 0px; padding: 0px;" /></div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
Salah satu fungsi yang paling dapat dirasakan oleh MBR yaitu pada saat sistem operasi sedang dalam proses <i style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Booting, </i>selama proses <i style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">booting</i> MBR akan mencari lokasi dimana terdapat <i style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">boot sector. </i>Yang mana boot sector bersisi file-file dan informasi yang dibutuhkan sistem sehingga dapat mencapai <i style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">startup</i><b style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: italic; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; transition: color 0.2s; vertical-align: baseline;"> </b>dan sampi ke <i style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">destop</i>.</div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
<br style="box-sizing: border-box; margin: 0px; padding: 0px;" /></div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
Tipe partisi MBR memiliki kekurangan antara lain: </div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
</div>
<ul style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: 1.5; list-style-image: initial; list-style-position: outside; margin: 0.5em 0px; padding: 0px 20px; vertical-align: baseline;">
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 1.5; list-style-type: square; margin: 0px 0px 0.25em; padding: 0px; vertical-align: baseline;">Hanya dapat mendukung hardisk maksimal 2 TB saja.</li>
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 1.5; list-style-type: square; margin: 0px 0px 0.25em; padding: 0px; vertical-align: baseline;">Hanya dapat mendukung untuk pembuatan maksimal 4 <i style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Primary Partition </i>saja.</li>
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 1.5; list-style-type: square; margin: 0px 0px 0.25em; padding: 0px; vertical-align: baseline;">JIka ingin membuat partisi lebih, 1 primary partition harus dikorbankan menjadi <i style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">extended partition</i><b style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: italic; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; transition: color 0.2s; vertical-align: baseline;"> </b>sehingga dibawahnya bisa dibuat beberapa <i style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">logical partition<b style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; transition: color 0.2s; vertical-align: baseline;">.</b></i></li>
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 1.5; list-style-type: square; margin: 0px 0px 0.25em; padding: 0px; vertical-align: baseline;">Informasi mengenai lokasi file system dan partisi sistem operasi hanya tersimpan pada sektor pertama pada hardisk tersebut, sehingga apabila hilang atau <i style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">corrupted</i> maka sistem operasi akan mengalami kerusakan.</li>
</ul>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline;">
<span style="border: 0px; box-sizing: border-box; color: blue; font-family: inherit; font-size: medium; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><b style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; transition: color 0.2s; vertical-align: baseline;"><u style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">GPT</u></b></span></div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
Disebut juga dengan <b style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; transition: color 0.2s; vertical-align: baseline;">GUID Partition Table</b>. Karena itulah disebut dengan GPT yang merupakan singkatan dari <b style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; transition: color 0.2s; vertical-align: baseline;">GUID Partition Table.</b> Pada tipe hardisk GPT, layout tabel partisi didefinisikan menggunakan <i style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Global Unique Identifier</i>. Hadirnya GPT diharapkan dapat menutupi kekurangan dari MBR, sehingga GPT pun mempunyai banyak kelebihan jika dibandingkan dengan MBR, antara lain:</div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
<ul style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: 1.5; list-style-image: initial; list-style-position: outside; margin: 0.5em 0px; padding: 0px 20px; vertical-align: baseline;">
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 1.5; list-style-type: square; margin: 0px 0px 0.25em; padding: 0px; vertical-align: baseline;">Mendukung media penyimpanan atau hardisk hingga 9 <b style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; transition: color 0.2s; vertical-align: baseline;">ZB (Zettabyte)</b>.Zettabyte merupakan 3 tingkat diatas Terabyte (TB). Diatas TB ada <i style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Petabyte</i><b style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; transition: color 0.2s; vertical-align: baseline;"><i style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"> </i>(PB)</b>, <i style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Exabyte </i><b style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; transition: color 0.2s; vertical-align: baseline;">(EB)</b>, <i style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Zettabyte </i><b style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; transition: color 0.2s; vertical-align: baseline;">(ZB)</b>, dan <i style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Yottabyte </i><b style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; transition: color 0.2s; vertical-align: baseline;">(YB)</b>.</li>
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 1.5; list-style-type: square; margin: 0px 0px 0.25em; padding: 0px; vertical-align: baseline;">Dapat mendukung hingga 128 <i style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Primary Partition<b style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; transition: color 0.2s; vertical-align: baseline;">.</b></i></li>
<li style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 1.5; list-style-type: square; margin: 0px 0px 0.25em; padding: 0px; vertical-align: baseline;">Informasi file system dan lokasi sistem operasi disimpan lebih dari satu lokasi, sehingga jika yang utama rusak, sistem masih bisa berjalan normal menggunakan backup yang lainnya.</li>
</ul>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
Secara ringkasnya, perbedaan antara MBR dan GPT dapat disimpulkan menjadi beberapa poin dibawah ini:</div>
<div style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">
<ol style="background-color: white; border: 0px; box-sizing: border-box; color: #444444; counter-reset: li 0; font-family: "Open Sans", "lucida sans"; font-size: 15px; font-stretch: normal; line-height: normal; list-style: none; margin: 0px; padding: 0px; text-shadow: rgba(255, 255, 255, 0.498039) 0px 1px 0px; vertical-align: baseline;">
<li style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; color: #666666; display: block; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 1.5; list-style-type: square; margin: 0.5em 0px 0.25em 2.5em; padding: 0px; position: relative; transition: all 0.3s ease-out; vertical-align: baseline;">MBR hanya mendukung kapasitas penyimpanan hingga 2 TB saja, sedangkan GPT mampu mendukung hingga 9 ZB.</li>
<li style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; color: #666666; display: block; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 1.5; list-style-type: square; margin: 0.5em 0px 0.25em 2.5em; padding: 0px; position: relative; transition: all 0.3s ease-out; vertical-align: baseline;">MBR hanya dapat dibuat menjadi 4 primary partition, sedangkan pada GPT mampu dibagi menjadi 128 primary partition.</li>
<li style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; color: #666666; display: block; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 1.5; list-style-type: square; margin: 0.5em 0px 0.25em 2.5em; padding: 0px; position: relative; transition: all 0.3s ease-out; vertical-align: baseline;">Pada MBR, informasi mengenai lokasi file system dan lokasi sistem operasi hanya disimpan pada sektor pertama pada hardisk tersebut, sedangkan pada GPT dilakukan penyimpanan beberapa kali sebagai cadangan jika informasi utama mengalami kerusakan atau <i style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">corrupted.</i></li>
<div>
<i style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><br /></i></div>
</ol>
</div>
</div>
Sugihttp://www.blogger.com/profile/02539124289966867602noreply@blogger.com0tag:blogger.com,1999:blog-5305341170081722001.post-7137609328128582582017-01-30T04:47:00.001-08:002017-01-30T04:47:17.266-08:00BIOS Legacy & UEFI<div class="MsoNormal" style="background: white; margin-bottom: 7.5pt; text-align: justify;">
<b><span style="font-family: "Times New Roman", serif; font-size: 14pt; line-height: 115%;">BIOS
LEGACY & UEFI<o:p></o:p></span></b></div>
<div class="MsoNormal" style="background: white; margin-bottom: 7.5pt; text-align: justify;">
<b><span style="font-family: "Times New Roman", serif; font-size: 12pt; line-height: 115%;"><!--[if gte vml 1]><v:shapetype
id="_x0000_t75" coordsize="21600,21600" o:spt="75" o:preferrelative="t"
path="m@4@5l@4@11@9@11@9@5xe" filled="f" stroked="f">
<v:stroke joinstyle="miter"/>
<v:formulas>
<v:f eqn="if lineDrawn pixelLineWidth 0"/>
<v:f eqn="sum @0 1 0"/>
<v:f eqn="sum 0 0 @1"/>
<v:f eqn="prod @2 1 2"/>
<v:f eqn="prod @3 21600 pixelWidth"/>
<v:f eqn="prod @3 21600 pixelHeight"/>
<v:f eqn="sum @0 0 1"/>
<v:f eqn="prod @6 1 2"/>
<v:f eqn="prod @7 21600 pixelWidth"/>
<v:f eqn="sum @8 21600 0"/>
<v:f eqn="prod @7 21600 pixelHeight"/>
<v:f eqn="sum @10 21600 0"/>
</v:formulas>
<v:path o:extrusionok="f" gradientshapeok="t" o:connecttype="rect"/>
<o:lock v:ext="edit" aspectratio="t"/>
</v:shapetype><v:shape id="Picture_x0020_7" o:spid="_x0000_i1025" type="#_x0000_t75"
style='width:408pt;height:204pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="file:///C:\Users\space\AppData\Local\Temp\msohtmlclip1\01\clip_image001.jpg"
o:title=""/>
</v:shape><![endif]--><!--[if !vml]--><!--[endif]--></span></b><b><span style="font-family: "Times New Roman", serif; font-size: 12pt; line-height: 115%;"><o:p></o:p></span></b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJDF4EO_w48N2eGQ1CF06WsZtqlqlX5o9lvQ6a1fFEVQN8uLmEmx4975Fs-mh7jr59KaIDGE7U-U5lU-8y48s_NYzs7PL_aFdi6eaGpQCBq6mSPcddlIebnPznNDeGHShp4OKWuhEOang/s1600/Pengertian-dan-Perbedaan-UEFI-dan-Legacy-Pada-Bios.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJDF4EO_w48N2eGQ1CF06WsZtqlqlX5o9lvQ6a1fFEVQN8uLmEmx4975Fs-mh7jr59KaIDGE7U-U5lU-8y48s_NYzs7PL_aFdi6eaGpQCBq6mSPcddlIebnPznNDeGHShp4OKWuhEOang/s640/Pengertian-dan-Perbedaan-UEFI-dan-Legacy-Pada-Bios.jpg" width="640" /></a></div>
<div class="MsoNormal" style="background: white; margin-bottom: 7.5pt; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="background: white; margin-bottom: 7.5pt; text-align: justify;">
<span style="font-family: "Times New Roman", serif; font-size: 12pt; line-height: 115%;">BIOS (Basic
Input Output System) adalah sebuah <i>firmware</i> (software dasar)
yang tertanam pada chip memori (ROM) motherboard dan bertindak sebagai
interface (media antarmuka) antara hardware dan sistem operasi.<o:p></o:p></span></div>
<div class="MsoNormal" style="background: white; margin-bottom: 7.5pt; text-align: justify;">
<span style="font-family: "Times New Roman", serif; font-size: 12pt; line-height: 115%;">Adapun
fungsi utama BIOS adalah : <b>“<i>memberikan
instruksi POST (Power
On Selft Test) yaitu perintah untuk menginisialisasi dan identifikasi perangkat
sistem seperti CPU, RAM, VGA Card, Keyboard, Mouse, Hardisk drive, Optical
(CD/DVD) drive dan hardware lainnya pada saat komputer mulai booting</i>“.<o:p></o:p></b></span></div>
<div class="MsoNormal" style="background: white; margin-bottom: 7.5pt; text-align: justify;">
<span style="font-family: "Times New Roman", serif; font-size: 12pt; line-height: 115%;">Dalam
perjalanannya, tugas BIOS mulai dianggap banyak kekurangan yang harus ditambal
guna memenuhi kebutuhan user. Guna merealisasi tujuan itu, beberapa perusahaan
yang tergabung mulai mengembangkan Unified EFI pasca mengambil alih
EFI (cikal bakal penerus BIOS generasi baru) dari Intel <o:p></o:p></span></div>
<div class="MsoListParagraph" style="margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 21.3pt; margin-right: 0cm; margin-top: 0cm; mso-add-space: auto; mso-list: l1 level1 lfo1; text-indent: -18.0pt;">
<!--[if !supportLists]--><b><span style="font-family: "Times New Roman", serif; font-size: 12pt; line-height: 115%;">1.<span style="font-family: "Times New Roman"; font-size: 7pt; font-stretch: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;">
</span></span></b><!--[endif]--><b><span style="background: white; font-family: "Times New Roman", serif; font-size: 14pt; line-height: 115%;">LEGACY
BIOS </span></b><b><span style="font-family: "Times New Roman", serif; font-size: 12pt; line-height: 115%;"><br />
<!--[if !supportLineBreakNewLine]--><br />
<!--[endif]--><o:p></o:p></span></b></div>
<div class="MsoNormal" style="background: white; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<span style="font-family: "Times New Roman", serif; font-size: 12pt; line-height: 115%;">Pada legacy BIOS, system BIOS ini menggunakan
16 bit-code, padahal teknologi prosesor komputer saat ini sdh menggunakan 64
bit, tentu saja akan terjadi kesenjangan yang jauh. Ini baru contoh paling
simple dari keterbatasan (ketertinggalan) BIOS untuk bisa mensupport
perkembangan pesat dari teknologi hardware komputer. Karena BIOS diciptakan
sejak 30 tahun yang lalu oleh IBM, yang saat itu digunakan untuk produk produk
IBM PC. Jika firmware teknologi lama (obsolete technology) harus dipaksakan
untuk mensupport teknologi baru yang terus berkembang maka akibatnya pasti akan
menjadi masalah (stumbling). Oleh karena itu lahirnya EFi/UEFi adalah tuntutan
perkembangan zaman untuk mengimbangi pesatnya perkembangan komputer dewasa ini.<o:p></o:p></span></div>
<div class="MsoNormal" style="background: white; margin-bottom: 7.5pt; text-align: justify;">
<br /></div>
<div class="MsoListParagraph" style="background: white; margin-bottom: 7.5pt; margin-left: 21.3pt; margin-right: 0cm; margin-top: 0cm; mso-add-space: auto; mso-list: l1 level1 lfo1; text-align: justify; text-indent: -18.0pt;">
<!--[if !supportLists]--><b><span style="font-family: "Times New Roman", serif; font-size: 12pt; line-height: 115%;">2.<span style="font-family: "Times New Roman"; font-size: 7pt; font-stretch: normal; font-variant-numeric: normal; font-weight: normal; line-height: normal;"> </span></span></b><!--[endif]--><b><span style="font-family: "Times New Roman", serif; font-size: 14pt; line-height: 115%;">UEFI (Unified Extensible Firmware Interface)</span></b><span style="font-family: "Times New Roman", serif; font-size: 14pt; line-height: 115%;"> </span><span style="font-family: "Times New Roman", serif; font-size: 12pt; line-height: 115%;">hadir dengan berbagai fitur baru sebagai era
baru BIOS (Legacy BIOS) yang sudah berumur ± 30th sejak IBM pertama kali
meluncurkannya :<o:p></o:p></span></div>
<ul style="margin-top: 0cm;" type="disc">
<li class="MsoNormal" style="background: white; margin-bottom: 3pt; vertical-align: baseline;"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; line-height: 115%; mso-fareast-font-family: "Times New Roman";">UEFI sudah mendukung kapasitas
penyimpanan hardisk lebih dari 2 TB, sedangkan pada BIOS maksimal adalah 2
TB.<o:p></o:p></span></li>
<li class="MsoNormal" style="background: white; margin-bottom: 0.0001pt; vertical-align: baseline;"><b><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; line-height: 115%; mso-fareast-font-family: "Times New Roman";">UEFI sudah mendukung tipe
partisi GPT</span></b><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; line-height: 115%; mso-fareast-font-family: "Times New Roman";">
yang diwajibkan pada saat melakukan instalasi sistem operasi terbaru
khususnya Windows 10, Sedangkan LEGACY BIOS hanya dapat menjalankan tipe
partisi MBR atau <i><span style="border: none windowtext 1.0pt; mso-border-alt: none windowtext 0cm; padding: 0cm;">Master Boot Record</span></i>.<o:p></o:p></span></li>
<li class="MsoNormal" style="background: white; margin-bottom: 3pt; vertical-align: baseline;"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; line-height: 115%; mso-fareast-font-family: "Times New Roman";">Sudah memungkinkan untuk
menggunakan touchpad, mouse, bahkan touchscreen saat berada didalam UEFI,
sedangkan pada BIOS hanya menggunakan keyboard.<o:p></o:p></span></li>
<li class="MsoNormal" style="background: white; margin-bottom: 0.0001pt; vertical-align: baseline;"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; line-height: 115%; mso-fareast-font-family: "Times New Roman";">Tampilan <i><span style="border: none windowtext 1.0pt; mso-border-alt: none windowtext 0cm; padding: 0cm;">User Interface </span></i>pada
UEFI sudah jauh lebih menarik dan <i><span style="border: none windowtext 1.0pt; mso-border-alt: none windowtext 0cm; padding: 0cm;">user friendly</span></i> dari
pada BIOS yang masih menggunakan mode display standar.<o:p></o:p></span></li>
</ul>
<br />
<div class="MsoNormal" style="text-align: justify;">
<br /></div>
Sugihttp://www.blogger.com/profile/02539124289966867602noreply@blogger.com0tag:blogger.com,1999:blog-5305341170081722001.post-46804819862405259572016-11-29T05:30:00.001-08:002017-04-24T06:29:16.328-07:00MEMBUAT KABEL UTP STRAIGHT & CROSS<b></b><br />
<div style="text-align: justify;">
<br />
<span style="text-decoration: underline;"><b> Kabel straight</b></span><br />
<br />
Kabel straight merupakan kabel yang memiliki cara pemasangan yang sama antara ujung satu dengan ujung yang lainnya.<br />
<br />
Kabel straight digunakan untuk menghubungkan 2 device yang berbeda.<br />
<br />
Urutan standar kabel straight adalah seperti dibawah ini yaitu sesuai
dengan standar TIA/EIA 368B (yang paling banyak dipakai) atau
kadang-kadang juga dipakai sesuai standar TIA/EIA 368A sebagai
berikut:<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI2YFY2TswN9diFDWEp7i0S9NYOByCMQrW0XLh7rgt8lYGAh3cXvFFk0pPhkT3r8A9FozUZGPGUw_a7qPAByaoi2_fg1QKsJXqOH2nxy8dY7pWtPipmnwqcll4QGZYpmJUrbHsV834qU8/s1600/straight.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI2YFY2TswN9diFDWEp7i0S9NYOByCMQrW0XLh7rgt8lYGAh3cXvFFk0pPhkT3r8A9FozUZGPGUw_a7qPAByaoi2_fg1QKsJXqOH2nxy8dY7pWtPipmnwqcll4QGZYpmJUrbHsV834qU8/s400/straight.jpg" width="400" /></a></div>
<br />
<br />
<br />
<br />
<br />
<br />
Contoh penggunaan kabel straight adalah sebagai berikut :<br />
<br />
Menghubungkan antara computer dengan switch<br />
Menghubungkan computer dengan LAN pada modem cable/DSL<br />
Menghubungkan router dengan LAN pada modem cable/DSL<br />
Menghubungkan switch ke router<br />
Menghubungkan hub ke router<br />
<br />
<br />
<span style="text-decoration: underline;"><b>Kabel cross over</b></span><br />
<br />
Kabel cross over merupakan kabel yang memiliki susunan berbeda antara ujung satu dengan<br />
<br />
ujung dua. Kabel cross over digunakan untuk menghubungkan 2 device
yang sama. Gambar dibawah adalahsusunan standar kabel cross over.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkOSCBbbyix258kRMGBbtIDyKK1e2nw6U6PeqHk4ZGiJ2ERL2TOwHrGEsGWPTICx0uP15KT2ZFim_MZSBLmCwIM6kmR9ssLsXcPTC28eG3Zq1oPqy67FrFBW21DlMm_LuvU09wUcjI4CE/s1600/urutan-pengkabelan-cross.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="207" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkOSCBbbyix258kRMGBbtIDyKK1e2nw6U6PeqHk4ZGiJ2ERL2TOwHrGEsGWPTICx0uP15KT2ZFim_MZSBLmCwIM6kmR9ssLsXcPTC28eG3Zq1oPqy67FrFBW21DlMm_LuvU09wUcjI4CE/s400/urutan-pengkabelan-cross.jpg" width="400" /></a></div>
<br />
<br />
<br />
<br />
<br />
Contoh penggunaan kabel cross over adalah sebagai berikut :<br />
<br />
Menghubungkan 2 buah komputer secara langsung<br />
Menghubungkan 2 buah switch<br />
Menghubungkan 2 buah hub<br />
Menghubungkan switch dengan hub<br />
Menghubungkan komputer dengan router<br />
<br />
Dari 8 buah kabel yang ada pada kabel UTP ini (baik pada kabel <i>straight </i>maupun <i>cross over</i>) hanya 4 buah saja yang digunakan untuk mengirim dan menerima data, yaitu kabel pada pin no 1,2,3 dan 6.<br />
<br />
<br />
<br />
<span style="text-decoration: underline;"><b>Membuat kabel Straight dan Cross Over</b></span><br />
<br />
Untuk membuat sebuah kabel jaringan menggunakan kabel UTP ini terdapat beberapa peralatan yang perlu kita siapkan, yaitu<br />
<br />
kabel UTP<br />
Connector RJ-45<br />
Crimping tools<br />
RJ-45 LAN Tester<br />
<br />
contoh gambarnya seperti dibawah ini :<br />
<br />
<a href="https://deenugraha.files.wordpress.com/2011/11/2a.jpg"><img alt="" class="alignleft size-medium wp-image-266" src="https://deenugraha.files.wordpress.com/2011/11/2a.jpg?w=300&h=226" title="2a" /></a><a href="https://deenugraha.files.wordpress.com/2011/11/1a.jpg"><img alt="" class="alignleft size-medium wp-image-265" src="https://deenugraha.files.wordpress.com/2011/11/1a.jpg?w=300&h=226" title="1a" /></a><a href="https://deenugraha.files.wordpress.com/2011/11/3a.jpg"><img alt="" class="size-medium wp-image-267 alignnone" src="https://deenugraha.files.wordpress.com/2011/11/3a.jpg?w=300&h=226" title="3a" /></a><br />
<br />
<br />
<span style="text-decoration: underline;"><b>Kabel UTP Tipe Straight </b></span><br />
<br />
Sekarang akan kita bahas cara pemasangannya. Yang
pertama adalah cara memasang kabel UTP tipe straight. Untuk itu, lakukan
langkah-langkah berikut:<br />
<br />
Kupas ujung kabel sekitar 2 cm, sehingga kabel kecil-kecil yang ada didalamnya kelihatan.<br />
<br />
Pisangkan kabel-kabel tersebut dan luruskan. Kemudian susun dan
rapikan berdasarkan warnanya yaitu Orange Putih, Orange, Hijau Putih,
Biru, Biru Putih, Hijau, Coklat Putih, dan Coklat. Setelah itu potong
bagian ujungnya sehingga rata satu sama lain.<br />
<br />
<a href="https://deenugraha.files.wordpress.com/2011/11/4.jpg"><img alt="" class="alignleft size-medium wp-image-268" height="225" src="https://deenugraha.files.wordpress.com/2011/11/4.jpg?w=300&h=225" title="4" width="300" /></a><br />
<br />
Susunan kabel UTP tipe straight bisa Anda lihat pada gambar di bawah:<br />
<br />
<a href="https://deenugraha.files.wordpress.com/2011/11/5.gif"><img alt="" class="alignleft wp-image-269" height="300" src="https://deenugraha.files.wordpress.com/2011/11/5.gif?w=200&h=300" title="5" width="200" /></a><br />
<br />
Setelah kabel tersusun, ambil Jack RJ-45. Seperti yang
saya katakan tadi Jack ini terdiri dari 8 pin. Pin 1 dari jack ini
adalah pin yang berada paling kiri jika posisi pin menghadap Anda.
Berurut ke kanan adalah jack 2, 3, dan seterusnya.<br />
<br />
<a href="https://deenugraha.files.wordpress.com/2011/11/6.png"><img alt="" class="alignleft size-full wp-image-270" src="https://deenugraha.files.wordpress.com/2011/11/6.png?w=774" title="6" /></a><br />
<br />
<br />
Kemudian masukkan kabel-kabel tersebut ke dalam Jack RJ-45 sesuai dengan urutan tadi yaitu sebagai berikut:<br />
<br />
Orange Putih pada Pin 1<br />
Orange pada Pin 2<br />
Hijau Putih pada Pin 3<br />
Biru pada Pin 4<br />
Biru Putih pada Pin 5<br />
Hijau pada Pin 6<br />
Coklat Putih pada Pin 7<br />
Coklat pada Pin 8.<br />
<br />
Masukkan kabel tersebut hingga bagian ujungnya mentok di dalam jack.<br />
<br />
<a href="https://deenugraha.files.wordpress.com/2011/12/clip_image017.jpg"><img alt="" class="alignleft size-full wp-image-420" src="https://deenugraha.files.wordpress.com/2011/12/clip_image017.jpg?w=774" title="clip_image017" /></a><a href="https://deenugraha.files.wordpress.com/2011/12/clip_image021.jpg"><img alt="" class="wp-image-421 alignleft" height="192" src="https://deenugraha.files.wordpress.com/2011/12/clip_image021.jpg?w=255&h=192" title="clip_image021" width="255" /></a><a href="https://deenugraha.files.wordpress.com/2011/12/clip_image023.jpg"><img alt="" class="alignleft size-full wp-image-422" src="https://deenugraha.files.wordpress.com/2011/12/clip_image023.jpg?w=774" title="clip_image023" /></a><br />
<br />
<br />
Masukan Jack RJ-45 yang sudah terpasang dengan kabel tadi ke dalam
mulut tang crimping yang sesuai sampai bagian pin Jack RJ-45 berada
didalam mulut tang. Sekarang jepit jack tadi dengan tang crimping hingga
seluruh pin menancap pada kabel. Biasanya jika pin jack sudah menancap
akan mengeluarkan suara “klik”.<br />
<br />
Sekarang Anda sudah selesai memasang jack RJ-45 pada
ujung kabel pertama. Untuk ujung kabel yang kedua, langkah-langkahnya
sama dengan pemasangan ujung kabel pertama tadi. Untuk itu, ulangi
langkah-langkah tadi untuk memasang Jack RJ-45 pada ujung kabel yang
kedua.<br />
<br />
Kalau sudah kemudian kita test menggunakan LAN tester.
Masukkan ujung ujung kabel ke alatnya, kemudian nyalakan, kalau lampu
led yang pada LAN tester menyala semua, dari nomor 1 sampai 8 berarti
Anda telah sukses. Kalau ada salah satu yang tidak menyala berarti
kemungkinan pada pin nomor tersebut ada masalah. Cara paling mudah yaitu
Anda tekan (press) lagi menggunakan tang. Kemungkinan pinnya belum
tembus. Kalau sudah Anda tekan tetapi masih tidak nyambung, maka coba
periksa korespondensinya antar pin udah 1-1 atau <span class="skimlinks-unlinked">belum.lihat</span> gambar di bawah ini:<br />
<br />
<a href="https://deenugraha.files.wordpress.com/2011/12/clip_image025.jpg"><img alt="" class="alignleft size-full wp-image-423" src="https://deenugraha.files.wordpress.com/2011/12/clip_image025.jpg?w=774" title="clip_image025" /></a><br />
<br />
<br />
<br />
<span style="text-decoration: underline;"><b>Kabel UTP Tipe Cross </b></span><br />
<br />
Cara memasang kabel UTP tipe straight sudah saya
jelaskan tadi. Sekarang saya bahas mengenai cara memasang kabel UTP tipe
cross. Cara pemasangan kabel UTP tipe cross hampir sama dengan memasang
kabel UTP tipe straight. Mengenai teknis pemasanganya sama seperti
tadi. Perbedaanya adalah urutan warna kabel pada ujung kabel yang kedua.
Untuk ujung kabel pertama, susunan kabel sama dengan susunan kabel UTP
tipe straight yaitu:<br />
<br />
<a href="https://deenugraha.files.wordpress.com/2011/12/clip_image030.gif"><img alt="" class="alignleft size-full wp-image-424" src="https://deenugraha.files.wordpress.com/2011/12/clip_image030.gif?w=774" title="clip_image030" /></a><br />
<br />
Orange Putih pada Pin 1<br />
Orange pada Pin 2<br />
Hijau Putih pada Pin 3<br />
Biru pada Pin 4<br />
Biru Putih pada Pin 5<br />
Hijau pada Pin 6<br />
Coklat Putih pada Pin 7<br />
Coklat pada Pin 8.<br />
<br />
<a href="https://deenugraha.files.wordpress.com/2011/12/clip_image032.jpg"><img alt="" class="alignleft size-full wp-image-425" src="https://deenugraha.files.wordpress.com/2011/12/clip_image032.jpg?w=774" title="clip_image032" /></a><br />
<br />
<br />
<br />
Untuk ujung kabel yang kedua, susunan warnanya berbeda dengan ujung pertama. Adapaun susunan warnanya adalah sebagi berikut:<br />
<br />
Hijau Putih pada Pin 1<br />
Hijau pada Pin 2<br />
Orange Putih pada Pin 3<br />
Biru pada Pin 4<br />
Biru Putih pada Pin 5<br />
Orange pada Pin 6<br />
Coklat Putih pada Pin 7<br />
Coklat pada Pin 8.<br />
<br />
<br />
Hasil akhir kabel UTP tipe cross akan seperti ini:<br />
<br />
<a href="https://deenugraha.files.wordpress.com/2011/12/clip_image029.jpg"><img alt="" class="alignleft size-full wp-image-427" src="https://deenugraha.files.wordpress.com/2011/12/clip_image029.jpg?w=774" title="clip_image029" /></a><br />
<br />
<br />
<br />
Kesimpulannya adalah jika Anda memasang kabel UTP tipe straight maka
susunan warna pada kedua ujung kabel adalah sama. Sedangkan cara
pemasangan UTP tipe cross, susunan warna ujung kabel pertama berbeda
dengan unjung kabel kedua. Nanti jika dites menggunakan LAN tester, maka
nantinya led 1, 2, 3 dan 6 akan saling bertukar. Kalau tipe straight
menyalanya urutan, sedangkan tipe cross ada yang lompat-lompat. Tapi
yang pasti harus menyala semua setiap led dari nomor 1 sampai 8.lihat
gambar di bawah ini :<br />
<br />
<a href="https://deenugraha.files.wordpress.com/2011/12/clip_image034.jpg"><img alt="" class="alignleft size-full wp-image-426" src="https://deenugraha.files.wordpress.com/2011/12/clip_image034.jpg?w=774" title="clip_image034" /></a></div>
Sugihttp://www.blogger.com/profile/02539124289966867602noreply@blogger.com0tag:blogger.com,1999:blog-5305341170081722001.post-19410770835848799932016-11-29T05:04:00.005-08:002017-02-04T07:15:28.068-08:00Perangkat Keras Jaringan<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2567XETwECM-QURlgNUh3q3l8MTgIj7Nqqw27_HN_jvWH4p9ZoS5UjyuqUABpR2Wmd_8biiwUdrJMIKsoOtD84ne8i2U3_6MTTd5cuECLVQO4__TQS5EAJw1PnbWM2SlFLiub3CUCVio/s1600/Gambar-Macam-Macam-Perangkat-Keras-Jaringan-Komputer-Beserta-Fungsinya.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="332" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2567XETwECM-QURlgNUh3q3l8MTgIj7Nqqw27_HN_jvWH4p9ZoS5UjyuqUABpR2Wmd_8biiwUdrJMIKsoOtD84ne8i2U3_6MTTd5cuECLVQO4__TQS5EAJw1PnbWM2SlFLiub3CUCVio/s640/Gambar-Macam-Macam-Perangkat-Keras-Jaringan-Komputer-Beserta-Fungsinya.jpg" width="640" /></a></div>
Perangkat Jaringan Komputer – Perangkat Keras Jaringan Komputer adalah perangkat yang digunakan untuk menghubungkan dua atau lebih komputer dalam jaringan komputer agar setiap komputer yang terhubung dapat saling berbagi data, file, dan sumber daya lainnya.<br />
<br />
Seperti hal nya komputer, sebuah jaringan komputer bisa beroperasi dengan didukung oleh software dan hardware. Pada artikel ini, Penulis akan sedikit membahas perangkat keras apa saja yang ada dalam jaringan komputer.<br />
<br />
Berikut Perangkat Jaringan Komputer dan Fungsinya<br />
<br />
1. Modem<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdKtDLU1I2Z7O6a9kP1zHjJoXONTnDRLdo_dE9IRqjcao_Ha6-rlMrQxhPrrxejWD_yp2hZZMDaZfIRd13cMatnSxk67QrD5v_7NQjXh0huYZY24ASVceLHObIXk0rmGfE7UE1Prk1s3g/s1600/MODEM-ROUTER-LINKSYS-WAG200G-Modem-ADSL2-3.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="265" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdKtDLU1I2Z7O6a9kP1zHjJoXONTnDRLdo_dE9IRqjcao_Ha6-rlMrQxhPrrxejWD_yp2hZZMDaZfIRd13cMatnSxk67QrD5v_7NQjXh0huYZY24ASVceLHObIXk0rmGfE7UE1Prk1s3g/s320/MODEM-ROUTER-LINKSYS-WAG200G-Modem-ADSL2-3.jpg" width="320" /></a></div>
<br />
Modem (Modulator Demodulator) merupakan perangkat yang menghubungkan kita ke internet. Perangkat ini berfungsi mengubah sinyal Analog menjadi sinyal Digital. Modem mengganti sinyal digital dari komputer menjadi sinyal analog ketika melewati medium seperti saluran telepon, kemudian modem merubah kembali sinya tersebut menjadi sinya digital saat menuju komputer tujuan. Hal ini dilakukan agar bisa dipahami oleh komputer.<br />
<br />
<br />
<br />
<br />
<br />
2. Kabel Jaringan<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsAzTJvB6mWT4Lpd1F75WahuEpitr1uEdYU8uf0tFRqTL-0HIXvyGLPPF11r55qm7iE2apJ0xF0jszjGB52TKDu2-IYpo70avQLWQ_v2MVXhgCvmyrzbh19dRhHJGLOwC7se94cjptAqM/s1600/download.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsAzTJvB6mWT4Lpd1F75WahuEpitr1uEdYU8uf0tFRqTL-0HIXvyGLPPF11r55qm7iE2apJ0xF0jszjGB52TKDu2-IYpo70avQLWQ_v2MVXhgCvmyrzbh19dRhHJGLOwC7se94cjptAqM/s400/download.jpg" width="400" /></a></div>
<br />
Kabel jaringan merupakan peralatan yang berfungsi sebagai media penghubung antara komputer dengan komputer atau komputer dengan perangkat jaringan lainnya. Berikut adalah jenis-jenis kabel yang digunakan dalam jaringan komputer.<br />
<br />
Twisted Pair (UTP dan STP)<br />
Coaxial<br />
Fiber Optic<br />
<br />
3. Network Interface Card (NIC) / LAN CARD<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR-I1h7lQpP5UsqxC0Kq-ltdWAhc0RKnibagL1Nx6TqZAVfRW8MI_AaXQIdpPkOkO4jwr6HupkDw4B1YjFNBzC2UaeK42d8haMdOA5LMBThDW32RlD2gYL6gTTmJ1bFMXUUKvCFw91sP4/s1600/unnamed.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR-I1h7lQpP5UsqxC0Kq-ltdWAhc0RKnibagL1Nx6TqZAVfRW8MI_AaXQIdpPkOkO4jwr6HupkDw4B1YjFNBzC2UaeK42d8haMdOA5LMBThDW32RlD2gYL6gTTmJ1bFMXUUKvCFw91sP4/s320/unnamed.jpg" width="320" /></a></div>
<br />
Perangkat keras jaringan komputer yang satu ini dikenal dengan istilah Ethernet Card atau lebih populer dengan istilah LAN Card. Adalah kartu jaringan yang berfungsi sebagai penghubung antar komputer dengan sebuah jaringan. Umumnya NIC ini sudah terintegrasi dengan motherboard komoputer dan laptop, namun ada juga berupa kartu yang ditancapkan ke motherboard. Bahkan seiring dengan maju perkembangan, ada juga yang berupa USB.<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
4. Konektor<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMPZWyfEoi_z76EZh7eX4TwXJJAU0D0eO7c57kTXrGHdrHOg6ai7tTwI7D2W5AR7XIb2mFEzp5KBECgXjfVvceIC7QpmaHynPV5jGg8d2xSu62FNAyVy4dOYzZgSe1j80LIQqLYOrkTW0/s1600/11993143_bb1ed556-f4ce-11e4-ad77-678c49bc7260.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMPZWyfEoi_z76EZh7eX4TwXJJAU0D0eO7c57kTXrGHdrHOg6ai7tTwI7D2W5AR7XIb2mFEzp5KBECgXjfVvceIC7QpmaHynPV5jGg8d2xSu62FNAyVy4dOYzZgSe1j80LIQqLYOrkTW0/s320/11993143_bb1ed556-f4ce-11e4-ad77-678c49bc7260.jpg" width="320" /></a></div>
<br />
<br />
Konektor adalah alat yang menghubungkan kabel dengan network adapter. Coba bayangkan apabila tidak ada konektor, dengan cara bagaimana kabel-kabel jaringan dapat terhubung dengan network adapter atau NIC. Jeni konektor tentunya disesuaikan dengan jenis kabel yang digunakan.<br />
<br />
Konektor RJ-45 digunakan untuk Kabel UTP<br />
Konektor BNC/T digunakan untuk Kabel Coaxial<br />
Konektor ST digunakan untuk Kabel Fiber Optic<br />
<br />
5. Hub<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8QtBxg7TUAdO0TLDVDcaXWnWPya7cO3sxPP-WVr63PRqYxEuErODxrywTWdsgZIp0rDbJ6QuIBoHpMIdFLkzwsnLoAPbOQ1gRSjLkpyV7mcBRAgPn9sH_Nad69Og2Fvft_KMxEat8EhM/s1600/TP-LINK-TL-SF1008D-SKU00306684_3-20140915143359.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8QtBxg7TUAdO0TLDVDcaXWnWPya7cO3sxPP-WVr63PRqYxEuErODxrywTWdsgZIp0rDbJ6QuIBoHpMIdFLkzwsnLoAPbOQ1gRSjLkpyV7mcBRAgPn9sH_Nad69Og2Fvft_KMxEat8EhM/s320/TP-LINK-TL-SF1008D-SKU00306684_3-20140915143359.jpg" width="320" /></a></div>
Hub adalah sebuah perangkat yang digunakan untuk menyatukan kabel-kabel network dari tiap workstation, server atau perangkat lain. Biasanya perangkat keras jaringan ini digunakan untuk membangun topologi bintang, kabel twisted pair datang dari sebuah workstation masuk kedalam hub.<br />
<br />
<br />
<br />
6. Switch<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhufBbId3XNzIs-4bw1psm-DZ9O5dfI1Sj1m_q1Uq2z4Pvn_-nx50J5XZQLZdyGA8rO4UU5zN3_lqGjDdwrTU4agmZ541zua463n53Jt2sg4WfoxVyeIcQ8OEGZmAgopsdxloNrE09lRkM/s1600/cisco-sf-302-08p-8-port-10100-poe-managed.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="170" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhufBbId3XNzIs-4bw1psm-DZ9O5dfI1Sj1m_q1Uq2z4Pvn_-nx50J5XZQLZdyGA8rO4UU5zN3_lqGjDdwrTU4agmZ541zua463n53Jt2sg4WfoxVyeIcQ8OEGZmAgopsdxloNrE09lRkM/s320/cisco-sf-302-08p-8-port-10100-poe-managed.jpg" width="320" /></a></div>
<br />
Sebenarnya fungsi dari switch adalah sama dengan hub. Namun sebenarnya cara kerja switch sedikit lebih rumit bila dibandingkan dengan hub. Switch tidak hanya sekedar mengurusi sinyal listrik tapi juga harus memproses informasi pada lapisan atau layer data link, informasi yang dicek oleh switch adalah alamat MAC address dari setiap perangkat dan komputer yang tersambung dengan dirinya.<br />
<br />
7. Repeater<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3LW1rNVmt6PSq7XH-BUulZQHWFlqEE4Fv7rOWXGOGbnXejBqNZ8GmI1aLZonwlEIbr30_1O5aY-MMUwzdMNm_Bi9ofkRhgWrEjT3C6YOTDFDPPaNJObSzoSWEfBfKPS5_gP2Dv3OoH0A/s1600/repeater.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="206" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3LW1rNVmt6PSq7XH-BUulZQHWFlqEE4Fv7rOWXGOGbnXejBqNZ8GmI1aLZonwlEIbr30_1O5aY-MMUwzdMNm_Bi9ofkRhgWrEjT3C6YOTDFDPPaNJObSzoSWEfBfKPS5_gP2Dv3OoH0A/s320/repeater.jpg" width="320" /></a></div>
<br />
<br />
Repeater berfungsi untuk memperkuat sinyal dengan cara menerima sinyal dari suatu segmen jaringan lalu memancarkan kembali dengan kekuatan yang sama dengan sinyal asli pada segmen kabel yang lain.<br />
<br />
8. Bridge<br />
<br />
<br />
Fungsi dari bridge itu sama dengan fungsi repeater tapi bridge lebih fleksibel dan lebih cerdas dari pada repeater. Bridge dapat menghubungkan jaringan yang menggunakan metode transmisi yang berbeda. Misalnya bridge dapat menghubungkan Ethernet baseband dengan Ethernet broadband.<br />
<br />
9. Router<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPz0YQRwVlozBDc2SUgIW-98pjcXa3rFd4Be05zHFX7rh4yG4e-pZ55N4s_tLKGPC3WJYibphGVvqHaqGyO_imWC41_XM34KA3cRsGUlueIF5hsmR7lOf-3C0XGiY6YohOOMjOgT0EKDQ/s1600/data_sheet_c78-660141-1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="225" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPz0YQRwVlozBDc2SUgIW-98pjcXa3rFd4Be05zHFX7rh4yG4e-pZ55N4s_tLKGPC3WJYibphGVvqHaqGyO_imWC41_XM34KA3cRsGUlueIF5hsmR7lOf-3C0XGiY6YohOOMjOgT0EKDQ/s320/data_sheet_c78-660141-1.jpg" width="320" /></a></div>
<br />
Fungsi utama router adalah sebagai perangkat dalam jarinan komputer yang digunakan sebagai penghubung antara jaringan atau network. Router yang menentukan jalur mana yang terbaik untuk dilewati paket data sehingga data dapat sampai ke tujuannya. Penjelasan lengkap tentang Router<br />
<br />
<br /></div>
Sugihttp://www.blogger.com/profile/02539124289966867602noreply@blogger.com0tag:blogger.com,1999:blog-5305341170081722001.post-72412556522666087412016-11-23T10:03:00.001-08:002019-11-24T03:31:27.723-08:00Rangkain Listrik<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
Listrik adalah rangkaian fenomena fisika yang berhubungan dengan kehadiran dan aliran muatan listrik. Listrik menimbulkan berbagai macam efek yang telah umum diketahui, seperti petir, listrik statis, induksi elektromagnetik dan arus listrik. Adanya listrik juga bisa menimbulkan dan menerima radiasi elektromagnetik seperti gelombang radio.i</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Dalam listrik, muatan menghasilkan medan elektromagnetik yang dilakukan ke muatan lainnya. Listrik muncul akibat adanya beberapa tipe fisika:</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
muatan listrik: sifat beberapa partikel subatomik yang menentukan interaksi elektromagnetik. Substansi yang bermuatan listrik menghasilkan dan dipengaruhi oleh medan elektromagnetik</div>
<div style="text-align: justify;">
medan listrik (lihat elektrostatis): tipe medan elektromagnetik sederhana yang dihasilkan oleh muatan listrik ketika diam (maka tidak ada arus listrik). Medan listrik menghasilkan gaya ke muatan lainnya</div>
<div style="text-align: justify;">
potensial listrik: kapasitas medan listrik untuk melakukan kerja pada sebuah muatan listrik, biasanya diukur dalam volt</div>
<div style="text-align: justify;">
arus listrik: perpindahan atau aliran partikel bermuatan listrik, biasanya diukur dalam ampere</div>
<div style="text-align: justify;">
elektromagnet: Muatan berpindah menghasilkan medan magnet. Arus listrik menghasilkan medan magnet dan perubahan medan magnet menghasilkan arus listrik</div>
<div style="text-align: justify;">
Pada teknik elektro, listrik digunakan untuk:</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
tenaga listrik yang digunakan untuk menghidupkan peralatan</div>
<div style="text-align: justify;">
elektronik yang berhubungan dengan sirkuit listrik yang melibatkan komponen listrik aktif seperti tabung vakum, transistor, dioda dan sirkuit terintegrasi</div>
<div style="text-align: justify;">
Fenomena listrik telah dipelajari sejak zaman purba, meskipun pemahaman secara teoritisnya berkembang lamban hingga abad ke-17 dan 18. Meski begitu, aplikasi praktisnya saat itu masih sedikit, hingga di akhir abad ke-19 para insinyur dapat memanfaatkannya pada industri dan rumah tangga. Perkembangan yang luar biasa cepat pada teknologi listrik mengubah industri dan masyarakat. Fleksibilitas listrik yang amat beragam menjadikan penggunaannya yang hampir tak terbatas seperti transportasi, pemanasan, penerangan, telekomunikasi, dan komputasi. Tenaga listrik saat ini adalah tulang punggung masyarakat industri modern.[1]</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Sumber : wikipedia</div>
</div>
Anonymoushttp://www.blogger.com/profile/04028026317782235962noreply@blogger.com0tag:blogger.com,1999:blog-5305341170081722001.post-18996504688845581452016-11-18T20:17:00.001-08:002017-03-06T07:50:01.023-08:00Desain Poster dengan Corel Draw <div style="margin: auto; width: 100%;">
<div class="youare">
<table border="0" cellpadding="0" cellspacing="0" style="width: 100%px;"><tbody>
<tr><td align="left" width="50%"></td><td align="right" class="white" width="50%"><br /></td></tr>
</tbody></table>
</div>
<div style="float: left; width: 100%;">
<div class="web2">
<span class="notranslate"> Dalam tutorial ini Anda akan belajar bagaimana merancang sebuah Poster Popstyle Colorful dengan Corel Draw.</span> <span class="notranslate"> Jenis Poster bekerja dengan baik untuk penggunaan gaya lucu atau pop, karena memiliki permen merasa lucu.</span> <span class="notranslate"> File sumber untuk ini poster mengagumkan desain template juga tersedia sebagai download gratis di akhir tutorial!</span> <br />
<br />
<a href="http://translate.googleusercontent.com/translate_c?act=url&depth=1&hl=id&ie=UTF8&prev=_t&rurl=translate.google.com&sl=en&tl=id&u=http://www.entheosweb.com/tutorials/coreldraw/popstyle_poster.asp&usg=ALkJrhgTIvnq1TPwliDJzvxtEGI163_kGQ"><img alt="Desain Poster di CorelDraw" border="0" src="http://www.entheosweb.com/tutorials/coreldraw/images/popstyle_poster/popstyle%20poster.jpg" height="320" width="224" /></a> <br />
<ins style="background-color: transparent; border: none; display: inline-table; height: 90px; margin: 0; padding: 0; position: relative; visibility: visible; width: 728px;"><ins id="aswift_1_anchor" style="background-color: transparent; border: none; display: block; height: 90px; margin: 0; padding: 0; position: relative; visibility: visible; width: 728px;"></ins></ins><br />
<span class="notranslate"> Setelah bekerja melalui tutorial ini Anda akan dapat menciptakan desain yang sama dalam pekerjaan Anda.</span> <br />
<hr />
<br />
<br />
<h2>
<span class="notranslate">Langkah 1: Elemen Dasar</span> </h2>
<span class="notranslate"> Pertama-tama Anda harus menggunakan CorelDraw dengan versi 11 +.</span> <span class="notranslate"> Dalam tutorial ini saya menggunakan CorelDraw X5.</span> <br />
<span class="notranslate"> Mari Oke memulai.</span> <span class="notranslate"> Mari kita lihat elemen dasar yang digunakan untuk membuat desain kami:</span> <br />
<div class="tutorial_image">
<a href="http://translate.googleusercontent.com/translate_c?act=url&depth=1&hl=id&ie=UTF8&prev=_t&rurl=translate.google.com&sl=en&tl=id&u=http://www.entheosweb.com/tutorials/coreldraw/popstyle_poster.asp&usg=ALkJrhgTIvnq1TPwliDJzvxtEGI163_kGQ"><img alt="desain poster tutorial" border="0" src="http://www.entheosweb.com/tutorials/coreldraw/images/popstyle_poster/1.jpg" height="320" width="219" /></a> <br />
<span class="notranslate"> Ini juga akan menjadi langkah kita untuk membuat desain.</span> </div>
<hr />
<h2>
<span class="notranslate"> Langkah 2: Membuat Lembar Kerja</span> </h2>
<span class="notranslate"> Oke, sekarang Anda tahu langkah-langkah dan elemen, kami akan mulai.</span> <br />
<span class="notranslate"> Pertama-tama buka program CorelDraw Anda.</span> <span class="notranslate"> Sekarang membuat file baru dan mengatur ukuran kertas A2,</span> <br />
<span class="notranslate"> yang merupakan ukuran standar untuk poster.</span> <br />
<div class="tutorial_image">
<img border="0" src="http://www.entheosweb.com/tutorials/coreldraw/images/popstyle_poster/2.jpg" height="320" width="320" /></div>
<hr />
<h2>
<span class="notranslate"> Langkah 3: Membuat Tubuh Poster</span> </h2>
<span class="notranslate"> Sekarang bahwa kita memiliki set worksheet kita, sekarang kita akan mulai membuat tubuh Flyer.</span> <br />
<span class="notranslate"> Pergi ke "Rectangle Tool", Anda dapat menemukannya di toolbar kiri,</span> <br />
<span class="notranslate"> membuat bentuk kotak dan kemudian membuat bentuk kotak ukurannya ke ukuran yang sama dengan worksheet</span> <br />
<span class="notranslate"> (42 x 59,4 cm)</span> <br />
<div class="tutorial_image">
<img border="0" src="http://www.entheosweb.com/tutorials/coreldraw/images/popstyle_poster/3.jpg" height="320" width="320" /><br />
<span class="notranslate"> Sekarang mari kita menempatkan warna di dalamnya,</span> <br />
<span class="notranslate"> Pilih Kotak.</span> <span class="notranslate"> Pergi ke Isi Alat Fountain, yang di toolbar kiri bawah.</span> <br />
<span class="notranslate"> Pilih mengisi Custom pada paduan warna dan membuat jenis Radial.</span> <br />
<span class="notranslate"> Sekarang Anda akan melihat kotak warna.</span> <span class="notranslate"> Anda dapat mengubah warna dengan mengklik kiri itu,</span> <br />
<span class="notranslate"> mengisi warna dengan Blue di sebelah kiri, Pink di tengah dan Ungu di sebelah kanan.</span> <br />
<span class="notranslate"> Mengatur Pusat Offset Nilai untuk Horizontal dan Vertikal 23 - 40.</span> <br />
<img border="0" src="http://www.entheosweb.com/tutorials/coreldraw/images/popstyle_poster/4.jpg" height="320" width="320" /><br />
<img border="0" src="http://www.entheosweb.com/tutorials/coreldraw/images/popstyle_poster/5.jpg" height="320" width="320" /></div>
<hr />
<h2>
<span class="notranslate"> Langkah 4: Membuat Splat</span> </h2>
<span class="notranslate"> Kita akan membuat warna-warni percikan, menggunakan "Shape Tool Dasar",</span> <br />
<span class="notranslate"> Pergi ke "Shape Tool Dasar", di toolbar kiri, setelah Anda klik pergi ke toolbar atas,</span> <br />
<span class="notranslate"> sana Anda akan melihat kotak drop pilihan, pilih setetes air membentuk kedua dari terakhir.</span> <br />
<span class="notranslate"> Membuat drop bentuk air dengan klik dan drag.</span> <br />
<div class="tutorial_image">
<img border="0" src="http://www.entheosweb.com/tutorials/coreldraw/images/popstyle_poster/6.jpg" height="320" width="320" /><br />
<span class="notranslate"> Kopi, menduplikasi dan mengubah ukurannya dengan menggunakan "Ctrl + C" untuk menyalin dan "Ctrl + V" untuk paste.</span> <br />
<span class="notranslate"> mengatur seperti pada gambar di bawah ini.</span> <br />
<img border="0" src="http://www.entheosweb.com/tutorials/coreldraw/images/popstyle_poster/7.jpg" height="320" width="320" /><br />
<span class="notranslate"> Sekarang membuat bentuk kotak menggunakan "Rectangle Tool".</span> <br />
<span class="notranslate"> Pergi ke "Rectangle Tool", Anda dapat menemukannya di toolbar kiri,</span> <br />
<span class="notranslate"> membuat bentuk kotak dan kemudian mengatur bentuk kotak ke tengah Splat.</span> <br />
<img border="0" src="http://www.entheosweb.com/tutorials/coreldraw/images/popstyle_poster/8.jpg" height="320" width="320" /><br />
<span class="notranslate"> Setelah memilih semua percikan dan Box, kemudian pergi ke tollbar atas.</span> <br />
<span class="notranslate"> Di sana Anda akan melihat "Weld, Potong, Intersect Tool", tekan Alat Weld untuk mengelas itu.</span> <br />
<img border="0" src="http://www.entheosweb.com/tutorials/coreldraw/images/popstyle_poster/9.jpg" height="320" width="320" /><br />
<span class="notranslate"> Sekarang kita akan membentuk itu, sehingga akan terlihat lebih alami.</span> <br />
<span class="notranslate"> Pergi ke "Shape Tool" dan klik kanan di baris tengah Kiri menggunakan "Shape Tool"</span> <br />
<span class="notranslate"> dan menemukan "alat dikonversi ke kurva" di sudut atas dan klik.</span> <br />
<img border="0" src="http://www.entheosweb.com/tutorials/coreldraw/images/popstyle_poster/10.jpg" height="320" width="320" /><br />
<span class="notranslate"> Setelah itu Anda akan melihat dua panah putus-putus, klik dan drag untuk membentuk itu,</span> <br />
<img border="0" src="http://www.entheosweb.com/tutorials/coreldraw/images/popstyle_poster/11.jpg" height="320" width="320" /><br />
<span class="notranslate"> menerapkan ini untuk semua baris sampai Anda membuat bentuk seperti pada gambar.</span> <br />
<img border="0" src="http://www.entheosweb.com/tutorials/coreldraw/images/popstyle_poster/12.jpg" height="320" width="320" /><br />
<span class="notranslate"> Masukan Warna biru di dalamnya.</span> <br />
<img border="0" src="http://www.entheosweb.com/tutorials/coreldraw/images/popstyle_poster/13.jpg" height="320" width="320" /><br />
<span class="notranslate"> Salin percikan menjadi tiga objek dengan menggunakan "Ctrl + C" untuk menyalin dan "Ctrl + V" untuk paste,</span> <br />
<span class="notranslate"> mengisi lainnya 2 percikan menjadi kuning dan hijau.</span> <br />
<img border="0" src="http://www.entheosweb.com/tutorials/coreldraw/images/popstyle_poster/14.jpg" height="320" width="320" /><br />
<hr />
</div>
<h2>
<span class="notranslate"> Langkah 5: Bekerja dengan Transparansi</span> </h2>
<span class="notranslate"> Oke sekarang memungkinkan membuat emboss efek pada gambar percikan dengan menggunakan "Tools Transparansi Interaktif".</span> <br />
<span class="notranslate"> Pertama-tama Buat bentuk penurunan air dengan menggunakan menggunakan "Shape Tool Dasar, sama seperti langkah 4</span> <br />
<div class="tutorial_image">
<img border="0" src="http://www.entheosweb.com/tutorials/coreldraw/images/popstyle_poster/15.jpg" height="320" width="320" /><br />
<span class="notranslate"> Buat kotak menggunakan "Rectangle Tool" di atas air drop.</span> <br />
<img border="0" src="http://www.entheosweb.com/tutorials/coreldraw/images/popstyle_poster/16.jpg" height="320" width="320" /><br />
<span class="notranslate"> Sekarang kita akan memotongnya, pilih kedua objek dan pergi ke tollbar atas.</span> <br />
<span class="notranslate"> Di sana Anda akan melihat "Weld, Potong, Intersect Tool", tekan Trim Alat untuk memotongnya.</span> <br />
<span class="notranslate"> Hapus Box, kita tidak membutuhkannya lagi.</span> <br />
<img border="0" src="http://www.entheosweb.com/tutorials/coreldraw/images/popstyle_poster/17.jpg" height="320" width="320" /><br />
<span class="notranslate"> Masukan Warna Putih di dalamnya, im akan memberikan latar belakang biru sementara di dalamnya, sehingga Anda dapat melihatnya.</span> <br />
<span class="notranslate"> Pilih bentuk dan pergi ke Tools Transparansi Interaktif, itu di toolbar kiri bawah,</span> <br />
<span class="notranslate"> Kiri Klik & Drag bentuk, ke bawah, sehingga transparansi akan membuat linier ke bawah.</span> <br />
<img border="0" src="http://www.entheosweb.com/tutorials/coreldraw/images/popstyle_poster/18.jpg" height="320" width="320" /><br />
<span class="notranslate"> Sekarang setelah kami membuatnya transparan, mengaturnya ke atas percikan.</span> <br />
<img border="0" src="http://www.entheosweb.com/tutorials/coreldraw/images/popstyle_poster/19.jpg" height="320" width="320" /><br />
<span class="notranslate"> Berlaku untuk semua sisi percikan, dengan menyalin bentuk transparan.</span> <br />
<img border="0" src="http://www.entheosweb.com/tutorials/coreldraw/images/popstyle_poster/20.jpg" height="320" width="320" /><br />
<span class="notranslate"> Membuat drop bentuk air kecil dengan menggunakan "Shape Tool Dasar" sama seperti langkah 4.</span> <br />
<span class="notranslate"> mengaturnya sekitar percikan untuk membuatnya lebih alami.</span> <br />
<img border="0" src="http://www.entheosweb.com/tutorials/coreldraw/images/popstyle_poster/21.jpg" height="320" width="320" /><br />
<span class="notranslate"> Terapkan langkah di atas untuk Kuning dan Hijau Splat.</span> <br />
<img border="0" src="http://www.entheosweb.com/tutorials/coreldraw/images/popstyle_poster/22.jpg" height="320" width="320" /><br />
<hr />
<h2>
<span class="notranslate"> Langkah 6: Bekerja dengan PowerClip</span> </h2>
<span class="notranslate"> Sekarang kita akan mengatur percikan.</span> <br />
<span class="notranslate"> Susun percikan di atas tubuh Poster, mengubah ukuran & mengaturnya seperti pada gambar di bawah.</span> <br />
<img border="0" src="http://www.entheosweb.com/tutorials/coreldraw/images/popstyle_poster/23.jpg" height="320" width="320" /><br />
<span class="notranslate"> Setelah itu, kita akan memasukkan percikan ke dalam tubuh Poster menggunakan "PowerClip"</span> <br />
<span class="notranslate"> Kiri-klik semua percikan, dan kemudian pergi ke toolbar atas dan menemukan Efek> PowerClip> Tempat Di dalam Kontainer.</span> <br />
<span class="notranslate"> Kemudian Anda akan melihat panah hitam, kiri-klik untuk Shape Floral,</span> <br />
<span class="notranslate"> dan sekarang Anda akan melihat bahwa Tekstur Floral dalam Bentuk Floral.</span> <br />
<span class="notranslate"> Anda dapat pergi "dalam" atau "di luar" wadah dengan menekan Ctrl sambil mengklik dua kali.</span> <br />
<img border="0" src="http://www.entheosweb.com/tutorials/coreldraw/images/popstyle_poster/24.jpg" height="320" width="320" /></div>
<hr />
<h2>
<span class="notranslate"> Langkah 7: Membuat Pelangi</span> </h2>
<span class="notranslate"> Kita akan membuat Rainbow menggunakan "Rectangle Tool".</span> <br />
<span class="notranslate"> Pergi ke "Rectangle Tool", Anda dapat menemukannya di toolbar kiri, membuat 5 kotak tipis di atas</span> <br />
<span class="notranslate"> Poster tubuh.</span> <br />
<img border="0" src="http://www.entheosweb.com/tutorials/coreldraw/images/popstyle_poster/25.jpg" height="320" width="320" /><br />
<span class="notranslate"> Mari kita bentuk menggunakan, "Interaktif Amplop Alat",</span> <br />
<span class="notranslate"> Pilih 5 kotak tipis dan pergi ke "Alat Interaktif Amplop", di sana Anda akan melihat panah bentuk.</span> <br />
<div class="tutorial_image">
<img border="0" src="http://www.entheosweb.com/tutorials/coreldraw/images/popstyle_poster/26.jpg" height="320" width="320" /><br />
<span class="notranslate"> dalam Amplop Alat Interaktif, pergi ke toolbar atas dan tekan "Tunggal Arc Mode", ini akan berlaku</span> <br />
<span class="notranslate"> Modus kurva untuk membentuk,</span> <br />
<span class="notranslate"> Bentuk box dengan klik dan tarik panah bentuk seperti pada gambar di bawah ini.</span> <br />
<img border="0" src="http://www.entheosweb.com/tutorials/coreldraw/images/popstyle_poster/27.jpg" height="320" width="320" /></div>
<hr />
<h2>
<span class="notranslate"> Langkah 8: Mewarnai Pelangi</span> </h2>
<span class="notranslate"> Sekarang bahwa kita memiliki Rainbow kami Berbentuk.</span> <span class="notranslate"> mari kita menempatkan warna di dalamnya.</span> <br />
<span class="notranslate"> Pilih Rainbow Pertama dan pergi ke Fountain Fill Tool, dan menerapkan nilai di bawah</span> <br />
<img border="0" src="http://www.entheosweb.com/tutorials/coreldraw/images/popstyle_poster/28.jpg" height="320" width="320" /><br />
<div class="tutorial_image">
<img border="0" src="http://www.entheosweb.com/tutorials/coreldraw/images/popstyle_poster/30.jpg" height="320" width="320" /><br />
<span class="notranslate"> Pilih Rainbow kedua, pergi ke Fountain Fill Tool, dan menerapkan nilai di bawah.</span> <br />
<img border="0" src="http://www.entheosweb.com/tutorials/coreldraw/images/popstyle_poster/32.jpg" height="320" width="320" /><br />
<img border="0" src="http://www.entheosweb.com/tutorials/coreldraw/images/popstyle_poster/33.jpg" height="320" width="320" /><br />
<span class="notranslate"> Pilih Rainbow ketiga, pergi ke Fountain Fill Tool, dan menerapkan nilai di bawah.</span> <br />
<img border="0" src="http://www.entheosweb.com/tutorials/coreldraw/images/popstyle_poster/34.jpg" height="320" width="320" /><br />
<img border="0" src="http://www.entheosweb.com/tutorials/coreldraw/images/popstyle_poster/35.jpg" height="320" width="320" /><br />
<span class="notranslate"> Pilih Rainbow keempat, pergi ke Fountain Fill Tool, dan menerapkan nilai di bawah.</span> <br />
<img border="0" src="http://www.entheosweb.com/tutorials/coreldraw/images/popstyle_poster/36.jpg" height="320" width="320" /><br />
<img border="0" src="http://www.entheosweb.com/tutorials/coreldraw/images/popstyle_poster/37.jpg" height="320" width="320" /><br />
<span class="notranslate"> Pilih Rainbow terakhir, pergi ke Fountain Fill Tool, dan menerapkan nilai di bawah.</span> <br />
<img border="0" src="http://www.entheosweb.com/tutorials/coreldraw/images/popstyle_poster/38.jpg" height="320" width="320" /><br />
<img border="0" src="http://www.entheosweb.com/tutorials/coreldraw/images/popstyle_poster/40.jpg" height="320" width="320" /><br />
<span class="notranslate"> <span class="hps" title="KLIK untuk terjemahan alternatif"><span class="short_text" id="result_box" lang="en">.</span></span></span> <br />
<span class="notranslate"> Sekarang pilih semua pelangi, dan mengaturnya di atas tubuh Poster.</span> <br />
<img border="0" src="http://www.entheosweb.com/tutorials/coreldraw/images/popstyle_poster/41.jpg" height="320" width="320" /><br />
<span class="notranslate"> Setelah tempat itu pelangi di dalam tubuh Poster menggunakan "PowerClip Tool" seperti pada langkah 6.</span> <br />
<img border="0" src="http://www.entheosweb.com/tutorials/coreldraw/images/popstyle_poster/42.jpg" height="320" width="320" /></div>
<hr />
<h2>
<span class="notranslate"> Langkah 9: Membuat Bentuk Hati</span> </h2>
<span class="notranslate"> Kita akan membuat Heart Shape menggunakan "Bezier Tool".</span> <br />
<span class="notranslate"> Buatlah garis dengan menggunakan "Bezier Tool", titik & klik kiri untuk menciptakannya.</span> <br />
<img border="0" src="http://www.entheosweb.com/tutorials/coreldraw/images/popstyle_poster/43.jpg" height="320" width="320" /><br />
<span class="notranslate"> Bentuk dengan menggunakan "Shape Tool" seperti pada langkah 4.</span> <span class="notranslate"> bentuk itu sampai terlihat seperti bentuk hati.</span> <br />
<img border="0" src="http://www.entheosweb.com/tutorials/coreldraw/images/popstyle_poster/44.jpg" height="320" width="320" /><br />
<span class="notranslate"> Flip dan salin baris dengan menekan "Ctrl + kiri + kanan mouse" sambil menyeret ke kanan.</span> <br />
<h2>
<img border="0" src="http://www.entheosweb.com/tutorials/coreldraw/images/popstyle_poster/45.jpg" height="320" width="320" /></h2>
<span class="notranslate"> Tekan "Ctrl + L" untuk menggabungkan, dan pergi ke "Shape Tool"</span> <br />
<span class="notranslate"> pilih dua node di atas Heart Shape dan pergi ke toolbar uppper,</span> <br />
<span class="notranslate"> sana Anda akan melihat "Join dua node" tekan pada rangka bergabung itu.</span> <br />
<span class="notranslate"> Jika node tidak bergabung, Anda tidak bisa menempatkan warna di dalamnya.</span> <br />
<img border="0" src="http://www.entheosweb.com/tutorials/coreldraw/images/popstyle_poster/46.jpg" height="320" width="320" /><br />
<span class="notranslate"> Salin dan mengubah ukuran bentuk hati, mengaturnya ke pusat membuatnya lebih kecil dari aslinya.</span> <br />
<img border="0" src="http://www.entheosweb.com/tutorials/coreldraw/images/popstyle_poster/47.jpg" height="320" width="320" /><br />
<span class="notranslate"> menyalin dua dan mengaturnya seperti gambar di bawah ini.</span> <br />
<img border="0" src="http://www.entheosweb.com/tutorials/coreldraw/images/popstyle_poster/48.jpg" height="320" width="320" /><br />
<hr />
<h2>
<span class="notranslate"> Langkah 10: Mewarnai Heart Shape</span> </h2>
<span class="notranslate"> Sekarang bahwa kita memiliki Hati kami Berbentuk.</span> <span class="notranslate"> mari kita menempatkan warna di dalamnya.</span> <br />
<span class="notranslate"> Pilih Pertama Jantung dan pergi ke Fountain Fill Tool, dan menerapkan nilai di bawah</span> <br />
<img border="0" src="http://www.entheosweb.com/tutorials/coreldraw/images/popstyle_poster/49.jpg" height="320" width="320" /><br />
<img border="0" src="http://www.entheosweb.com/tutorials/coreldraw/images/popstyle_poster/50.jpg" height="320" width="320" /><br />
<span class="notranslate"> Pilih Kedua Jantung dan mengisinya dengan warna ungu biru</span> <br />
<img border="0" src="http://www.entheosweb.com/tutorials/coreldraw/images/popstyle_poster/51.jpg" height="320" width="320" /><br />
<span class="notranslate"> Pilih Hati Ketiga dan pergi ke Fountain Fill Tool, dan menerapkan nilai di bawah</span> <br />
<img border="0" src="http://www.entheosweb.com/tutorials/coreldraw/images/popstyle_poster/52.jpg" height="320" width="320" /><br />
<img border="0" src="http://www.entheosweb.com/tutorials/coreldraw/images/popstyle_poster/53.jpg" height="320" width="320" /><br />
<span class="notranslate"> Pilih Last Jantung dan pergi ke Fountain Fill Tool, dan menerapkan nilai di bawah</span> <br />
<img border="0" src="http://www.entheosweb.com/tutorials/coreldraw/images/popstyle_poster/54.jpg" height="320" width="320" /><br />
<img border="0" src="http://www.entheosweb.com/tutorials/coreldraw/images/popstyle_poster/55.jpg" height="320" width="320" /><br />
<span class="notranslate"> Sekarang kita akan membuat mata Heart Shape menggunakan "Bezier Tool"</span> <br />
<span class="notranslate"> Pergi ke "Bezier Tool" dan membuat bentuk seperti segitiga.</span> <br />
<img border="0" src="http://www.entheosweb.com/tutorials/coreldraw/images/popstyle_poster/56.jpg" height="320" width="320" /><br />
<span class="notranslate"> Setelah itu pergi ke Tool Option Pen, dan menerapkan nilai di bawah</span> <br />
<img border="0" src="http://www.entheosweb.com/tutorials/coreldraw/images/popstyle_poster/57.jpg" height="320" width="320" /><br />
<img border="0" src="http://www.entheosweb.com/tutorials/coreldraw/images/popstyle_poster/58.jpg" height="320" width="320" /><br />
<span class="notranslate"> Salin dan duplikat mata dan menempatkan warna merah muda di dalamnya</span> <br />
<img border="0" src="http://www.entheosweb.com/tutorials/coreldraw/images/popstyle_poster/59.jpg" height="320" width="320" /><br />
<hr />
<h2>
<span class="notranslate"> Langkah 11: Mengatur Bentuk Hati</span> </h2>
<span class="notranslate"> Sekarang bahwa kita memiliki Heart Shape kami.</span> <span class="notranslate"> mari kita mengaturnya.</span> <br />
<span class="notranslate"> Pilih Hati Bentuk menyalin, menggandakan dan mengubah ukurannya seperti gambar di bawah ini.</span> <br />
<img border="0" src="http://www.entheosweb.com/tutorials/coreldraw/images/popstyle_poster/60.jpg" height="320" width="320" /><br />
<span class="notranslate"> Mengaturnya di atas Badan Poster</span> <br />
<a href="http://translate.googleusercontent.com/translate_c?act=url&depth=1&hl=id&ie=UTF8&prev=_t&rurl=translate.google.com&sl=en&tl=id&u=http://www.entheosweb.com/tutorials/coreldraw/popstyle_poster.asp&usg=ALkJrhgTIvnq1TPwliDJzvxtEGI163_kGQ"><img border="0" src="http://www.entheosweb.com/tutorials/coreldraw/images/popstyle_poster/61.jpg" height="320" width="320" /></a> <br />
<span class="notranslate"> Menggambar Kotak di bawah Badan Flyer.</span> <br />
<img border="0" src="http://www.entheosweb.com/tutorials/coreldraw/images/popstyle_poster/63.jpg" height="320" width="320" /><br />
<span class="notranslate"> Bentuk dengan menggunakan "Shape Tool"</span> <br />
<img border="0" src="http://www.entheosweb.com/tutorials/coreldraw/images/popstyle_poster/64.jpg" height="320" width="320" /><br />
<span class="notranslate"> Menempatkan warna putih di dalamnya dan tempat di dalam tubuh Poster menggunakan "PowerClip"</span> <br />
<img border="0" src="http://www.entheosweb.com/tutorials/coreldraw/images/popstyle_poster/65.jpg" height="320" width="320" /><br />
<hr />
<h2>
<span class="notranslate"> Langkah 10: Finishing</span> </h2>
<span class="notranslate"> Sekarang mari kita menaruh beberapa teks dalam poster,</span> <br />
<span class="notranslate">
Pergi ke "Text Tool", dalam tutorial ini saya menggunakan "Velocity"
font, tetapi Anda dapat mengubahnya ke apa pun yang Anda suka</span> <br />
<span class="notranslate"> mengetik teks apapun yang Anda inginkan, dan letakkan di area putih Poster.</span> <br />
<img border="0" src="http://www.entheosweb.com/tutorials/coreldraw/images/popstyle_poster/66.jpg" height="320" width="320" /><br />
<span class="notranslate"> Pergi ke "Fountain Fill Tool" dan menerapkan nilai di bawah</span> <br />
<img border="0" src="http://www.entheosweb.com/tutorials/coreldraw/images/popstyle_poster/67.jpg" height="320" width="320" /><br />
<a href="http://translate.googleusercontent.com/translate_c?act=url&depth=1&hl=id&ie=UTF8&prev=_t&rurl=translate.google.com&sl=en&tl=id&u=http://www.entheosweb.com/tutorials/coreldraw/popstyle_poster.asp&usg=ALkJrhgTIvnq1TPwliDJzvxtEGI163_kGQ"><img alt="popstyle poster" border="0" src="http://www.entheosweb.com/tutorials/coreldraw/images/popstyle_poster/68.jpg" height="320" width="320" /></a> <br />
<hr />
<span class="notranslate"></span> <br />
<div class="tutorial_image">
</div>
</div>
</div>
</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-5305341170081722001.post-20632185756230050702016-11-11T02:30:00.000-08:002016-11-13T07:18:55.480-08:00Generasi Sistem Operasi<div style="text-align: justify;">
<b><span style="font-family: "arial";"> Perkembangan Umum Sistem operasi</span></b></div>
<div style="text-align: justify;">
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNM6fF8mVauDFsd90fhOgdnrAsAWRfIZCja5X3JsYebKqKReE02L2ul2eF1VgScaG3fbc-Wx_gVAVLnpQoi0pNH77_XnWA8eAZ9zXM99rk0APP2HUFm3zXDy9r8OBEQvtfvTImANpztgs/s1600/os2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNM6fF8mVauDFsd90fhOgdnrAsAWRfIZCja5X3JsYebKqKReE02L2ul2eF1VgScaG3fbc-Wx_gVAVLnpQoi0pNH77_XnWA8eAZ9zXM99rk0APP2HUFm3zXDy9r8OBEQvtfvTImANpztgs/s320/os2.png" width="320" /></a></div>
<span style="font-family: "arial";">Menurut Tanebaum, Sistem Operasi mengalami perkembangan yang dapat </span><span style="font-family: "arial";">dibagi ke dalam lima generasi.</span></div>
<div style="text-align: justify;">
<br />
<b><span style="font-family: "arial";">a) Generasi Awal (1945-1955)</span></b></div>
<div style="text-align: justify;">
<br />
<span style="font-family: "arial";">Generasi pertama merupakan awal perkembangan sistem komputasi elektronik </span><span style="font-family: "arial";">sebagai pengganti sistem komputasi mekanik, hal itu disebabkan kecepatan </span><span style="font-family: "arial";">manusia untuk menghitung terbatas dan manusia sangat mudah untuk </span><span style="font-family: "arial";">membuat kecerobohan, kekeliruan bahkan kesalahan. Pada generasi ini belum </span><span style="font-family: "arial";">ada sistem operasi, maka sistem komputer diberi instruksi yang harus </span><span style="font-family: "arial";">dikerjakan secara langsung oleh pengguna.</span></div>
<div style="text-align: justify;">
<br />
<b><span style="font-family: "arial";">b) Generasi Kedua (1955-1965)</span></b></div>
<div style="text-align: justify;">
<br />
<span style="font-family: "arial";">Generasi kedua memperkenalkan Batch Processing System, yaitu Job yang </span><span style="font-family: "arial";">dikerjakan dalam satu rangkaian, lalu dieksekusi secara berurutan. Generasi ini </span><span style="font-family: "arial";">sistem komputer belum dilengkapi sistem operasi, tetapi beberapa fungsi sistem </span><span style="font-family: "arial";">operasi telah ada, contohnya fungsi sistem operasi ialah FMS dan IBSYS </span></div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
<b><span style="font-family: "arial";"> </span><span style="font-family: "arial";">c) Generasi Ketiga (1965-1980)</span></b></div>
<div style="text-align: justify;">
<br />
<span style="font-family: "arial";">Sistem operasi pada generasi ini dikembangkan untuk melayani banyak </span><span style="font-family: "arial";">pemakai, dimana para pemakai berkomunikasi lewat terminal secara on-line ke </span><span style="font-family: "arial";">komputer. Sistem operasi menjadi multi-user (digunakan oleh banyak pengguna </span><span style="font-family: "arial";">Sistem Operasi </span><span style="font-family: "arial";">11 </span><span style="font-family: "arial";">sekaligus), multi-programming (melayani banyak program sekaligus) dan multi</span><span style="font-family: "arial";">tasking (melayani banyak tugas dan pekerjaan / Batch Processing System) </span></div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
<b><span style="font-family: "arial";"> </span><span style="font-family: "arial";">d) Generasi Keempat (1980 – 2000-an)</span></b></div>
<div style="text-align: justify;">
<br />
<span style="font-family: "arial";">Pada masa ini sistem operasi telah menggunakan Graphical User Interface </span><span style="font-family: "arial";">(GUI) yaitu antar-muka komputer yang berbasis grafis yang sangat nyaman dan </span><span style="font-family: "arial";">mudah digunakan. Pada masa ini juga dimulai era komputasi tersebar </span><span style="font-family: "arial";">(distributed computer) dimana komputasi-komputasi tidak lagi berpusat di satu </span><span style="font-family: "arial";">titik, tetapi dipecah dibanyak komputer sehingga tercapai kinerja yang lebih </span><span style="font-family: "arial";">baik.</span></div>
<div style="text-align: justify;">
<br />
<b><span style="font-family: "arial";">e) Generasi Selanjutnya</span></b></div>
<div style="text-align: justify;">
<br />
<span style="font-family: "arial";">Pada generasi ini diperkenalkan Sistem Operasi yang berada dalam sebuah </span><span style="font-family: "arial";">Sistem Operasi dan Sistem Operasi bergerak (Mobile) pada perangkat bergerak</span><span style="font-family: "arial";"> seperti: PDA, Poket PC, Laptop, Notebook dan NetBook. Sistem Operasi </span><span style="font-family: "arial";">jaringan virtual juga berkembang, sehingga dalam satu jaringan hanya diinstal </span><span style="font-family: "arial";">satu buah Sistem Operasi pada perangkat Server. Pada masa ini, </span><span style="font-family: "arial";">diperkenalkan virtualization sistem yaitu satu komputer dapat diclonning secara </span><span style="font-family: "arial";">virtual menjadi lebih dari satu komputer (sistem operasi) yang dapat bekerja </span><span style="font-family: "arial";">bersama-sama, Cross Platform Operating System (multiboot system) yang </span><span style="font-family: "arial";">dapat menggabungkan dua atau lebih Sistem Operasi berbeda seperti : Linux </span><span style="font-family: "arial";">dan Windows. Generasi ini merupakan awal tren Mobile Computing, yang </span><span style="font-family: "arial";">perangkatnya didominasi oleh Android, iOS, Blackberry OS, Windows mobile, </span><span style="font-family: "arial";">Windows Phone dan Symbian. Pada masa ini dikenalkan sistem iClaud </span><span style="font-family: "arial";">(layanan komputasi awan) yaitu sistem layanan jaringan yang dipublikasikan </span><span style="font-family: "arial";">oleh Apple Inc pada tanggal 6 Juni 2011 di San Fransisco. iCloud </span><span style="font-family: "arial";">memungkinkan para penggunanya untuk mensinkronisasi data seperti foto, </span><span style="font-family: "arial";">musik, dan dokumen dari perangkat satu ke perangkat lain seperti ke dalam </span><span style="font-family: "arial";">iPhone, iPad, iPod Touch, Mac dan komputer secara otomatis pada waktu yang </span><span style="font-family: "arial";">bersamaan.</span></div>
Sugihttp://www.blogger.com/profile/02539124289966867602noreply@blogger.com0tag:blogger.com,1999:blog-5305341170081722001.post-33996334455203537232016-10-22T07:51:00.001-07:002016-11-02T07:39:01.712-07:00Cara Backup dan Restore Konfigurasi Router Mikrotik<div style="text-align: justify;">
Konfigurasi Router Mikrotik dapat di-backup dan restore untuk mencegah pekerjaan konfigurasi ulang jika suatu saat router diganti atau rusak. Fitur Backup juga berguna ketika anda melakukan kesalahan konfigurasi dan ingin kembali ke konfigurasi sebelumnya. Konfigurasi yang dibackup ini akan disimpan dalam bentuk file dan dapat di download atau copy ke harddisk PC/laptop anda.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>Cara Backup Konfigurasi Mikrotik</b></div>
<div style="text-align: justify;">
Untuk melakukan backup konfigurasi, anda dapat melakukannya via command line ataupun winbox, dengan perintah :</div>
<div style="text-align: justify;">
<br /></div>
<div class="alert-message warning" style="text-align: justify;">
[admin@MikroTik] > system backup save</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Jika menggunakan winbox, masuk ke menu Files => klik Backup. Maka akan muncul file baru dengan ekstensi .backup. Kemudian untuk mengcopy atau download file .backup tersebut ke komputer tinggal drag and drop aja</div>
<div style="text-align: justify;">
file nya ke Windows Explorer seperti gambar berikut :<br />
<br />
</div>
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLnympwS8RpMLxj2cf8YE0b-2VvI5r3XW0phl3SlBvDN6Bpy6vBCuUZz7kOx46uFAYZrGJ0z7ykZFq5RRFPMbg2qvirq1mlOJSsUjkVISFUGaqAEPBklWWdRNpWjCNvgY5hDsuAr8Doi_b/s1600/mk1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="206" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLnympwS8RpMLxj2cf8YE0b-2VvI5r3XW0phl3SlBvDN6Bpy6vBCuUZz7kOx46uFAYZrGJ0z7ykZFq5RRFPMbg2qvirq1mlOJSsUjkVISFUGaqAEPBklWWdRNpWjCNvgY5hDsuAr8Doi_b/s320/mk1.jpg" width="320" /></a></div>
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>Cara Restore Konfigurasi Mikrotik</b><br />
Untuk mengembalikan konfigurasi yang sudah di-backup sebelumnya masuk ke manu Files. Copy file backup dari komputer ke router mikrotik dengan drag n drop seperti sebelumnya. Pilih file backup yang mau di-restore. klik Restore.<br />
<br />
</div>
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijK848i236Wemt6kfinFNqtQNCcfNk4OXME95acwM_QZeNSNiOtIw6fAsSfcZO6yQK44q60XpcZy5DXFQ9KTuRMmo7CDLPpVeCeI_xZgRjBC6UMEDa1yMkHWBPVO2AwA9QASQQFf7a2FZw/s1600/mk2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="208" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijK848i236Wemt6kfinFNqtQNCcfNk4OXME95acwM_QZeNSNiOtIw6fAsSfcZO6yQK44q60XpcZy5DXFQ9KTuRMmo7CDLPpVeCeI_xZgRjBC6UMEDa1yMkHWBPVO2AwA9QASQQFf7a2FZw/s320/mk2.jpg" width="320" /></a></div>
<br /></div>
<div style="text-align: justify;">
Semoga artikel saya bermanfat apabila ada kesalahan dalam pengetikan mohon dimaafkan.<br />
</div>
semutwifihttp://www.blogger.com/profile/09369297052287223069noreply@blogger.com0