Pertama anda perlu menambahkan dulu Kode File CSS milik Font Awesome pada Template Anda agar Font Awesome bisa tampil pada Blog.
- Buka Menu Themes, kemudian klik Edit HTML.
- Tambahkan Kode File CSS Font Awesome ini dibawah Kode <head>
- Untuk memudahkan pencarian tekan Crtl dan F, ketik <head> dan tekan Enter.
<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' rel='stylesheet'/>
- Simpan Perubahan Template dan Selanjutnya Gunakan Kode ini Menampilkan Font Awesome :
<i class="fa fa-kode font awesome"></i>
- Ganti Bagian Kode Font Awesome dengan Ikon yang ingin Ditampilkan. untuk Daftar atau List Kode Ikon Font Awesome silahkan langsung lihat pada situs Resmi Font Awesome DISINI atau pada situs W3Scholl DISINI
- Contoh :
<i class="fa fa-user"></i> <i class="fa fa-coffee"></i> <i class="fa fa-comments"></i>
- Maka Hasilnya :
- Contoh Styling :
<span><i style="margin-right:10px; font-size:30px; color:#ff6347;" class="fa fa-user"></i> <i style="margin-right:10px; font-size:25px; color:#b1db5c;" class="fa fa-coffee"></i> <i style="margin-right:10px; font-size:20px; color:#54c0e8;" class="fa fa-comments"></i></span>
- Hasil Contoh Styling :
Apabila Ikon Font Awesome tidak mau tampil, coba cek Versi File CSS Font Awesome yang terbaru (Versi yang saya bagikan diatas adalah Versi 4.3.0)
Semoga Bermanfaat, Happy Blogging :)
Semoga Bermanfaat, Happy Blogging :)