Tutorial Twitter Bootstrap

Top Contributors

Cara Membuat Lencana Atau Notofikasi Dengan Bootstrap

Salam Kenal dengan Saya, Sebelum melanjutkan membaca Artikel ini, saya akan memberitahu kalian sesuatu yaitu bahwa saya tak mahir dalam menulis, jadi jika ada kata" yg salah mohon d maklumi dan tolong di koreksi, trms :D Oke, Pada postingan ini saya akan memberi tutorial membuat lencana atau Notifikasi ...

0
Level: Newbie
Est. time: 5 min

Button List Group dengan Collapse Bootstrap

Button List Group dengan Collapse Bootstrap, merupakan gabungan dari 3 komponen yang ada di fitur Framework CSS Bootstrap. yaitu terdiri dari Button, List Group yang di gabungkan kedalam Collapse Bootstrap. Dengan di gabungkan ke 3 fitur ini dapat mempercantik wesite dan menghemat tempat karena menggunakan collapse. Selamat mencoba.

1
Level: Newbie
Est. time: 15 min

Membuat Template E-Commerce Responsive dengan Bootstrap [Part 2]

pada tutorial sebelumnya kita sudah membuat dua baris, baris pertama untuk logo produk dan kedua untuk carousel dan keranjang kecil, sekarang lanjut ke tahap berikutnya. Baris 3 (penampil produk). <br> <!-- baris ketiga --> <div class="row"> <div class="col-xs-6 col-sm-3"> ...

4
Level: Newbie
Est. time: 60 min

Membuat Template E-Commerce Responsive dengan Bootstrap [Part 1]

Assalamualaikum wr. wb. Ketemu lagi dengan saya, pada kesempatan kali ini saya akan menulis tutorial tentang pembuatan Template E-Commerce dengan bootstrap, berhubung ini hanya  sebuah template maka kita hanya akan bermain dilingkungan client side saja (HTML, CSS, Javascript/Jquery) tanpa PHP maupun MySQL, be...

6
Level: Newbie
Est. time: 60 min

Membuat Web Chatting dengan Ajax Jquery, PHP, dan Bootstrap 2.3.2 [Part 5] (Terakhir)

ok teman-teman sampai jumpa kembali masih ditutorial yang sama, pada tahap sebelumnya kita sudah berhasil membuat mesin chattingnya, sekarang lanjut ke pembuatan emoticonnya. Emcoticon diatas kita tampilkan dengan bantuan popover bootstrap, kemudian kita meloadnya dengan javascript. buka kembali fil...

13
Level: Newbie
Est. time: 60 min

Membuat Web Chatting dengan Ajax Jquery, PHP, dan Bootstrap 2.3.2 [Part 4]

Selanjutnya adalah pembuatan fitur chatting, (bagian inti). Sekrang kita akan memfungsikan bagian form pengirim pesan, kita akan memprosesnya menggunakan ajax Pada form pesan diatas kita kembali menggunakan html5 validasi, required x-moz-errormessage="Ketik pesannya gan !"  jadi ketika kosong maka ak...

8
Level: Newbie
Est. time: 60 min

Membuat Web Chatting dengan Ajax Jquery, PHP, dan Bootstrap 2.3.2 [Part 3]

Lanjut ke pembuatan file “daftar.php” yang akan memproses, request dari ajax pada tutorial sebelumnya. berikut codenya. <?php session_start(); include "koneksi.php"; $nick=trim($_POST['nick']); $email=trim($_POST['email']); $pass=md5($_POST['pass']); $periksadulu=$koneksi->prepare...

3
Level: Newbie
Est. time: 75 min

Membuat Web Chatting dengan Ajax Jquery, PHP, dan Bootstrap 2.3.2 [Part 2]

pada tutorial  sebelumnya kita sudah membuat 2 modal, yaitu modal "Masuk" dan modal "Daftar" dan pada tahap ini kita akan membuat halaman Chatroom. langsung saja kita buat halaman chatroomnya, kita masukkan kedalam function. function sudah_login(){ ?> <!doctype html> <html lang="en"...

2
Level: Newbie
Est. time: 60 min

Membuat Web Chatting dengan Ajax Jquery, PHP, dan Bootstrap 2.3.2 [Part 1]

Ketemu lagi dengan saya, masih di jagocoding.com, pada kesempatan kali ini saya kembali menulis tutorial tentang Membuat Web Chatting dengan Ajax Jquery, PHP dan Bootstrap 2.3.2, saya yakin pembaca disini adalah seorang aktifis jejaring social seperti facebook, twitter, dan jagocoding ini sendiri, sebagaim...

8
Level: Newbie
Est. time: 60 min

Tutorial Layouting : Membuat Grid Sama Tinggi

Salah satu masalah umum penggunaan Grid itu adalah mengatur tingginya biar rapi. Untuk bisa membuat grid yang benar-benar rapi dan sama tinggi, tentunya ada teknik-tekniknya yang simpel.. Disimak aja gih~ :D

0
Level: Newbie
Est. time: 15 min