Cara Menambah Icon Pada Menu Navigasi Blog Dengan Mudah Agar Terlihat Menarik
Agustus 11, 2020
Mungkin kita bosan dengan tampilan blog yang kebanyakan tulisan, sebagai solusi agar tampilan blog kita lebih menarik bisa dengan menambahkan icon pada menu navigasi blog. Icon pada menu ini, biasanya menggunakan logo SVG. Dengan sedikit edit di HTML blog, anda sudah bisa membuat menu pada blog menjadi lebih cantik.
Apakah kalian juga tertarik ingin menambahkan icon-icon pada blog kalian sendiri? Untuk menambahkan icon-icon pada blog sangatlah mudah, kita tinggal memilih icon di situs FontAwesome yang sesuai dengan menu navigasi pada blog kita.
Cara Menambah Icon Pada Menu Navigasi Blog
Baiklah langsung saja kita masuk ke inti pembicaraan yaitu bagaimana cara membuat icon pada menu navigasi blog dengan mudah. Untuk gambaran hasilnya seperti gambar dibawah ini:
1. Silahkan masuk ke halaman bloggernya terlebih dahulu, kemudian klik pada menu Tema > edit HTML. Selanjutnya copy dan pastekan kode di bawah ini diatas </body>.
<link href='//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet' type='text/css'/>
2. Kode diatas berfungsi sebagai kode pemanggilan font awesome, setelah di paste kan carilah kode-kode menu navigasi blog yang ingin ditambahkan icon.
3. Untuk memilih icon-icon yang digunakan, silahkan klik link berikut :
https://fontawesome.com/v4.7.0/icons/
4. Untuk memanggil icon yang telah dipilih, silahkan copy paste kan kode di bawah ini, setelah < a href='https://www.blogkita.com'> atau sebelum nama dari menu navigasi.
<li><a href='https://www.blogkita.com'><i class="fa fa-home" aria-hidden="true"></i> Tutorial</a></li>
5. Setelah semua icon ditambahkan pada menu navigasi silahkan simpan kode tersebut.
Oke, itu saja sedikit tutorial mengenai Cara Menambahkan Icon Pada Menu Navigasi Bar Blog Agar Tampilan Lebih Menarik dari saya semoga bermanfaat untuk semua. Selamat mencoba.
