Archive for April 2018

2 Cara Memasang/Instal Bootstrap Pada Website

22:43 Add Comment
Bootstrap - seperti yang kita ketahui bootstrap merupakan framework css yang sangat populer dan banyak digunakan oleh programmer, karena dengan bootstrap kita bisa mempermudah pekerjaan kita dalam membuat website.


Tidak hanya itu di Bootstrap banyak sekali fitur dan komponen komponen website yang bisa kita gunakan, buat kalian yang masih bingung kenapa bootstrap sangat berguna kalian bisa membaca artikel Kenapa Harus Bootstrap?, Ini 6 Alasannya!

untuk menggunakan atau memasang Bootstrap sangatlah mudah, dan sudah disediakan 2 cara berbeda yang bisa kita pilih,

Menggunakan CDN

Cara pertama adalah menggunakan CDN, sedangkan CDN  ( Content Delivery Network ) sendiri  adalah sebuah teknologi terbaru sebagai bentuk mirroring content website kita. Dengan menggunakan CDN maka content web kita seperti CSS, Image, Video, Custom Scripts akan di mirror di server cadangan yang terletak di berbagai negara.

artinya kita bisa langsung mengambil file cssnya secara online, dan cara ini banyak digunakan buat para pengguna yang ingin belajar dan membuat website secara online tanpa terputus koneksi internetnya.

jadi dengan cara ini kita harus tetap terhubung di internet untuk menggunakan Bootstrap.

1. Pergi ke website resminya Bootstrap
2. click Get Started
3. copy link CDN cssnya
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

4. pastekan di bagian <head> file website kalian
5. jika ingin menggunakan javascript, kalian bisa mendapatkan fitur lengkap
6. caranya copy link CDN javascriptnya
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>

7. tempatkan di atas </body>

atau buiat kalian yang ingin membuat website dari awal, kalian  bisa langsung copy code Starter template di bagian bawah.


Download Bootstrap

dengan cara ini kalian bisa langsung download file css dan javascriptnya Bootstrap dan menggunakan sepuasnya secara offline.

1. pergi ke Website remi untuk download Bootstrap
2. click download, pada bagian compiled css dan js
3. extract file tersebut kedalam folder website kalian
4. masukan kode berikut di <head> untuk menambahkan css
<link rel="stylesheet" href="css/bootstrap.min.css"

5. masukan kode berikut di atas </body> untuk menambahkan js
<script src="js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>

jika kalian ingin menggunakan bootstrap javascript kalian harus juga memasang jquery dan proper js kedalam website kalian, yang dimana kode js CDN di atas sudah melibatkannya.

buat kalian yang masih bingun cara pemasangannya, subcribe dan ikuti terus channel youtube Manderser untuk melihat video tutorialnya (Coming Soon)

Semoga Bermanfaat

Kenapa Harus Bootstrap?, Ini 6 Alasannya!

01:11 Add Comment
Bootstrap - merupakan sebuah framework css yang digunakan untuk mempermudah dalam membangun sebuah website. Bootstrap pertama kali di kembangkan pada pertangahan 2010 di Twitter oleh Mark Otto dan Jacob Thornton. Saat ini Bootstrap dikembangkan secara open source dengan lisensi MIT.


sudah banyak sekali programmer website menggunakan Bootstrap sebagai framework cssnya, karena dengan fitur fitur yang berlimpah dan mendukung tampilan pada semua device, atau bisa dibilang responsive.


Buat kalian yang masih bingung, apakah harus menggunakan Bootstrap dan kenapa?, berikut kelebihan kelebihan yang ditawarkan framework css satu ini.

Menghemat Waktu

seperti pada fungsi fungsi framework lainnya, bootstrap sangatlah menghemat waktu, karena semua pondasi atau dasar dasar dari cssnya sudah ada, kalian tinggal membangunnya saja.


Responsive

Yap, salah satu kelebihan yang paling penting dan sangat dicintai para programmer, yaitu responsive, dengan bootstrap kita bisa membangun website untuk semua device dengan ukuran layar yang berbeda beda tanpa khawatir ada yang terpotong, karena dengan Grid yang sempurna web akan menyesuaikan dengan ukuran layar pengguna.


Didukung Oleh Semua Browser Umum

browser umum seperti Google Chrome, Mozila Firefox, Internet Explorer, Opera Mini. Safari, mendukung Bootstrap sebagai framework css, jadi kita tidak perlu menambahkan kode kode khusus untuk browser tertentu.




Banyak Sekali Komponen Komponen Website

komponen komponen seperti form, card, navbar, progress, buttons dan masih banyak lagi yang kalian bisa lihat langsung di Website resmi Bootstrap Components.


Komunitas Dan Tema Yang Tersebar Dimana Mana

Komuntas dan tema yang sangat banyak dan tersebar dibanyak tempat, contohnya seperti group khusus facebook untuk bootstrap yang dimana kalian bisa berdiskusi dengan pengguna lain.

tidak hanya itu, banyak sekali tema tema yang sudah tersedia yang kita bisa pakai secara gratis.


Gratis

yang terakhir dan cukup penting adalah Gratis, karena dengan semua fitur dan kelebihannya di atas, tidak diragukan lagi framework ini berkualitas premium yang bisa digunakan secara gratis atau open source.


setelah membaca banyak kelebihannya di atas, semoga pertanyaan kalian bisa terjawab, karena framework css ini sangatlah worth it digunakan.

salah satu dan hal yang paling penting di bootstrap adalah Grid.

Semoga Bermanfaat

2 Cara Mudah Masuk Ke Safe Mode Di Windows 10

04:20 Add Comment
Windows - OS yang sangat populer ini memiliki banyak pengguna karena fitur dan tampilan premiumnya, walaupun banyak menjadi serangan para hacker dan virus virus yang dibuatnya, team microsoft selalu memberikan update dan security pertahanan terbaru dan aman.

tetapi, bagi kalian pengguna windows yang sudah lama, walapun sering update keamanan atau securitynya, bukan berarti windows kalian kembali seperti awal dan semua drivernya menjadi default.

sehingga buat kalian yang memiliki masalah dengan driver atau aplikasi yang tidak berjalan dengan benar, kalian bisa menggunakan salah satu mode yang disediakan windows 10 untuk penggunanya yang memiliki masalah atau untuk kalian yang hanya ingin menjalankan windows 10 dengan file dan driver dasarnya saja.

Safe Mode sendiri adalah posisi dimana OS masuk ke tahap diagnosa yang berguna untuk menemukan kesalahan atau penyebab error dari OS tersebut. Ketika masuk ke Safe Mode, PC hanya bisa mengakses dengan batasan tertentu, seperti file dan aplikasi yang normal.


2 Cara Mudah Masuk Ke Windows 10 Safe Mode


Menggunakan MS Config
  Cara pertama ini yaitu menggunakan system configuration, yang dimana kita langsung ke setting sytemnya dan merestart windows ke safe mode.
 1. Buka RUN ( Tombol Windows + R )
 2. ketik msconfig
 3. pergi ke tab Boot

 4. centang Safe boot
 5. klik Ok
 6. setelah itu akan muncul notifikasi dari windows click restart now.


Menggunakan Advanced Start-Up
  Yang kedua ini menggunakan fitur default dari windows 10, yaitu setting Advanced Start-Up.
 1. Buka Windows Start
 2. click setting
 3. pilih Update & Security
 4. buka tab Recovery
 5. pada bagian advanced start-up, click Restart Now.

 6. setelah itu akan masuk ke recovery mode
 7. pilih Troubleshoot > Advanced Options
 8. selanjutnya pilih Start-Up setting kemudian restart komputer anda
 9. setelah restart silahkan pilih Safe Mode.


Kedua cara diatas sama saja, perbedaanya hanya cara dan jalan untuk masuk ke safe mode, tetapi keduanya akan masuk ke safemode yang sama.


Demikian 2 cara yang mudah untuk masuk ke safe mode di windows 10, walaupun masih banyak cara yang lain, 2 cara diatas sering dipakai karena sangat mudah dan simpel.

Safe Mode ini bisa digunakan buat kalian yang memiliki masalah atau error di windows 10 kalian.


Semoga Bermanfaat
Subscribe to: Posts (Atom)