Monday, March 14, 2016

Cara Memasang Icon Font Awesome di Menu Blog

Cara Memasang Icon Font Awesome di Menu Blog

Sobat SOBER - Cara Memasang Icon Font Awesome di Menu Blog, Dari namanya saja sudah keren apa lagi yang nulis?... just kidding. Font atau gaya tulisan di blog untuk sekarang memang perlu di perhatikan karena bisa membuat betah pengunjung juga dengan bacaan yang enak dilihat dan dipandang. Font Awesome adalah salah satu jenis jenis gaya huruf satu paket yang terdapat font dengan icon-icon menarik didalamnya.

Baca juga :  Cara Membuat Judul Blog Lebih SEO Friendly
 
Langsung saja saya share cara menyisipkan simbol atau icon font awesome pada menu blog.
Langkah 1 : Pastikan Font Awesome sudah dipasang pada blog, cara ceknya silahkan cari dengan kode pencarian font-awesome.min.css , Jika sudah ada Langkah 2 tidak berlaku, lanjut ke Langkah 3
Cara Memasang Icon Font Awesome di Menu Blog

Langkah 2 : Bagi yang belum pasang Font Awesome silahkan simpan kode CSS berikut tepat diatas kode </head>

<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css' rel='stylesheet'/>

Langkah 3 : Menambah icon dari Font Awesome, sebelum dan sesudah ditambahkan,

Sebelum
<li class='home3'><a href='http://seo-toblog.blogspot.com/p/kontak-kami.html'>Contact</a></li>

Sesudah di tambah icon Font Awesome
<li class='home3'><a href='http://seo-toblog.blogspot.com/p/kontak-kami.html'><i class='fa   fa-whatsapp'/>&amp;nbsp;Contact</a></li>

Note : 
1. Biru : Biarkan jangan dirubah-rubah
2. Kuning : Ganti sesuai selera anda pilih Disini
3. Merah : Sebagai pemisah antara icon dan tulisan

Sekian artikel mengenai Cara Memasang Icon Font Awesome di Menu Blog, semoga barokah dan bermanfaat
Disqus Comments