Plugin Javascript Bootstrap 2
|
|
- Hamdani Sudjarwadi
- 6 tahun lalu
- Tontonan:
Transkripsi
1
2 Plugin Javascript Bootstrap 2 Oleh: ricky orlando napitupulu Salam bro/sis :) Setelah sebelumnya saya memberikan tutorial tentang plugin JS jquery yang super keren. Nah kini saya tambahin lagi lanjutanya. let's roll :D Sebelumnya siapkan dulu file yang dibutuhkan yaitu bootstrap.css jquery.js dan bootstrap.js Jika ditutorial sebelumnya sudah download file ini kamu tidak perlu mendownload ulang lagi. Kamu bisa download disini Jika sudah didownload jang... Salam bro/sis :) Setelah sebelumnya saya memberikan tutorial tentang plugin JS jquery yang super keren. Nah kini saya tambahin lagi lanjutanya. let's roll :D Sebelumnya siapkan dulu file yang dibutuhkan yaitu bootstrap.css jquery.js dan bootstrap.js Jika ditutorial sebelumnya sudah download file ini kamu tidak perlu mendownload ulang lagi. Kamu bisa download disini Jika sudah didownload jangan dibiarin aje ye :D di embed ke dokumen html nya :D Jika sudah yuk kita mulai Collapse Collapse ini bisa dibilang satu darah dengan yang namanya spolier, Tau spoiler kan? Nah jadi collapse ini dapat menyembunyikan dan menampilkan suatu konten Versi Simpel (Perhatikan atribut data-target dan id nya, pastikan sama ya ) <button class="btn btn-danger btn-mini" data-toggle="collapse" data-target="#demo">
3 Klik Saya </button> <div id="demo" class="collapse in"> Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Versi agak keren :D (Coba dihayati dulu skripnya pasti ngerti cara ngotak-atiknya, kalo ga tau boleh ditanyakan ) <div class="accordion" id="accordion2"> <div class="accordion-group"> <div class="accordion-heading"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseone">collapsible Group Item #1</a> <div id="collapseone" class="accordion-body collapse"> <div class="accordion-inner"> Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. <div class="accordion-group"> <div class="accordion-heading"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapsetwo">collapsible Group Item #2</a> <div id="collapsetwo" class="accordion-body collapse"> <div class="accordion-inner"> Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft
4 beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. <div class="accordion-group"> <div class="accordion-heading"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapsethree">collapsible Group Item #3</a> <div id="collapsethree" class="accordion-body collapse"> <div class="accordion-inner"> Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. Jika kamu ingin secara default ada yang sudah terbuka kamu dapat menghapus class collapse berikut : class="accordion-body collapse" Dropdown Pada umumnya plugin js bootstrap yang satu ini diimplementasikan pada menu navbar.
5 <div style="padding:10px;"> <div class="dropdown" id="menu1"> <a class="btn dropdown-toggle" data-toggle="dropdown" href="#menu1"> Dropdown <b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="#">action</a></li> <li><a href="#">another action</a></li> <li><a href="#">something else here</a></li> <li class="divider"></li> <li><a href="#">separated link</a></li> </ul> Tabs hmmm... bingung mau kasi deskripsi gimana, coba liat penampakanya pasti tau :D
6 Berikut HTML nya <ul id="tab" class="nav nav-tabs"> <li class="active"><a href="#home" data-toggle="tab">html</a></li> <li><a href="#profile" data-toggle="tab">css</a></li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">dropdown <b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="#dropdown1" data-toggle="tab">js</a></li> <li><a href="#dropdown2" data-toggle="tab">ajax</a></li> </ul> </li> </ul> <div id="mytabcontent" class="tab-content"> <div class="tab-pane fade in active" id="home"> <p>html HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML </p> <div class="tab-pane fade" id="profile"> <p>css CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS CSS </p> <div class="tab-pane fade" id="dropdown1"> <p>js JS JS JS JS JS JS JS JS JS JS JS JS JS JS JS </p> <div class="tab-pane fade" id="dropdown2"> <p>ajax AJAX AJAX AJAX AJAX AJAX AJAX AJAX AJAX AJAX AJAX AJAX AJAX AJAX AJAX AJAX AJAX AJAX AJAX AJAX AJAX AJAX AJAX AJAX AJAX AJAX AJAX AJAX AJAX AJAX AJAX AJAX AJAX AJAX AJAX AJAX AJAX AJAX AJAX AJAX AJAX AJAX AJAX AJAX AJAX AJAX AJAX AJAX AJAX AJAX AJAX AJAX AJAX AJAX AJAX AJAX AJAX AJAX
7 AJAX AJAX AJAX AJAX AJAX AJAX AJAX AJAX AJAX AJAX AJAX AJAX </p> Typehead Typehead ini adalah sebuah textbox yang mendukung fitur suggestion atau textbox nya menyediakan pilihan data sesuai dengan huruf yang diinput, nah contohnya anda ketik huruf a nah ntar muncul da data-data yang ada huruf a nya Cara pemakaiannya sangat mudah, lihat kode html dibawah ini. <input type="text" class="span3" style="margin: 0 auto;" data-provide="typeahead" data-items="4" data-source="["ahmedabad","akola","asansol","aurangabad","bangaluru","baro da","belgaon","berhumpur","calicut","chennai","chapra","cherapunji"]"> Penjelasan : Span3 bisa kamu ganti angka 3 nya jadi angka hingga 12, ini untuk panjang dari textbox nya. data-items berfungsi untuk mengatur banyak maksimal data sugesti yang ada. Gimana keren bukan :D? Sekian tutorial kali ini, See you on next tutorial Download Demo Tentang Penulis
8
9 ricky orlando napitupulu Nothing special :) Saya seorang lelaki, mahasiswa, blogger, cinta musik dan juga sedang mencoba ilmu desain grafis. Tidak banyak pengetahuan yang bisa saya bagikan, Namun saya akan sangat senang membagikan pengetahuan tersebut bila dibutuhkan :).
Plugin Javascript Bootstrap
Plugin Javascript Bootstrap Oleh: ricky orlando napitupulu Salam bro/sis :) kali ini saya akan menunjukkan plugin javascript yang keren-keren dari bootstrap, yang dapat membuat halaman web menjadi lebih
Lebih terperinciMembuat Top Fixed Responsive Navbar Twitter Bootstrap
Membuat Top Fixed Responsive Navbar Twitter Bootstrap Oleh: ricky orlando napitupulu Salam bro and sis :), selamat datang di tulisan tutorial pertama ane ni, makasi da mau singga disini ye walopun kesasar
Lebih terperinciResponsive Layout dengan Bootstrap [Part 2]
Responsive Layout dengan Bootstrap [Part 2] Oleh: Christian Rosandhy Salam jaco,, sebagai lanjutan dari tutorial Membuat Layout Responsive dengan Container Bootstrap, kali ini kita akan mencoba membuat
Lebih terperinciTutorial Penggunaan Twitter Bootstrap
Tutorial Penggunaan Twitter Bootstrap Oleh: Gilang Sonar Amanu Terimakasih telah mengunjungi tutorial saya lagi, setelah tutorial sebelumnya tentang Pengenalan Twitter Bootstrap Oke.. sebelum melangkah
Lebih terperinciMembuat Tempelate Menggunkanan Boostrap
Membuat Tempelate Menggunkanan Boostrap Jihadul Akbar, S.Kom PUSTIK STMIK LOMBOK 3/30/2017 Tentang Modul Bootstrap adalah kerangka front-end yang paling populer dalam waktu terakhir. Sangat ringan, handal
Lebih terperinciResponsive Sidebar dengan Bootstrap
Responsive Sidebar dengan Bootstrap Oleh: Boy Panjaitan Hai, Berjumpa lagi dengan saya Boy Panjaitan. kali ini saya akan membagikan tutorial tentang CSS lagi.pernahkah anda melihat website dengan sidebar
Lebih terperinciLOGO FULL COLOR BEBERAPA CONTOH LOGO DPD-PDJI DEWAN PENGURUS DAERAH PROVINSI JAWA BARAT DEWAN PENGURUS DAERAH PROVINSI BALI
BR AND IDENTIT Y GUIDELINES LOGO FULL COLOR C M Y 0 0 0 100 0 K 100 100 0 0 0 0 50 BEBERAPA CONTOH LOGO DPD-PDJI PROVINSI JAWA BARAT PROVINSI BALI PROVINSI JAWA TIMUR PROVINSI D.I. YOGYAKARTA 1 KETENTUAN
Lebih terperinciVOLUME I No 2 Juli 2013 Halaman
Community Health VOLUME I No 2 Juli 2013 Halaman 112-121 Artikel Penelitian Faktor Faktor Yang Berhubungan Dengan Tingkat Keterlambatan Pengembalian Berkas Rekam Medis Dari Instalasi Rawat Inap Ke Instalasi
Lebih terperinci[SANGAT MUDAH] Cara Membuat Tab dengan Bootstrap
[SANGAT MUDAH] Cara Membuat Tab dengan Bootstrap Oleh: Arinadi Nur Rohmad Asalamualaikum.. Bagi yang seorang yang belum paham betul JQuery seperti saya, membuat Tab adalah pekerjaan yang cukup sulit..
Lebih terperinciDaftar Isi Elemen Estetis Tumpal Formulasi Tumpal Sebagai Elemen Estetis
Daftar Isi 2 3 4 5 6 7 8-14 15-16 17-18 19-20 21-23 24 25 26-27 Sejarah Jakarta Logo Logo Utama Rumus Skala Logo Logo Positif dan Diapositif Ukuran Logo Panduan Warna Varian Logo Perlakuan Logo Typeface
Lebih terperinci1. Apa itu Bootstrap?
Pendahuluan Dalam rangka memenuhi tugas mata kuliah Web Statis, Prodi TI, STMIK EL Rahma, dengan topik dan konten yang telah ditetapkan, yaitu mengenai Bootstrap. Maka saya mengekspresikan sebuah pemahaman
Lebih terperinciMembuat Animasi Loading Bubble dengan Full CSS
Membuat Animasi Loading Bubble dengan Full CSS Oleh: Christian Rosandhy Masih bermain dengan animasi,, sekarang kita akan belajar membuat sendiri animasi bubble loading dengan bantuan CSS3. Di tutorial
Lebih terperinciButton List Group dengan Collapse Bootstrap
Button List Group dengan Collapse Bootstrap Oleh: Jaf Al Azam Button List Group dengan Collapse Bootstrap, merupakan gabungan dari 3 komponen yang ada di fitur Framework CSS Bootstrap. yaitu terdiri dari
Lebih terperinciBAB II KOMPONEN HTML LANJUT
BAB II KOMPONEN HTML LANJUT A. KOMPETENSI DASAR Memahami komponen-komponen HTML lanjutan. Memahami kegunaan dan cara penerapan komponen HTML. Mampu memanfaatkan komponen-komponen HTML untuk membuat halaman
Lebih terperinciPengembangan Aplikasi dengan Laravel Langkah-Langkah Pembangunan Website. Husni
Pengembangan Aplikasi dengan Laravel Langkah-Langkah Pembangunan Website Husni Husni@Trunojoyo.ac.id Outline Struktur direktori Laravel Memahami rute dalam web.php Mengubah home page Laravel Menambah halaman
Lebih terperinci?> </span></td> </tr> </table></br></center><hr></br></td></tr> </table> <?php $_SESSION['pertanyaan'] = $pertanyaan; // store session data
LAMPIRAN Source Code I sistem Pakar
Lebih terperinciWEB STATIS MEMBUAT TUTORIAL PENGGUNAAN FRAMEWORK CSS
WEB STATIS MEMBUAT TUTORIAL PENGGUNAAN FRAMEWORK CSS Oleh : EMA SETYA KARISNA TI. 12141391 A. PENGERTIAN FRAMEWORK CSS Bootswatch.com Bootswatch merupakan penyedia tema berbagai macam bootstrap dengan
Lebih terperinciPedoman Penulisan Laporan PKL Dosen Pembimbing : Ratri Enggar Pawening
2013 Pedoman Penulisan Laporan PKL Dosen Pembimbing : Ratri Enggar Pawening Pedoman penulisan laporan PKL ini bertujuan untuk menyamakan format penulisan, khususnya bagi kelompok mahasiswi yang saya bimbing
Lebih terperinciMembuat Scrollspy Dengan Bootstrap
Membuat Scrollspy Dengan Bootstrap Oleh: Hasyemi Rafsanjani Asyari Hai JagoCodingers. Apa kabar? Pernah ngga kalian membuka sebuah website lalu ada menu link navigasi yang akan terupdate atau terlihat
Lebih terperinci64-DIB : 64-Bit Difusing Invers Block
64-DIB : 64-Bit Difusing Invers Block Moch Ginanjar Busiri 13513041 Teknik Informatika Institut Teknologi Bandung gbusiri@gmail.com Abstrak Pada paper ini diajukan sebuah algoritma yang merupakan pengembangan
Lebih terperinciWarta Jemaat, 24 Mei 2015
Warta Jemaat, 24 Mei 2015 INFORMASI IBADAH, PELAYANAN dan KEGIATAN 1. Format isian Data Dasar keluarga sudah dijalankan, diharapkan kerjasama dengan jemaat sekalian untuk dapat mengisinya dengan benar
Lebih terperinciHenHash. Fungsi Hash berdasarkan Henon Map
HenHash Fungsi Hash berdasarkan Henon Map Wiwit Rifa i (13513073) Program Studi Teknik Informatika Sekolah Teknik Elektro dan Informatika, Institut Teknologi Bandung Jalan Ganesha 10-12, Bandung 40132,
Lebih terperincimembuat website dengan bootstrap v3.0.0
membuat website dengan bootstrap v3.0.0 Oleh: reski hamsah Belakangan ini, bootstrap telah merilis versi terbarunya dengan berbagai tawaran menarik mulai dari desain, fitur, dan customizer terbaru untuk
Lebih terperinciMembuat Simpel Site HTML Layout Menggunakan Tag div
Membuat Simpel Site HTML Layout Menggunakan Tag div Oleh: Yudhistira Bayu W Ya, setelah saya memberikan Tutorial Tutorial Simpel HTML pada sebelumnya, Kali Ini saya akan memberikan Cara Membuat Simpel
Lebih terperinciPermasalahan Tambahan
Permasalahan Membuat tampilan web yang bagus dan konsisten itu susah dan butuh waktu lama Untuk SEO (Search Engine Optimization) yang lebih baik, hanya gunakan tag dan html untuk menyimpan isi web.
Lebih terperinciLAMPIRAN. <!-- <li class="dropdown"> <a href="#" class="dropdown-toggle" datatoggle="dropdown">dropdown
LAMPIRAN HALAMAN MUKA si PaBro
Lebih terperinciBAB IV IMPLEMENTASI DAN PEMBAHASAN SISTEM. menggunakan bahasa pemrograman berbasis web yaitu PHP dan database
BAB IV IMPLEMENTASI DAN PEMBAHASAN SISTEM A. Implementasi Sistem Aplikasi sistem pakar untuk diagnosa penyakit kambing dibangun dengan menggunakan bahasa pemrograman berbasis web yaitu PHP dan database
Lebih terperinciPRAKTIKUM. Rekayasa Web. Modul 3: CRUD Part II. Laboratorium Teknik Informatika Universitas Pasundan
PRAKTIKUM Rekayasa Web Modul 3: CRUD Part II Laboratorium Teknik Informatika Universitas Pasundan Konten modul: 1. Update Data 2. Search Data Tujuan praktikum: 1. Praktikan diharapkan mampu memahami proses
Lebih terperinci<title>kamus Indonesia Karo Online</title> <!-- Bootstrap core CSS --> <link href="css/bootstrap.min.css" rel="stylesheet">
Listing Program 1. Index
Lebih terperinciDasar-dasar HTML 1. Oleh: Cecep Yusuf
Dasar-dasar HTML 1 Oleh: Cecep Yusuf Apa yang harus dipelajari jika kita ingin membuat sebuah website? Yup, jawabannya adalah HTML. Yuk kita intip HTML itu seperti apa. Pada suatu hari, teman saya Irvan
Lebih terperinciXHTML Part 1. Wahyu Catur Wibowo Amalia Zahra
XHTML Part 1 Wahyu Catur Wibowo Amalia Zahra wibowo@cs.ui.ac.id http://wcw.cs.ui.ac.id Well-formed XHTML mengadopsi well-formness dari XML Penulisan elemen XHTML dikatakan well-formed apabila: (a) dalam
Lebih terperinciLampiran 1 Tampilan client. Lampiran 2 Tampilan server
LAMPIRAN Lampiran 1 Tampilan client Lampiran 2 Tampilan server Lampiran 3 Tampilan saat melakukan koneksi pada client Lampiran 4 Tampilan saat melakukan koneksi pada server Lampiran 5 Contoh pengiriman
Lebih terperinciBAB I DASAR-DASAR HTML
BAB I DASAR-DASAR HTML A. KOMPETENSI DASAR Memahami struktur dasar dokumen HTML dan HTML5 Mampu membuat dokumen HTML yang baik dan benar. Mampu memanfaatkan elemen-elemen dasar untuk menampilkan informasi.
Lebih terperincigraphic standard manual
graphic standard manual Selamat datang di panduan brand RINJANI Dokumen ini menyediakan tinjauan brand secara visual juga dasar-dasar penerapan konsisten identitas brand RINJANI, sebagai alat bantu untuk
Lebih terperinciFungsi Require dan Include Donny Reza, S.Kom Aplikasi IT-2 Teknik Informatika Fakultas Teknik dan Ilmu Komputer Universitas Komputer Indonesia
Fungsi Require dan Include Donny Reza, S.Kom Aplikasi IT-2 Teknik Informatika Fakultas Teknik dan Ilmu Komputer Universitas Komputer Indonesia Di dalam PHP terdapat fungsi yang dapat digunakan untuk menyisipkan/menyertakan
Lebih terperinciPerbandingan Ketahanan Algoritma LSB dan F5 dalam Steganografi Citra
Perbandingan Ketahanan Algoritma LSB dan F5 dalam Steganografi Citra Ricardo Pramana Suranta / 13509014 1 Program Studi Teknik Informatika Sekolah Teknik Elektro dan Informatika Institut Teknologi Bandung,
Lebih terperinciDAFTAR PUSTAKA. Pressman, Roger S Rekayasa Perangkat Lunak: pendekatan praktisi.
DAFTAR PUSTAKA Anhar. 2010. PHP & MySql Secara Otodidak. Jakarta : Mediakita. Bin Ladjamudin, Al-Bahra. 2005. Analisis dan Desain Sistem Informasi. Graha Ilmu : Yogyakarta Connolly, T., Begg, C. 2010.
Lebih terperinciTutorial Layouting : Membuat Grid Sama Tinggi
Tutorial Layouting : Membuat Grid Sama Tinggi Oleh: Christian Rosandhy Salah satu masalah umum penggunaan Grid itu adalah mengatur tingginya biar rapi. Untuk bisa membuat grid yang benar-benar rapi dan
Lebih terperinci2. CARA MENGGUNAKAN FRAMEWORK CSS GETBOOTSTRAP.COM/232/ Bagaimana Cara Menggunakan Bootstrap?
NAMA : SITI NURWANTI NIM : 12141385 MATA KULIAH : PEMROGRAMAN WEB STATIS 1. PENGERTIAN FRAMEWORK CSS GETBOOTSTRAP.COM/232/ Bootstrap merupakan sebuah framework CSS,yang menyediakan kumpulan komponen-komponen
Lebih terperinciAlgoritma Cipher Blok Mats
Algoritma Cipher Blok Mats Algoritma Cipher Blok dengan Fungsi Acak Modulus Ramandika Pranamulia 13512078 Teknik Informatika Institut Teknologi Bandung Bandung,Indonesia ramandika@students.itb.ac.id Mamat
Lebih terperinciJUDUL TUGAS AKHIR/SKRIPSI
JUDUL TUGAS AKHIR/SKRIPSI Proposal Tugas Akhir/Skripsi Ditulis sebagai syarat untuk memperoleh gelar Sarjana Seni (S.Sn) Nama NIM Program Studi : Nama Mahasiswa : xxxxxxxxxxxxxx : Desain Komunikasi Visual
Lebih terperinciMEMBUAT LAYOUT DENGAN CONTAINER BOOTSTRAP
MEMBUAT LAYOUT DENGAN CONTAINER BOOTSTRAP NURLITA nurlita.icha@gmail.com Abstrak Kali ini kita akan membahas cara membuat layout dengan container bootstrap. Bootstrap adalah suatu framework front-end yang
Lebih terperinci[SANGAT MUDAH] Cara Membuat Slide Show dengan Bootstrap 3
[SANGAT MUDAH] Cara Membuat Slide Show dengan Bootstrap 3 Oleh: Arinadi Nur Rohmad Oke, Membuat slide show adalah pekerjaan yang sulit untuk yang baru belajar CSS karena pada dasarnya Slide Show dibuat
Lebih terperinciRancangan / draft untuk penulisan Bab I (Pendahuluan)
Rancangan / draft untuk penulisan Bab I (Pendahuluan) BAB I PENDAHULUAN 1.1 Latar Belakang Masalah Dibuat maksimal 8-10 paragraf dimana setiap paragraph mewakili poin-poin untuk menjadi identifikasi masalah.
Lebih terperinciMembuat Smooth Scrolling dalam 1 halaman dengan JQuery
Membuat Smooth Scrolling dalam 1 halaman dengan JQuery Oleh: Christian Rosandhy Segala sesuatu yang smooth itu tentunya asik dong ya? Begitu juga dengan website kita.. Kita bisa bikin animasi scroll dalam
Lebih terperinciMembuat Plugin jquery (Part 1)
Membuat Plugin jquery (Part 1) Oleh: muhamad iqbal Ini adalah postingan pertama dari serial yang akan membahas tentang Membuat plugin jquery. Pada bagian ini kita akan membahas tentang konsep dasar plugin.
Lebih terperinciTUTORIAL MEMBUAT SNIPPET TAB BOOTSNIPP UNTUK BOOTSTRAP
TUTORIAL MEMBUAT SNIPPET TAB BOOTSNIPP UNTUK BOOTSTRAP Oleh : Nama : Badiah Setyowati Nim : 12141363 Prodi : Teknik Informatika - Malam Bootsnipp A. Pengertian Bootsnip Bootsnipp. Apa sih itu Bootsnipp?
Lebih terperincimengapa harus presentasi
presentation IMPACT mengapa harus presentasi You are the expert It is your duty It is your career requirement You want to share tantangan dalam presentasi http://megans movies.blogspot.com http://www.slashgear.com
Lebih terperinciTutorial Layouting CSS Part 1
Tutorial Layouting CSS Part 1 Oleh: Cecep Yusuf Pada tutorial kali ini, mari kita belajar tentang layouting HTML dengan CSS, sebenarnya tutorial ini bersumber dari artikel saya juga di situs harian.cheyuz.com,
Lebih terperinciTutorial Implementasi Jquery Mobile dan JSP. 1. Definisi Jquery Mobile
Tutorial Implementasi Jquery Mobile dan JSP 1. Definisi Jquery Mobile Jquery mobile : framework tampilan berbasis HTML 5, sehingga situs responsive baik di desktop, tablet atau smarphone. 2. Download Jquery
Lebih terperinciTutorial Lengkap Memahami CSS Display
Tutorial Lengkap Memahami CSS Display Oleh: Christian Rosandhy Dalam dunia CSS, property Display adalah salah satu property terpenting yang menentukan hasil akhir sebuah website. Kali ini kita akan banyak
Lebih terperinciCHAPTER 6. Sebelum membuat starter data, kita perlu meng-create collections terlebih dahulu. Buat folder lib pada folder aplikasi.
CHAPTER 6 Untuk membuat collections, hal pertama yang dilakukan adalah menambahkan baris baru ke dalam file Javascript yang memungkinkan user untuk membuat collections. Sebelumnya, image tersimpan dalam
Lebih terperinciMembuat Web Chatting dengan Ajax Jquery, PHP, dan Bootstrap [Part 2]
Membuat Web Chatting dengan Ajax Jquery, PHP, dan Bootstrap 2.3.2 [Part 2] Oleh: d-newbie pada tutorial sebelumnya kita sudah membuat 2 modal, yaitu modal "Masuk" dan modal "Daftar" dan pada tahap ini
Lebih terperinciMembuat Plugin jquery (Part 2)
Membuat Plugin jquery (Part 2) Oleh: muhamad iqbal ini adalah bagian kedua dari seri membuat plugin jquery, hal yang dibahas mengenai pembuatan plugin yang dapat dipakai untuk aplikasi sesungguhnya dan
Lebih terperinciPemrograman Web PRAKTIKUM 6. Query Data 2. TUJUAN BELAJAR Mahasiswa dapat menggunakan PHP dan MySQL untuk mengupdate data
PRAKTIKUM 6 Query Data 2 TUJUAN BELAJAR Mahasiswa dapat menggunakan PHP dan MySQL untuk mengupdate data MATERI Program edit dan hapus TUGAS Menambahkan fitur edit dan hapus untuk semua form input data
Lebih terperincicleansy Documentation Rilis latest
cleansy Documentation Rilis latest Agt 04, 2017 Pengaturan Dasar 1 Optimasi Dasar 3 1.1 Aktifkan Preferensi Penelusuran..................................... 3 1.2 Membuat Paragraf Baru.........................................
Lebih terperinciLAPORAN AKHIR M.K INTERAKSI MANUSIA DAN KOMPUTER SEMESTER GENAP 2007/2008. Kajian Situs com
LAPORAN AKHIR M.K INTERAKSI MANUSIA DAN KOMPUTER SEMESTER GENAP 2007/2008 Kajian Situs http://www.riauprovince. com oleh: Febrionna Fenrizal G64051015 (http://fiona42.wordpress.com) INSTITUT PERTANIAN
Lebih terperinciCSS. inheritance (pewarisan)
{CSS} lanjut CSS inheritance (pewarisan) sebuah elemen mewarisi beberapa nilai dari properti yang dimiliki oleh elemen parent-nya http://www.w3.org/tr/css21/cascade.html#inheritance http://www.slideshare.net/diniscorreia/htmlcss-3-introduction-to-css
Lebih terperinciTriswansyah Yuliano
Mendesain Menu dengan CSS Triswansyah Yuliano triswansyah_yuliano@yahoo.com http://triswan.wordpress.com Lisensi Dokumen: Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan disebarkan
Lebih terperinciif(isset($_session['register'])): <div class="alert alert-success"> <button type="button" class="close" data-dismiss="alert">
Lampiran a) Halaman Login ( Admin / Siswa ) empty( $app )? header('location:../index.php') : '' ; if(isset($_session['register'])): $pesan = ($_SESSION['register']== 1)?' Data Akun Perpustakaan
Lebih terperinciTools Pengelolaan Publikasi Ilmiah. Deden Sumirat Hidayat, M.Kom LIPI
Tools Pengelolaan Publikasi Ilmiah Deden Sumirat Hidayat, M.Kom LIPI PUBLIKASI ILMIAH (JURNAL, KONFERENSI, BUKU) Manajemen Penerbitan Jurnal Ilmiah STATE OF THE ART PENELITIAN Open Journal System PROPOSAL
Lebih terperinciMuhammad Khoirul Hasin https://ordinaryhumansays.wordpress.com/ Plugin Javascript. Modal, Popover, Tooltip, dan Carousel
Seri-4 Bootstrap: Plugin Javascript Muhammad Khoirul Hasin irulsits@gmail.com https://ordinaryhumansays.wordpress.com/ Lisensi Dokumen: Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi
Lebih terperinciNama: ahmad edi purwanto. Nim: Tugas uts web statis. Tutorial cara penggunaan suatu framework CSS
Nama: ahmad edi purwanto Nim:12111027 Tugas uts web statis. Tutorial cara penggunaan suatu framework CSS Pengertian dasar dari Framework itu sendiri adalah; sebuah konsep yang memiliki struktur serta terorganisir
Lebih terperinciJquery Events. Contoh : $(.tombol ).click(function() { $( p ).hide(1000); }); 5
PENGENALAN JQUERY Apa itu Jquery? jquery dirancang untuk memperingkas kode-kode javascript. JQuery adalah javascript library yang cepat dan ringan untuk menangani dokumen HTML, menangani event, dan membuat
Lebih terperinciMODUL 12 PENGENALAN JQUERY MOBILE
MODUL 12 PENGENALAN JQUERY MOBILE INTERNET PROGRAMMING PENS A. Tujuan : 1. Memahami jquery mobile 2. Memahami interkoneksi antar halaman 3. Memahami pembuatan aplikasi jquery B. Dasar Teori Beberapa aplikasi
Lebih terperinciCSS (Cascading Style Sheets)
CSS (Cascading Style Sheets) Instruktur: Arif Nurwidyantoro Intro Cascading Style Sheets (CSS) digunakan untuk mendefinisikan bagaimana sebuah elemen HTML ditampilkan. Sebuah elemen HTML dapat ditampilkan
Lebih terperinci7 Cara Mempercantik Tampilan Blog
7 Cara Mempercantik Tampilan Blog Primo Riveral primo@raharja.info Abstrak Memiliki blog dengan tampilan keren dan enak dilihat tentu pasti menjadi kembanggaan tersendiri untuk seorang yang menggemari
Lebih terperinciBAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM
BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM 4.1. Implementasi Pada bab ini akan dilakukan implementasi dan pengujian terhadap sistem yang baru. Tahapan ini dilakukan setelah perancangan selesai dilakukan
Lebih terperinciSyntax HTML. Biasanya digunakan untuk menulis komentar, tidak akan timbul dihalaman web.
Syntax HTML Pada tulisan Saya kali ini, Saya memberikannya beserta contoh kode dan gambar, ada beberapa yang Saya tidak beri kode dan gambar, kode, dan gambar sekalipun karena beberapa alasan : Kurangnya
Lebih terperinciBAB 5 METODE PERANCANGAN
BAB 5 METODE PERANCANGAN 5.1 Konsep Visual 5.1.1 Visual Menggunakan ilustrasi vektor yang simpel dan mudah dipahami oleh setiap orang. Selain menggunakan ilustrasi vektor juga dipadukan dengan fotografi
Lebih terperinciPengenalan Script. Definisi HTML
1 Pengenalan Script Pada bab ini akan dibahas bahasa script yang dapat digunakan untuk membuat halaman web. Untuk dapat membuat halaman web bahasa script pertama yang harus anda kenal adalah HTML. HTML
Lebih terperinciPerkenalan Glyphicon Bootstrap dan Cara Mudah Menggunakannya
Perkenalan Glyphicon Bootstrap dan Cara Mudah Menggunakannya Oleh: Arinadi Nur Rohmad Glyphicon ini berbasis text jadi lebih ringan dan biasa diganti warna seperti huruf pada umumnya yang berbeda dari
Lebih terperinciMembuat Carousel Dengan Bootstrap CDN
Membuat Carousel Dengan Bootstrap CDN Fitria Arnita 23@gmail.com Abstrak Bootstrap adalah framework CSS yang dibuat khusus para designer web. Bootstrap digunakan untuk membuat sebuah templates web atau
Lebih terperinciMODUL III CASCADING STYLE SHEET
MODUL III CASCADING STYLE SHEET A. TUJUAN Memahami jenis dan struktur dasar dokumen CSS. Mampu memanfaatkan CSS untuk memformat dokumen HTML. Mampu memanfaatkan pendekatan CSS untuk menghasilkan halaman
Lebih terperinciMembuat Halaman Admin Untuk Web Buatan Sendiri
Membuat Halaman Admin Untuk Web Buatan Sendiri Oleh: Yudhistira Bayu W Bismillahirahmanirahim, Assalamualaikum wr.wb Apakabar mas bro dan mbak bro semua :D masih semangat ga nih puasanya? :D ini sambil
Lebih terperinciTutorial Dasar CSS Preprocessor LESS
Tutorial Dasar CSS Preprocessor LESS Oleh: Christian Rosandhy Karena CSS standar udah terlalu mainstream,, nggak ada salahnya kita belajar salah satu CSS Preprocessor yang cukup terkenal, yaitu LESS. Disini
Lebih terperinci108
LAMPIRAN 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 KODE PROGRAM 1. Script Konsultasi 1.
Lebih terperinciMembuat Login Pop Up Dengan JqueryUI
Membuat Login Pop Up Dengan JqueryUI Oleh: Dadan Berawal dari maraknya tayangan goyang di telivisi. Terinspirasi juga untuk membuat efek goyang pada website saya. Hehe kagak nyambung nih ilustrasi ceritanya
Lebih terperinciBeralih dari Input Submit ke Button dan Cara Mudah Membuat Button Bootstrap
Beralih dari Input Submit ke Button dan Cara Mudah Membuat Button Bootstrap Oleh: Arinadi Nur Rohmad Kenapa beralih dari Input Submit ke Button? Ya, menurut saya button lebih Power Full dari pada Input
Lebih terperinciPersiapan. File latihan.rar diekstrak. Contoh apabila Bahan diekstrak di d:\
CSS & CSS Framework CSS Cascading Style Sheets (CSS) adalah sebuah bahasa yang digunakan untuk menampilkan style dari sebuah dokumen HTML. CSS menjelaskan bagaimana elemen HTML harus ditampilkan. Persiapan
Lebih terperinciLAMPIRAN. Source Code Tampilan Menu Utama : <!DOCTYPE html> <head>
LAMPIRAN Source Code Tampilan Menu Utama : pengrajin Reyog
Lebih terperinciWELCOME MESSAGE WE STARTED AT. 10 March 2016 dimana komunitas ini didirikan
WELCOME MESSAGE 10 March 2016 dimana komunitas ini didirikan dari ide mahasiswa STMIK Indonesia Jakarta dan mulai mengadakan Workshop dan bimbingan pembelajaran dari tempat ke tempat dengan tujuan memajukan,
Lebih terperinciSistem Informasi Pengadaan ATK ( Alat Tulis Kantor )
Sistem Informasi Pengadaan ATK ( Alat Tulis Kantor ) No Kode Program : VBNET03 www.101peluangbisnis.com Bahasa Pemograman VB. NET + Database SQL Server Terima kasih telah memilih aplikasi pengolahan data
Lebih terperinciAJAX Framework. Pemrograman Web 1. Genap
AJAX Framework Pemrograman Web 1 Genap 2011-2012 Framework Apa itu Framework (Software Framework)? Kumpulan pustaka-pustaka (library) perangkat lunak yang script-nya dapat digunakan kembali (reusable)
Lebih terperinciPRAKTIKUM. Rekayasa Web. Modul 1: Introduction CodeIgniter. Laboratorium Teknik Informatika Universitas Pasundan
PRAKTIKUM Rekayasa Web Modul 1: Introduction CodeIgniter Laboratorium Teknik Informatika Universitas Pasundan Konten modul: 1. What is CodeIgniter? 2. MVC 3. Template Tujuan praktikum: 1. Praktikan diharapkan
Lebih terperinciWEWARAH PRIORITAS Media Informasi dan Penyebarluasan Praktek Pendidikan yang Baik di Provinsi Banten
USAID PRIORITAS: Mengutamakan Pembaharuan, Inovasi, dan Kesempatan bagi Guru, Tenaga Kependidikan, dan Siswa Edisi 2/Januari 2013 WEWARAH PRIORITAS Media Informasi dan Penyebarluasan Praktek Pendidikan
Lebih terperinciMembuat Tabel Responsive dengan CSS
Membuat Tabel Responsive dengan CSS Oleh: Christian Rosandhy CSS Layout Responsive udah jadi salah satu kebutuhan wajib ya dalam pembuatan website kita.. Sama seperti layout, Table juga perlu tampilan
Lebih terperinciMembuat Display Produk dalam Layout Box 4 Kolom
Membuat Display Produk dalam Layout Box 4 Kolom Oleh: Debrian Ruhut Saragih Selamat pagi Sobat sekalian, saat ini kita banyak menemukan toko online bertebaran di Internet. Saya sering memperhatikan bagaimana
Lebih terperinciMembuat Plugin Wordpress Sederhana
Membuat Plugin Wordpress Sederhana Oleh: Dewi Rosalin Sebagai pengguna Wordpress tentunya kita sudah tidak asing lagi dengan penggunaan plugin. Mulai dari plugin galeri, keamanan website, optimasi website,
Lebih terperinciPemrograman Web PRAKTIKUM 3 CSS. TUJUAN BELAJAR Mahasiswa dapat menggunakan css untuk mengatur gaya tampilan elemenhtml
PRAKTIKUM 3 CSS TUJUAN BELAJAR Mahasiswa dapat menggunakan css untuk mengatur gaya tampilan elemenhtml MATERI Sintaks CSS, cara memakai CSS, jenis-jenis selektor, satuan ukuran, satuan warna, properti
Lebih terperinciMODUL 7. Pengantar jquery
MODUL 7 Pengantar jquery Laboratorium Komputer STIMIK PPKIA Pradnya Paramita Malang 2016 Pertemuan 7 7.1 Tujuan : 1. Mahasiswa dapat memahami mengenai PHP dengan jquery 2. Mahasiswa dapat mengaplikasikan
Lebih terperinciMembuat Form Kontak yang Indah dan Atraktif dengan AJAX [Part 1]
Membuat Form Kontak yang Indah dan Atraktif dengan AJAX [Part 1] Oleh: Sendy PK Dalam sebuah website, form kontak sangat penting sebagai komunikasi antara admin dan pengunjung,namun form kontak juga bisa
Lebih terperinciBelajar Dasar HTML 5. It s all about 4rt, not how smart you are. S u p p o r t e d b y : [ C y b e r 4 r t C r e w ]
Belajar Dasar HTML 5 S u p p o r t e d b y : [ C y b e r 4 r t C r e w ] [ H I G r o u p o n F a c e b o o k ] r00t@cyber4rt:~# It s all about 4rt, not how smart you are [ H I F a n s P a g e ] 1 1 / 2
Lebih terperinciContoh Syntax: Contoh di atas menunjukkan. S e l e c t o r : h 1. P r o p e r t y : c o l o r. V a l u e : r e d. (red).
Apa Itu CSS? PENGENALAN CSS CSS adalah singkatan dari Cascading Style Sheets. Kalau baca di kamus, cascading itu artinya air terjun. Tapi dalam hal ini, yang di maksud adalah, aliran dari suatu kode ke
Lebih terperinciMembuat Responsive dan Fleksibel Image Gallery dengan JQuery Fleximage
Membuat Responsive dan Fleksibel Image Gallery dengan JQuery Fleximage Oleh: Christian Rosandhy Siapa bilang bikin galeri gambar yang responsive itu susah? Di tutorial kali ini kita akan belajar membuat
Lebih terperinciMENGENALI LAYAR KERJA MICROSOFT WORD 2007
MENGENALI LAYAR KERJA MICROSOFT WORD 2007 Bagi yang sudah terbiasa menggunakan Microsoft Word 2003 mungkin akan kebingungan dengan tampilan baru pada Word 2007 dan memutuskan tetap menggunakan Word 2003
Lebih terperinciCara Membuat Halaman Form Dengan Bootstrap CDN
Cara Membuat Halaman Form Dengan Bootstrap CDN Fitria Arnita 23@gmail.com Abstrak Bootstrap adalah front-end framework yang solek, bagus dan luar biasa yang mengedapankan tampilan untuk mobile device (Handphone,
Lebih terperinciDi wordpress satu hal yang paling banyak menjadi perdebatan seru yaitu tentang kecepatan website.
Berdasarkan Pengalaman ] 1 Bagi pengguna wordpress kurang afdhol bila kita tidak membahas tentang plugin cache wordpress, plugin cache apa yang direkomendasikan dan bahkan terbaik sepanjang masa. Berikut
Lebih terperinciPanduan Lengkapp HTML dan CSS bagian 2 Wahyu Setiyono
Panduan HTML dan CSS bagian 2 A. Apa itu CSS CSS (Cascading Style Sheets) merupakan kode pemrograman untuk membuat tampilan pada HTML. Selain menggunakan HTML para programer website sering menggunakan
Lebih terperinci