Membuat Buttom Github dengan Bootstrap
Daftar isi [Tampil]
Dengan adanya Bootstrap ini kita jadi mudah membuat sebuah perintah dalam bentuk HTML dan script ini, pada kesempatan kali ini saya akan share Membuat Buttom Github Dengan Bootstrap. Bagaimana tutorialnya berikut caranya.
Membuat Buttom Github dengan Bootstrap
Langkah pertama buka teks editor seperti Nootped, dan sebagainya.
Kemudian ketik script kode seperti di bawah ini.
<!DOCTYPE html> <html> <head> <title>Cara Membuat Button Github dengan Bootstrap</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script> </head> <body> <center> <h1>Cara Membuat Button Github dengan Bootstrap</h1> <a class="btn btn-primary" href="https://github.com/dtari18"><i class="fa fa-github"></i> Github</a> </center> </body> </html>
Kemudian Save As atau bisa langsung dengan CTRL + S
Jangan lupa kasih nama btn-github.html dan Klik Save.
Setelah itu cari File tadi, kemudian klik kanan pada mouse, Open With -> Open Browser.
Selesai
Sekarang kalian sudah berhasil membuat tombol github dengan Bootstrap.
Nah itulah tutorial Cara Membuat Tombol Github dengan Bootstrap, selamat mencoba.
Post a Comment