Cara Memasang Icon Font Awesome Di Menu Bar

Cara memasang font awesome di blog - Tampilan sebuah blog adalah hal yang terpenting untuk pengunjung, karena dengan tampilan yang bagus dan enak di pandang pengunjung akan setia dengan blog anda dan terus membaca tanpa henti, apalagi tulisan anda bagus dan mudah di cerna.
menggunakan font awesome mudah di menu bar blog
Sebuah blog tanpa ada menu navigasi itu bukan lah sebuah blog, kenapa ? karena tanpa ada nya itu termasuk anda sendiri dan pengunjung tidak tau informasi yang di sediakan oleh blog anda sendiri, dengan adanya icon font awesome anda bisa membagus tampilan menu bar dengan berbagai wariasi yang sudah di sediakan.

Sebenarnya tanpa menggunakan icon font awesome ini, anda bisa dengan cara manual membuat icon menu bar sendiri, dengan mendisain gambar dengan ukuran yang kecil, lalu meletakkannya di sampir menu dengan bantuan css, tetapi mungkin hal tersebut susah bagi yang masih awam dengan css.

Lihat Juga : Membuat Tulisan Blog Tidak Bisa Di Seleksi Alias No Copas

Cara Menambahkan Icon Menu Bar Di Blog

1. Theme > Edit HTML.
2. Cari </head>, cara mudah yaitu dengan CTRL + F.
3. Letakkan script css di bawah ini, di atas </head>.
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet" type="text/css"></link>
4. Simpan themplate.

Cara Menggunakan

1. Cari nama menu bar anda, contohnya Android, Blogging, Programming Dll.
2. Buka web Font Awesome.
3. Cari icon kesukaan mu yang ingin di pasang.
4. Setelah anda ketemu dengan nama menu bar anda di Edit HTML. saya contohkan menu bar saya seperti di bawah.
<ul>
  <li><a href='https://www.suryapero.com/p/sitemap.html'><i class="fab fa-list"></i>Daftar Isi</a></li>
  <li><a href='https://www.suryapero.com/search/label/Adsense'><i class="fab fa-adsense"></i>Adsense</a></li>
  <li><a href='https://www.suryapero.com/search/label/Android'><i class="fab fa-android"></i>Android</a></li>
</ul>
Menu bar di atas sudah saya pasang icon font awesome, seperti itu lah cara memasang nya, mudah bukan ?

Lihat Juga : Cara Memasang Pagination Di Dalam Artikel

Dengan cara tersebut, anda bisa memasang dan menghapus icon menu bar anda. demikianlah artikel tentang tutorial cara memasang font awesome di blog. semoga bermanfaat untuk anda.

Posting Komentar untuk "Cara Memasang Icon Font Awesome Di Menu Bar"