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 dengan bootstrap yg sekarang ini sangat ngetren dalam bahasa pemrograman web, kali ini saya akan membagi trik sederhananya.
bahan :
- twitter Bootstrap
- note++
- Notebook/Komputer
dan lisitng Code nya seperti berikut :
<!DOCTYPE html> <html lang='en'> <head> <meta charset='utf-8'> <meta name='viewport' content='width=device-width, initial-scale=1'> <link rel="stylesheet" href="bootstrap-3.3.4-dist/css/bootstrap.css"> <script src="bootstrap-3.3.4-dist/js/jquery-1.11.3.min.js"></script> <script src="bootstrap-3.3.4-dist/js/bootstrap.min.js"></script> </head> <body> <a href="#">Inbox <span class="badge">42</span></a> <button class="btn btn-primary" type="button"> Messages <span class="badge">4</span> </button> </body> </html>
nah, semoga postingan kali ini membantu kalian saat membuat template atapun apapun itu dalam Webdesign kalian.
thnks.
