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

Dapatkan Tips Menarik Setiap Harinya!

  • Dapatkan tips dan trik yang belum pernah kamu tau sebelumnya
  • Jadilah orang pertama yang mengetahui hal-hal baru di dunia teknologi
  • Dapatkan Ebook Gratis: Cara Dapat 200 Juta / bulan dari AdSense

Belum ada Komentar untuk "Membuat Buttom Github dengan Bootstrap"

Posting Komentar

Catatan Untuk Para Jejaker
  • Mohon Tinggalkan jejak sesuai dengan judul artikel.
  • Tidak diperbolehkan untuk mempromosikan barang atau berjualan.
  • Dilarang mencantumkan link aktif di komentar.
  • Komentar dengan link aktif akan otomatis dihapus
  • *Berkomentarlah dengan baik, Kepribadian Anda tercemin saat berkomentar.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel