Font Awesome



Penggunaan Font Awesome adalah lebih mudah dan ringkas sebagai pengganti web icon dalam bentuk bergambar. Tidak perlu hosting image sebagaimana yang kita biasa buat kalau nak menggunakan social icon dalam bentuk bergambar/imej. Blog yang mengandungi terlalu banyak imej(selain daripada gambar blog post) akan melambatkan proses loading blog. Ini akan menjuruskan kepada 'Pangkah X" sebab lambat sangat loading. Lagi-lagi kalau internet seumpama siput sedut. Okay, straight to the point.. Kali ini Safiena nak berkongsi tutorial menggunakan Font Awesome. Caranya mudah dan ringkas sahaja.

Contoh Font Awesome social icon yang biasa kita lihat pada responsive template. Ini dinamakan fa fa icons :


Sebelum menggunakan fa fa icon tambah code dibawah sebelum </head> blog template anda

<link href='//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel='stylesheet'/>


Fa fa icons social

Dibawah adalah contoh fa fa icons yang biasa guna dalam blog.



Cara menggunakan fa fa icons :
Copy and paste code html dibawah.

<a href="https://www.facebook.com/"><i class="fa fa-facebook-square" style="font-size:48px;color:#000"></i></a>

Boleh edit untuk code warna dan saiz font
font-size:48px;
color:#000;



Sumber : W3 SCHOOLS



Nur Safiena

Married. Sarawakian. On and off blogger since 2008. Freelance graphic/web designer. Loves cute stuffs, pink and web designing. Plain and simple. Passionate about creating clean and cute graphics. 

2 comments:

* Terima kasih daun keladi. Lain kali komen lagi hihi...
* Sila tinggalkan link blog dalam ruangan komen (untuk memudahkan Safiena mengunjungi blog kalian.
* Kalau dah FOLLOW BLOG sila bagitahu ya.
* Happy blogging si comel semua!

Instagram