Menambahkan Font Awesome Di Menu Navigasi Blog
Font awesome sangat keren dan unik. Anda bisa menemukan dan menggunakan banyak ikon yang bervariasi. Untuk menambahkan font awesome di menu navigasi sangatlah mudah. Yang erlu anda lakukan adalah mencari ikon yang sesuai dengan menu dan submenu yang ingin dipasang icon font awesome.
Untuk bisa menggunakan font awesome tentunya anda sudah harus memasang jaasript supaya font awesome bisa digunakan. Anda harus memasang javascript versi terbaru juga supaya anda mendapatkan ikon yang terbaru.
Keuntungan Menggunakan Font Awesome
Gratis
Font awesome bisa digunakan secara gratis. Hal inilah yang membuat font awesome banyak digunakan.
Ikon Yang Unik dan Keren
Ikon yang ada di font awesome sangatlah unik dan bisa digunakan untuk pengganti kata-kata. Maksudnya ikon ini bisa digunakan walaupun tidak disertai kata-kata,karena dengan ikon font awesome pengunjung sudah mengetahui maksud dan isinya.
Baca : Cara Memasang dan Menggunakan Font Awesome Di Blog
Baca : Cara Memasang dan Menggunakan Font Awesome Di Blog
Mudah
Ikon ini mudah untuk digunakan dan mudah untuk penerapannya.
Lalu bagaimana cara menambahkan font awesome di menu navigasi blog,berikut caranya :
Cara Memasang Font Awesome Di Menu Navigasi
Silakan anda buka blogger,Klik Template → Edit HTML
Setelah itu cari kode html yang digunakan untuk memanggil menu navigasi,biasanya bentuknya seperti dibawah ini.
<li><a href='htt://www.anggasave.com/search/label/Youtube'> Youtube</a>
Tambahkan kode font awesome dengan format berikut supaya bisa muncul di menu navigasi
<i class='fa fa-youtube'/>
Ganti kode yang berwarna merah dengan kode ikon font awesome sobat yang ingin ditampilakan di menu naviagasi.
Sehingga menjadi seperti dibawah ini.
<li><a href='http://www.anggasave.com/search/label/Youtube'><i class='fa fa-youtube'/> Youtube</a>
Selesai, Lalu coba lihat blog sobat untuk melihat hasilnya.
Anda hanya perlu menambahkan kode font awesome dengan format tersebut jika ingin menampilkan font awesome di menu navigasi. Jangan lupa untuk menyiman template. Cukup sekian tutorial cara menambahkan font awesome di menu naviagsi semoga bermanfaat.
Related Posts :
Cara Menghapus dan Menghilangkan Atribusi Blogger - Menyembunyikan Atribusi Di BlogDi blog anda masih ada atribusinya? Atribusi tersebut berupa tulisan dan juga link. Biasanya seperti ini "Blog anda diberdayakan oleh Blogge… [Read More]
Cara Menghapus Widget Yang Tidak Bisa Dihapus Atau DieditWidget yang tidak bisa dihapus biasanya widget bawaan dari template yang sudah diatur pembuat template supaya widget tersebut tidak bisa dih… [Read More]
Cara Memasang Kotak Komentar Facebook & Blogger Responsive - Facebook & Blogger Comment BoxTertarik memasang 2 kotak komentar di blog anda. Kotak komentar facebook bisa menjadi salah satunya pilihan untuk dipasang di blog anda. Kar… [Read More]
Cara Menghilangkan Ikon Tang & Obeng [Quick Edit Widget] Di BlogPernahkan kalian melihat logo atau ikon tang dan obeng dibawah widget anda ketika membuka blog anda sendiri. Hal itu karena template blog an… [Read More]
Cara Optimasi Gambar Artikel Supaya SEO Secara OtomatisSepenting apakah gambar itu? Gambar sangat penting gan supaya artikel anda lebih menarik dan bukan hanya sebuah tulisan yang mungkin bisa me… [Read More]
Tutorialnya work kang makasih, barusan saya coba langsung di blog saya :D
ReplyDeleteTerima kasih tipsnya mas bro... bisa dicoba nih... ditunggu tulisannya selanjutnya
ReplyDeletemenarik gan, izin nyoba yaa hehe
ReplyDelete