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 ...

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 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.


About Author

Agus Alexandro

Lakukan segala upaya agar dapat meraih yang kamu mau. yang terpenting adalah semua upaya itu adalah hal yang benar.


Comment & Discussions

    Please LOGIN before if you want to give the comment.