Bootstrap: Badge/Labels

Assalamualaikum wr.wb
kali ini saya akan membagikan tentang badge dan label , badge atau indikator dari beberapa item yang terkait denngan link

1.Badge

 

badge juga dapat digunakan dalam unsur lain seperti tombol
contoh berikut badge dalam tombol

2.Label
Label digunkan untuk memberikan informasi tentang sesuatu

contoh lagi:

yah mungkin ini saja yang bisa saya bagikan semogs bermanfaat, jika ada kesalahan saya mohon maaf.sekian dari saya
referensi:www.w3schools.com

Wassalamualaikum wr.wb

Read More

Bootstrap:Glyphicon

Assalamualaikum wr.wb
kali ini sayab akan membagikan tentang Glyphicon , Glypicon adalah icon yang dipanggil melalui Bootstrap.dalam Bootstrap ada 260  Glyphicon
Glyphicon dimasukan dalam syntak berikut:

nah itu mungkin contoh penggunaanya, untuk selengkpanya bisa kalain liaht saja di:http://getbootstrap.com/components/
bisa langsung dipraktekan dan semoga bermanfaat
sekian dari saya
referensi:www.w3schools.com

Wassalamualaikum wr.wb

Read More

Bootstrap: Button Group

Assalamualaikum wr.wb
kali ini saya akan membagikan tentang Button menggunakan bootstrap ,bootstrap memungkinkan mengelompokam serangkaian tombol
contoh:

tambahan untuk mengatur ukuran button sama dengan ukuran button biasa menggunakan sm , md , lg ,xs.
ada juga group button vertical dan justified

mungkin itu saja yang bisa saya bagikan pada hari ini ,semoga bermanfaat
jika ada kesalahan saya minta maaf
refernsi:www.w3schools.com

Wassalamualaikum wr.wb

Read More

Bootstrap: Button

Assalamualaikum wr.wb
Kali ini saya akan membagikan tentang button di bootstrap ,di boststrap ini membuat button menjadi lebih mudah dan bervariasi dan juga menjadi lebih bervariasi langsung saja ke contoh:

1.Style Button

2.ukuran button

3.class lainya
ada class buttuon block active dan disable

yah mungkin itu saja yang bisa saya bagikan, bisa langsung kalian coba agar bisa langsung melihat hasilnya secara langsung,semoga bermanfaat
refrensi:www.w3schools.com

Wassalamualaikum.wr.wb

Read More

Bootstrap: Wells

Assalamualaikum wr.wb

pada hari ini saya akan membagikan tenteang Bootstrap Wells ,yaitu  class yang digunakan menanmbahkan border bulat di sekitar elemen dan latar belakang abu-abu dengan beberapa padding
langsung ke contoh :

ya mungkin itu saja yang bisa saya bagikan pada hari ini, semoga bermanfaat jika ada kesalahan saya minta maff
referensi:www.w3schools.com

Wassalamualaikum wr.wb

Read More

Bootstrap: Image

Assalamualaikum wr.wb

pada kesempatan hari ini saya akan mempost tentang Bootstrap image ,yaitu style yang digunakan untuk mempercantik tampilan gambar di web menggunakan bootstrap

1.img-rounded
yaitu class yang berfungsi digunakan untuk membuat sudut dibulatkan di gambar

2.img-circle yaitu class yang digunakan untuk melingkarkan gambar

3.img-thumbnail class yang digunkan untuk membentuk gambar thumbnail

contoh:

nah diatas adalah contohnya

dan adalagi satu contoh di bawah ini:

mungkin itu saja yang bisa saya bagikan pada kesemptan hari ini
semoga bermanfaat ,jika ada kesalahan saya mohon maaf
referensi:www.w3schools.com

Wassalamualaikum wr.wb

Read More

Bootstrap: Table

Assalamualaikum wr.wb

hari ini saya akan membagikan tentang style table menggunakan Bootsrap
langsung ke contoh
1.class table

2.table striped

dan kalian bisa langsung menambah hover dengan mudah
di dalam table clas kalian hanya perlu menambah table hover:
<table class:table-striped table-hover>
mungkin itu saja yang bisa saya bagikan pada hari ini kurang lebihnya saya minta maaf
referensi:www.w3schools.com

wassalamualaikum wr.wb

Read More

Bootstrap: Jumbotron

Assalamualaikum wr.wb

pada kesempatan hari ini saya akan mempost tentang Jumbotron. Jumbotron digunakan untuk menunjukan sebuah kotak besar untuk memangil perhatian ekstra untuk beberapa content khusus atau informasi

sebuah jumbtorn ditampilkan dalam sebuah kotak abu-abu. dengan sudut membulat.hal ini juga membesarkan text didalamnya

contoh:

 nah itulah contohnya

bisa langsung kalian langsung kalian coba agar bisa lihat sendiri hasilnya
ya mungkin itu saja yang bisa saya bagikan kurang lebihnya saya mohon maaf
referensi:www.w3schools.com

Wassalamualaikum wr.wb

Read More

Bootstrap: Grids

Assalamualaikum wr.wb

pada kesempatan hari ini saya akan mempost tentang bootstrap grids ,ini adalah materi pertama tentang bootstrap. nah kita akan belajar grids, grids itu sendiri adalah layout atau penataan letak yang didasarkan pada 12 kolom

1.Sistem grids

 ini adalah gamabar penataan bagaimana sistem grids

2.Klas grids
Sistem grids mempunyai empat kelas

• xs(untuk ponsel)
• sm(untuk tablet)
• md(untuk desktop)
• lg(untuk desktop yang lebih besar)

contoh penggunaan:

keterangan:

• jumlah kolom ada 3 jadi ukuran setiap kolom adalah4
• jumlah dari semua ukuran kolom 12

kalian juga bisa mengunakan 4 5 3
jadi kalau 3 tidak hanya 4 4 4 saya memberi 4 supaya lebih rapi dan sama ,intinya jumlah dari semua kolom dalam satu baris harus 12
jadi kalian bisa pakai nialai berapa saja yang penting dalam satu baris nilainya 12 contoh dalam satu bari mempunyai 2 kolom berukuran 8 dan 4 juga diperbolehkan
referensi:www.w3schools.com

mungkin itu saja yang bisa saya sampaikan ,kurang lebihnya saya minta maaf
Wassalamualaikum wr.wb

Read More

Bootstrap :Dasar Pengenalan

Assalamualaikum wr.wb

Setelah mempelajari CSS kita akan mempelajari Bootstrap

1.Maksud dan Tujuan

• mempermudah mempelajari style pemrograman
• lebih menarik minat setelah membaca ini
• lebih mempermudah mempelajari CSS

2.pengertian
adalah sebuah alat bantu untuk membuat sebuah tampilan halaman website yang dapat mempercepat pekerjaan seorang pengembang website ataupun pendesain halaman website. Sesuai namanya, website yang dibuat dengan alat bantu ini memiliki tampilan halaman yang sama / mirip dengan tampilan halaman Twitter atau desainer juga dapat mengubah tampilan halaman website sesuai dengan kebutuhan.
Twitter Bootstrap dibangun dengan teknologi HTML dan CSS yang dapat membuat layout halaman website, tabel, tombol, form, navigasi, dan komponen lainnya dalam sebuah website hanya dengan memanggil fungsi CSS (class) dalam berkas HTML yang telah didefinisikan. Selain itu juga terdapat komponen-komponen lainnya yang dibangun menggunakan JavaScript.

3.Materi

• akan dibahas di posting berikutnya

4.Referensi
wikipedia.org 

 

Read More

CSS :Opacity

Assalamualaikum wr.wb

pada kesempatan pada hari ini saya akan membahas CSS Opcity atau transparansi elemen. properti Opacity dapat mengambil nilai yang lebih rendah atau lebih transparan
langsung ke penerapanya

nah diatas bisa dilihat contohnya sebakin kecil nilai dari Opacity maka akan semakin transparan juga gambarnya. jika niali nya 1 sama dengan defaultny
mungkin itu saja yang bisa saya bagi
referensi:www.w3schools.com

Wassalamualaikum wr.wb

Read More

Evaluasi Materi 18 Februari 2017

Assalamualaikum wr.wb
Kali ini saya akan membagikan pengalaman saya evaluasi materi di BLC TELKOM KLATEN pada hari sabtu biasa dilakukan evaluasi materi Program Kerja dalam seminggu dan saat itu kami mengevaluasi materi kedepan dan mempresentasikanya

nahn itu adalah gambaran evaluasi hari sabtu
dan pada hari  itu juga adalah hari perpisahan teman kami dari jurusan TKJ dari sekolah SMKN1 Jogonalan

yah mungkin itu saja pengalaman yang bisa saya bagi
Wassalamualaikum wr.wb

Read More