logo

Cara Mengatasi Bluescreen pada Komputer dan Laptop

14 March 2016

bsod
Greget itu saat kita lagi asik-asiknya ngeGame, atau lagi serius ngerjain tugas kuliah ataupun kantor, tiba-tiba layar komputer/laptop menjadi biru (bluescreen).... Marah, jengkel, bingung, emosi ca,pur aduk jadi satu. Bluescreen atau panjangnya BlueScreen of Death (BSOD) memang menjadi momok tersendiri bagi pengguna komputer maupun laptop (termasuk notebook, netbook dan sejenisnya). Untuk itu kali ini saya akan coba memberikan beberapa tips cara mengatasinya. Untuk mengatasi bluescreen, kita perlu melihat kode permaslahan yang ditampilkan, karena beda kode beda juga cara mengatasinya.

Berikut ini beberapa kode yang biasanya ditampilkan oleh bluescreen:

DATA_BUS_ERROR

Pesan error ini berarti slot pada motherboard rusak atau berdebu, biasanya slot yang bermasalah adalah pada slot memori. Untuk mengatasinya Anda bersihkan slot-slot yang ada pada mobo terutama slot memori.

PEN_LIST_CORRUPT

Pesan error ini berarti telah terjadi masalah pada RAM.
Solusinya:
Periksa apakah RAM rusak atau tidak. Anda cabut RAM-nya dan bersihkan slot dan RAM-nya, bersihkan RAM dengan penghapus.Jika masih terjadi bluescreen, berarti RAM anda rusak.

INACCESSIBLE_BOOT_DEVICE

Pesan error ini berarti telah terjadi kesalahan pada pengaturan pemasangan jumper, driver IDE controler, atau kesalahan pada saat installasi driver chipset.
Solusinya:
Kembalikan pada pengaturan awal. Jika anda tidak merasa mengutak-atik jumper maupun IDE controler, coba install ulang driver chipsetnya. Jika tetap tidak bisa, berarti mainboard anda yang bermasalah.

MACHINE_CHECK_EXCEPTION

Pesan error ini berarti disebabkan oleh kerusakan Prosesor, atau juga bisa disebabkan oleh kerusakan/ kekurangan daya pada power supply. Anda harus menjaga suhu prosesor agar tetap terjaga, tapi bila tetap muncul pesan error ini artinya prosesor atau PSU Anda sudah mau tutup usia.
Solusinya:
Bersihkan heatsink (pendingin) pada prosesor, termasuk kipasnya. Cek putaran kipasnya, masih kencang apa sudah lemah. Kalau perlu ganti. Beri pasta pada prosesor. Cek power suply. Jika tidak bisa mengecek, cari aja power suply yang masih bagus, jika tidak punya ya beli.. hitung-hitung belajar :)

BAD_POOL_CALLER

Kesalahan ini biasanya terjadi karena kesalahan pada saat menginstall atau mengupgrade driver, karena ini memaksakan sehingga komputer mengalami blue screen.
Solusinya:
Uninstall driver yang baru saja di install. Jika karena upgrade driver, kembalikan saja pada driver defaultnya (roll back)

PAGE_FAULT_IN_NONPAGED_AREA

Pesan ini terjadi karena ada kerusakan hardware pada komputer Anda, bisa jadi RAM, VGA, atau memory di prosesor (L2 Cache)
Solusinya:
Lepas VGA Card. Jika menggunakan VGA internal, matikan (lewat bios) lalu gunakan VGA eksternal. Jika tetap tidak berhasil, coba ganti RAM. Jika hasilnya sama saja, berarti prosesornya minta diganti :)

IRQL_NOT_LESS_OR_EQUAL (0X0000000A)

Masalah ini terjadi bisa karena kesalahan pada saat menginstall driver, terjadinya timpang tindih/ bentrok pada driver yang biasanya terjadi ketika pengguna menginstall/ update driver baru sedangkan driver lama tidak terhapus/ dihapus (berhati-hatilah bagi Anda yang gemar update/ coba-coba install driver baru). Selain itu kesalahan ini pun bisa terjadi karena pengaturan/ penginstallan driver VGA dan Audio Sound.
Solusinya:
Uninstall driver baru tersebut. Bersihkan sampah-sampah di bantar gebang di komputer/ laptop (bisa pakai CCleaner ataupun Advance System Care atau yang lain, terserah anda). Restart komputer, install ulang driver tadi.

UNEXPECTED_KERNEL_MODE_TRAP (0X0000007F)

Pesan ini muncul terjadi karena Prosesor terlalu panas, cek kipas prosesor. Bisa juga disebabkan karena overclocking yang melebihi performa batas prosesor. Atau terjadi masalah pada motherboard.
Solusinya:
Bersihkan heatsink (pendingin) pada prosesor, termasuk kipasnya. Cek putaran kipasnya, masih kencang apa sudah lemah. Kalau perlu ganti. Beri pasta pada prosesor.

VIDEO_DRIVER_INIT_FAILURE

Kesalahan ini terjadi karena terjadi kesalahan saat install driver video card atau VGA.
Solusinya:
Install driver VGA yang sesuai dengan OS dan tipe sistem yang digunakan.
Itu tadi beberapa pesan kesalahan pada bluescreen. Semoga bisa membantu kalian mengatasinya.

Sebagai penutup, berikut saya berikan sedikit tips mengatasi bluescreen:

  1. Buka Control Panel lalu klik System.
  2. Klik System Protection
    system protection
  3. Selanjutnya klik tab Advanced, lalu klik Setting pada Startup and Recovery
    system protection2
  4. Ubah Automatic Memory Dump menjadi Small Memory Dump (...) yang berada di kolom Write debugging information
    system protection3
  5. Klik OK
Semoga bermanfaat.
Baca Lagi
papa wardi
papa wardi Updated at: 20:30

Mempercantik Blog Dengan Glyphicons Bootstrap

13 March 2016
glyphicon

Ada banyak cara untuk mempercantik Blog kita. Salah satunya dengan memasang icon di Blog kita. Kenapa harus dengan Glyphicons, pakai icon yang biasanya kan bisa? pakai image juga bisa kan? YA.. memang bisa. Tapi yang menarik dari Glypicons adalah Glyphicons ini berbasis text jadi lebih ringan dan bisa dirubah warna dan ukurannya seperti huruf pada umumnya.

Saat ini Glyphicons tidak bisa digunakan di Blogspot, karena kita tidak bisa mengupload file pendukungnya agar bisa terintegrasi dengan blogspot.

Perlu kita ketahui, saat ini Glyphicons tersedia dalam 3 set, yaitu Halflings, Social dan Filetypes. Hanya saja yang bisa kita gunakan secara gratis hanya yang Halfling set. Termasuk lebih dari 250 glyphs dalam format font dari Glyphicon Halfling set. Anda bisa melihat-lihat macam-macam icon dan kodenya di sini atau di situs resminya Glyphicons disini

Glyphicons Halflings biasanya tidak tersedia secara gratis, tapi pencipta mereka telah membuat mereka tersedia untuk Bootstrap secara gratis. Sebagai ucapan terima kasih, kami hanya meminta Anda menyertakan backlink ke Glyphicons bila memungkinkan
Glyphicon

Cara Menggunakan

Untuk menggunakannya, kita perlu menyiapkan (mengupload) file-file pendukungnya seperti:

  • glyphicons-halflings-regular.eot
  • glyphicons-halflings-regular.svg
  • glyphicons-halflings-regular.ttf
  • glyphicons-halflings-regular.woff
  • glyphicons-halflings-regular.woff2
Secara default, file tersebut terletak di ../fonts/. Jika menempatkannya di folder lain, maka kita harus merubah kode CSS yang ada di bootstrap.css atau bootstrap.min.css
kita bisa menempatkan kode glyphicon hampir dimana saja. Semua ikon memerlukan kelas dasar dan kelas icon individual. Pastikan untuk memberi jarak antara ikon dan teks untuk padding yang tepat.
Ada beberapa hal yang perlu diperhatikan saat memasang Glyphicons:

  • Jangan mencampur dengan komponen lain.
    Kelas ikon tidak boleh digunakan bersama dengan kelas-kelas lain pada elemen yang sama. Sebaliknya, tambahkan <span> bersarang dan menerapkan kelas ikon dengan <span>.
  • Hanya untuk digunakan pada elemen kosong
    Kelas ikon seharusnya hanya digunakan pada elemen yang tidak mengandung konten teks dan tidak memiliki elemen anak.
  • Icon yang mudah di akses
    • Untuk menghindari keluaran yang tidak diinginkan dan membingungkan layar pembaca (terutama ketika ikon yang digunakan murni untuk dekorasi), kita bisa menyembunyikannya dengan atribut aria-hidden="true".
    • Jika Akita menggunakan ikon untuk menyampaikan makna (bukan hanya sebagai elemen dekoratif), kita bisa menggunakan kelas .sr-only.
    • Jika kita membuat kontrol tanpa teks lain (seperti <button> yang hanya berisi ikon), kita harus selalu menyediakan konten alternatif untuk mengidentifikasi tujuan kontrol. Dalam hal ini, kita bisa menambahkan atribut aria-label pada kontrol itu sendiri.

Contoh Penggunaan

Penggunaan dalam tombol, kelompok tombol untuk toolbar, navigasi, atau diletakkan sebelum input form

<button type="button" class="btn btn-default" aria-label="Left Align">
  <span class="glyphicon glyphicon-align-left" aria-hidden="true"></span>
</button>
<button type="button" class="btn btn-default" aria-label="Center Align">
  <span class="glyphicon glyphicon-align-center" aria-hidden="true"></span>
</button>
<button type="button" class="btn btn-default" aria-label="Right Align">
  <span class="glyphicon glyphicon-align-right" aria-hidden="true"></span>
</button>
<button type="button" class="btn btn-default" aria-label="Justify Align">
  <span class="glyphicon glyphicon-align-justify" aria-hidden="true"></span>
</button>

glyph2
<div class="alert alert-danger" role="alert">
  <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
  <span class="sr-only">Error:</span>
  Enter a valid email address
</div>
glyph3
Demikian tadi cara menggunakan Glypicons di Bootstrap. Semoga bermanfaat.
Baca Lagi
papa wardi
papa wardi Updated at: 00:29

Gerhana Kali Ini Mirip Gerhana Pada Zaman Rasulullah

05 March 2016
GMT Indonesia
Tidak dipungkiri lagi, bahwasannya saat ini momen yang paling dinantikan seluruh orang adalah Gerhana Matahari Total (GMT) yang akan terjadi besok pada hari Rabu, 09 Maret 2016. Sayangnya Gerhana Matahari Total hanya bisa dilihat di sebagian wilayah di Indonesia. Wilyah-wilayah tersebut antara lain:
  • Palembang
  • Belitung
  • Sampit
  • Palangkaraya
  • Balikpapan
  • Palu
  • Poso
  • Luwuk
  • Ternate
  • Halmahera

Namun ada yang istimewa pada gerhana matahari kali ini. Kota semarang yang hanya bisa menyaksikan Gerhana Matahari Sebagian (FYI. Semarang tidak termasuk wilayah yang bisa melihat GMT) ternyata mirip dengan kejadian gerhana matahari pada zaman Rasulullah. Hal ini disampaikan oleh seorang Dosen Ilmu Falak UIN Walisongo yang bernama Ahmad Izzuddin dalam diskusi Seminar Nasional dengan tema 'Menyambut Gerhana Matahari Total 2016' di Masjid Agung Jawa Tengah (MAJT) Semarang, Sabtu, 5 Maret 2016.
Beliau juga membuat tabel perbandingan gerhana matahari pada zaman Rasulullah dengan gerhana matahari kali ini. Tabel ini dibuat sebagai perbandingan antara gerhana matahari pada zaman Rasulullah dengan gerhana matahari masa kini di Semarang
ZAMAN RASULULLAH09 MARET 2016
WAKTU29 Syawal 10 Hijriah/ 27 Januari 632 Masehi09 Maret 2016 (Wilayah Semarang)
AWAL GERHANAPukul 07.08.51 WDPukul 06.20.33 WIB
PUNCAK GERHANApukul 08.21.04 WDpukul 07.23.54 WIB
AKHIR GERHANApukul 09.45.03 WDpukul 08.36.11 WIB
DURASI GERHANA2 jam 36 menit 11 detik2 jam 15 menit 38 detik
MAGNITUDE GERHANA0,824317767 = 82%0,874283664 = 87%
* WD = Waktu Dunia
Masih menurut Ahmad Izzuddin, dari tabel tesebut terlihat ada 3 aspek kemiripan yaitu,

  1. Sama-sama Gerhana Matahari Sebagian
  2. Dilihat dari waktunya, gerhana ini sama-sama terjadi di seperempat pagi hari terawal, meskipun tidak tepat mirip waktunya.
  3. Dilihat dari durasinya, gerhana kali ini sama-sama berkisar dua jam lebih.
  4. dilihat dari besar piringan gerhana sama-sama mempunyai presentasi gelap gerhana 80 persen.

Lepas dari mirip atau tidak, yang pasti Gerhana Matahari Total kali ini benar-benar istimewa. Karena sebagian wilayah di Indonesia bisa menyaksikan dengan jelas dan ini bisa menarik wisatawan lokal maupun mancanegara. Hal ini akan berdampak pada industri pariwisata di Indonesia pada umumnya. Bahkan kabarnya Hotel dan penginapan di daerah yang dilintasi gerhana sudah banyak yang penuh. Ini menjadi berkah tersendiri bagi masyarakat di sekitar wilayah tersebut.
Baca Lagi
papa wardi
papa wardi Updated at: 22:19

Spesifikasi dan Harga Vivo Xplay5 Elite

04 March 2016
Vivo Xplay5 Elite
WOOWW!!. Itulah kata-kata yang pertama saya ucapkan ketika mendengar ada smartphone keluaran terbaru dengan RAM 6GB. Apaaa... 6GB? yang bener aja; sumpe loo.. Nggak usah kaget, nggak usah lebay.. tapi emang seperti itu kenyataannya.
Ya, perusahaan asal Tiongkok tersebut akhirnya secara resmi memperkenalkan smartphone Vivo Xplay5 Elite di Beijing. Dan ini menjadikan Vivo Xplay 5 Elite sebagai smartphone pertama di dunia yang memakai RAM 6GB. Smartphone ini rencananya akan rilis tanggal 8 Maret 2016 di Beijing, China.
Berikut ini spesifikasi Vivo Xplay5 Elite yang saya lansir dari GSMArena.com:

RILIS PengumumanMARET 2016
StatusSegera
JARINGAN TeknologiGSM / CDMA / HSPA / EVDO / LTE
BODY Dimensi153.5 x 76.2 x 7.6 mm (6.04 x 3.00 x 0.30 in)
Berat167.8 g (5.93 oz)
SIMDual SIM (Nano-SIM, dual stand-by)
LAYAR JenisSuper AMOLED capacitive touchscreen, 16M colors
Ukuran5.43 inches (~69.5% screen-to-body ratio)
Resolusi1440 x 2560 pixels (~541 ppi pixel density)
MultitouchYa
- Funtouch OS 2.6
PLATFORM OSAndroid OS, v6.0 (Marshmallow)
ChipsetQualcomm MSM8996 Snapdragon 820
CPUDual-core 2.15 GHz Kryo & dual-core 1.6 GHz Kryo
GPUAdreno 530
MEMORY Internal128 GB, 6 GB RAM
Slot EksternalTidak
KAMERA Depan8 MP, f/2.4
Belakang16 MP, f/2.0, phase detection autofocus, dual-LED (dual tone) flash
Fitur1/2.8" sensor size, 1.12 ┬Ám pixel size, geo-tagging, touch focus, face detection, panorama, HDR
Video2160p@30fps, 1080p@30fps
SOUND Jenis AlertVibration; MP3, WAV ringtones
LoudspeakerYa
3.5mm JackYa
- Hi-Fi 3.0
COMMS WLANWi-Fi 802.11 a/b/g/n/ac, dual-band, WiFi Direct, hotspot
Bluetoothv4.2, A2DP, LE
GPSYa, dengan A-GPS
NFCYa
RadioFM Radio
USBmicroUSB v2.0, USB On-The-Go
FITUR SensorFingerprint, accelerometer, gyro, proximity, compass
PesanSMS (threaded view), MMS, Email, Push Email
BrowserHTML5
JavaTidak
- Fast battery charging
- Active noise cancellation with dedicated mic
- MP4/H.264 player
- MP3/WAV/eAAC+/FLAC player
- Document viewer
- Photo/video editor
BATERAI -Non-removable Li-Ion 3600 mAh battery
Stand-by-
Talk time-
MISC WarnaSilver, Gold, Rose Gold
HargaUS$ 565 (perkiraan)
Dengan hadirnya Vivo Xplay5 Elite ini, mungkin bisa menjadi semacam pemicu standar smartphone dengan RAM besar di masa depan.
Kabarnya Samsung juga akan mengeluarkan smartphone dengan RAM 6GB yaitu Galaxy Note 6. Pun, begitu juga dengan Asus. Kabarnya Asus juga akan meluncurkan Asus Z1 Titan yang juga mengusung RAM sebesar 6GB. Hmmm... jadi penasaran. Kita tunggu aja rilisnya di Indonesia :)
Baca Lagi
papa wardi
papa wardi Updated at: 19:58

Kelas Pendukung CSS di Bootstrap

03 March 2016
contextual class bootstrap
Selain dari kelas-kelas yang sudah kita pelajari pada artikel saya sebelumnya, CSS pada Bootstrap juga menyediakan kelas-kelas pendukung untuk memudahkan kita dalam membuat rancangan situs yang bagus. Oleh karena itu, kali ini kita akan bersama-sama mempelajari kelas-kelas pendukung tersebut.

Contextual Colors

    Digunakan untuk merubah warna pada suatu kata atau kalimat.
    Format penggunaannya:
    <p class="text-muted">...</p>
    <p class="text-primary">...</p>
    <p class="text-success">...</p>
    <p class="text-info">...</p>
    <p class="text-warning">...</p>
    <p class="text-danger">...</p>

    Hasilnya seperti ini:
    Kelas pendukung CSS
    Kelas pendukung CSS
    Kelas pendukung CSS
    Kelas pendukung CSS
    Kelas pendukung CSS
    Kelas pendukung CSS

Contextual backgrounds

    Hampir sama dengan contextual colors, bedanya disini warna yang berubah adalah warna latarnya (background).
    Format penggunaannya:
    <p class="bg-primary">...</p>
    <p class="bg-success">...</p>
    <p class="bg-info">...</p>
    <p class="bg-warning">...</p>
    <p class="bg-danger">...</p>
    Hasilnya seperti ini:
    Kelas pendukung CSS
    Kelas pendukung CSS
    Kelas pendukung CSS
    Kelas pendukung CSS
    Kelas pendukung CSS

Close icon

    Untuk menampilkan tanda silang (biasanya digabungkan dengan tombol Buttons).
    Formatnya seperti ini:
    <button type="button" class="close" aria-label="Close"><span aria-hidden="true">&times;</span></button>

    Hasilnya:

Carets

    Biasanya digunakan pada dropdown menu.
    Formatnya:
    <span class="caret"></span>
    Hasilnya:

Quick floats

    Untuk menempatkan elemen kekiri ataupun kekanan. Penggunaan !important untuk menghindari masalah spesifisitas. Kelas ini juga bisa digunakan dengan gabungan elemen lain.
    Formatnya seperti ini:
    <div class="pull-left">...</div>
    <div class="pull-right">...</div>

    // Classes
    .pull-left {
      float: left !important;
    }
    .pull-right {
      float: right !important;
    }
    
    // Usage as mixins
    .element {
      .pull-left();
    }
    .another-element {
      .pull-right();
    }

    Hasilnya:
    Berada di kiri
    Berada di kanan

Center content blocks

    Untuk mengatur elemen display: block dan center dengan margin. Bisa digunakan pada kelas dan digabungkan.
    Formatnya:
    <div class="center-block">...</div>
    
    // Class
    .center-block {
      display: block;
      margin-left: auto;
      margin-right: auto;
    }
    
    // Usage as a mixin
    .element {
      .center-block();
    }
    
    Hasilnya:
    Ini hasilnya

Clearfix

    Format penggunaan:
    <!-- Usage as a class -->
    <div class="clearfix">...</div>
    

    // Mixin itself
    .clearfix() {
      &:before,
      &:after {
        content: " ";
        display: table;
      }
      &:after {
        clear: both;
      }
    }
    
    // Usage as a mixin
    .element {
      .clearfix();
    }

    Hasilnya:

    Mode clearfix

Menampilkan dan menyembunyikan konten

    Formatnya:
    <div class="show">...</div>
    <div class="hidden">...</div>
    // Classes
    .show {
      display: block !important;
    }
    .hidden {
      display: none !important;
    }
    .invisible {
      visibility: hidden;
    }
    
    // Usage as mixins
    .element {
      .show();
    }
    .another-element {
      .hidden();
    }
    Hasil:
    Ditampilkan

Screen reader dan keyboard navigation content

    Formatnya:
    <a class="sr-only sr-only-focusable" href="#content">Skip to main content</a>
    // Usage as a mixin
    .skip-navigation {
      .sr-only();
      .sr-only-focusable();
    }
    Hasilnya:
    Skip to main content

Image replacement

    Mengubah elemen teks konten dengan gambar background/
    Formatnya:
    <h1 class="text-hide">Custom heading</h1>
    // Usage as a mixin
    .heading {
      .text-hide();
    }
    Hasilnya:

    Custom heading

Baca Lagi
papa wardi
papa wardi Updated at: 12:38

Memasang Buttons dan Image di Bootstrap

29 February 2016
Sebelum saya lanjutkan pembahasan ini, saya ingin mengucapkan terima kasih yang sebesar-besarnya kepada sahabat semua yang mau mengikuti bahasan saya tentang Bootstrap; mulai dari membuat template dasar Bootstrap sampai artikel sekarang ini yaitu cara memasang tombol (button) dan gambar (image) di Bootstrap. Semoga kalian tidak bosan dan terus mengikuti pembahasan Bootstrap ini sampai selesai. Besar harapan saya jika kalian juga mau mengikuti artikel-artikel saya yang lain.
Kembali ke pokok pembahasan. Untuk memasang button dan image, anda bisa mempelajari langkah-langkahnya dibawah ini:

Button

  1. Tombol Standar
    Untuk memasang tombol (button), kita menggunakan kelas .btn pada elemen <a>, <button>, or <input>. Sebelum itu, ada beberapa hal yang perlu diperhatikan saat memasang button, yaitu:
    1. Walaupun kelas button dapat digunakan pada elemen <a> dan <button>, hanya elemen <button> yang didukung oleh komponen nav dan navbar Bootstrap.
    2. Jika elemen <a> digunakan sebagai tombol - memicu fungsi di halaman, bukan menavigasi ke dokumen lain atau bagian dalam halaman saat ini - maka harus di beri tambahan role="button"
    Contoh penerapannya:
    <a class="btn btn-default" href="#" role="button">Link</a>
    <button class="btn btn-default" type="submit">Button</button>
    <input class="btn btn-default" type="button" value="Input">
    <input class="btn btn-default" type="submit" value="Submit">

    Link
  2. Opsi kelas tombol
    Untuk membuat tombol, ada beberapa opsi kelas yang bisa digunakan:
    • .btn-default
    • .btn-primary
    • .btn-success
    • .btn-info
    • .btn-warning
    • .btn-danger
    • .btn-link
    Contoh penerapannya:
    <button type="button" class="btn btn-primary">Primary</button>
    <button type="button" class="btn btn-success">Success</button>
    <button type="button" class="btn btn-info">Info</button>
    <button type="button" class="btn btn-warning">Warning</button>
    <button type="button" class="btn btn-danger">Danger</button>
    <button type="button" class="btn btn-link">Link</button>

  3. Ukuran tombol
    Untuk membuat tombol yang berbeda ukuran, kita bisa menggunakan kelas dibawah ini:
    • .btn-lg
    • .btn-md
    • .btn-sm
    • .btn-xs
    Contoh penerapannya:
    <p>
      <button type="button" class="btn btn-primary btn-lg">Large button</button>
      <button type="button" class="btn btn-default btn-lg">Large button</button>
    </p>
    <p>
      <button type="button" class="btn btn-primary">Default button</button>
      <button type="button" class="btn btn-default">Default button</button>
    </p>
    <p>
      <button type="button" class="btn btn-primary btn-sm">Small button</button>
      <button type="button" class="btn btn-default btn-sm">Small button</button>
    </p>
    <p>
      <button type="button" class="btn btn-primary btn-xs">Extra small button</button>
      <button type="button" class="btn btn-default btn-xs">Extra small button</button>
    </p>







  4. Tombol blok bertingkat
    Untuk membuatnya, gunakan kelas .btn-block
    Contoh penerapannya:
    <button type="button" class="btn btn-primary btn-lg btn-block">Block level button</button>
    <button type="button" class="btn btn-default btn-lg btn-block">Block level button</button>

  5. Tombol aktif dan disabled
    Contoh penerapannya:
    <button type="button" class="btn btn-primary">Primary Button</button>
    <button type="button" class="btn btn-primary active">Active Primary</button>
    <button type="button" class="btn btn-primary disabled">Disabled Primary</button>

Images

  1. Bentuk gambar
    Untuk merubah bentuk tampilan gambar, gunakan kelas berikut ini:
    • .img-rounded
    • .img-circle
    • .img-thumbnail
    Contoh penerapan:
    <img alt="DESKRIPSI GAMBAR" class="img-rounded" src="LINK GAMBAR" title="JUDUL GAMBAR"/>
    <img alt="DESKRIPSI GAMBAR" class="img-circle" src="LINK GAMBAR" title="JUDUL GAMBAR"/>
    <img alt="DESKRIPSI GAMBAR" class="img-thumbnail" src="LINK GAMBAR" title="JUDUL GAMBAR"/>

    Hasilnya:
    img-rounded
    Gembira Loka

    img-circle
    Gembira Loka

    img-thumbnail
    Gembira Loka
  2. Gambar responsif
    Untuk membuat gambar (image) responsif, gunakan kelas .img-responsive pada tag <img>.
    Contoh penerapannya:
    <img alt="DESKRIPSI GAMBAR" class="img-responsive" src="LINK GAMBAR" title="JUDUL GAMBAR"/>
    Hasilnya:
    img-responsif
    Gembira Loka
Itu tadi cara membuat tombol dan memasang gambar di Bootstrap. Selanjutnya kita akan membahas beberapa kelas pendukung untuk pengembangan CSS di Bootstrap. Seperti biasa.. tunggu aja ya... :)
Semoga sukses.
Baca Lagi
papa wardi
papa wardi Updated at: 09:03