Cara Membuat Ikon Navbar Blog Menjadi Bagus
Berikut ini adalah cara membuat ikon di menu navbar dengan keren dan responsive, membuat blog kamu jadi indah dipandang dan dilihat.
Untuk ikon ini kamu bisa tempatkan di menu header, footer, navbar, widget, dan halaman lainnya sesuka kamu. Bahasa pemograman untuk menambahkan ikon ini menggunakan bahasa bootstrap.
Cara membuat ikon navbar dengan bootstrap di blog:
1. Masuk kebagian TEMA dan Edit HTML.
<link href='https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css' rel='stylesheet'/>
<link href='https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css' rel='stylesheet'/>
<script src='https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js'/>
Setelah itu taruh/tempel dibawah kode <head> atau diatas kode </head>.
Baca juga: Cerita Saya Belajar Bahasa Pemograman
2. Kemudian masuk pilih icon dibawah beserta kode-kode bootstrapnya disini.
Setelah kalian pilih ikon yang cocok ditaruh di blog bagian navbar atau yang lainnya.
contoh saya akan menggunakan icon film yang saya taruh di navbar film.
copykan kode ikon tersebut ke <span class="masukan kode disini"/>
Baca juga: Source Code Web Surat Izin Sekolah dan Database
3. Kemudian saya masukan kode <span class="glyphicon glyphicon-film"/> dibagian:
Tempelkan kode tersebut seperti gambar diatas.
Untuk ikonnya kalian bisa pilih disini, jika sudah selesai jangan lupa klik Simpan biar tidak hilang.
Baca juga: Cara Mengatasi 403 Forbidden dengan Mudah
4. Kemudian kamu reload apakah blog kamu sudah menjadi beda atau belum, jika belum berarti kamu salah memasukan kode tersebut.
Sekian dari saya tentang cara membuat ikon dinavbar dengan bahasa bootstrap.
_Jangan lupa berkomentar jika kode error, saya akan membantu kamu sampai bisa.
