Membuat Buttom Github dengan Bootstrap

Membuat Buttom Github dengan Bootstrap


Bootstrap adalah sebuah sekumpulan CSS Firework yang digunakan untuk mempercantik blog atau website. Bootsrap ini sudah memiliki kode script sendiri agar blog yang kita bikin menjadi sangat cantik. Jadi kita sudah tidak usah membuat kode CSS perintah dari nol. Bootstrap ini adalah aplikasi yang populer saat ini oleh para programmer saat ini.

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.

Anda mungkin menyukai postingan ini