Cara Memasang Font Awesome Di Blog

Cara Memasang Font Awesome Di Blog

Cara Memasang Font Awesome Di Blog - Font Awesome adalah sebuah alat yang sering digunakan atau bahkan sering di pasang pada situs situs besar.

Font Awesome adalah sebuah alat yang akan memudahkan kita untuk menggunakan icon icon, sebenarnya ini sudah sangat lama sekali di publish oleh seorang developer yang bernama Dave Gandy.

Sekarang Font Awesome sudah merilis beberapa versi, untuk versi terakhir (07 Mei 2016) adalah 4.6.2 dengan total icon 632, Wow cukup banyak bukan??.

Font Awesome juga menawarkan fitur fitur yang keren, simak fitur fiturnya di bawah ini


Fitur :

1. Satu font tapi memiliki lebih dari 600 Icons
2. Tidak diperlukan Javascript
3. Ukuran/Size tak terbatas
4. CSS Controls - Sobat bisa menambah shadows, merubah ukuran, warna, dan lain lain
5. Icon simple dan enak di pandang oleh mata

Nah disini saya akan membagikan cara menggunakan dan memasang Font Awesome pada blog sobat. silahkan sobat cek dulu Font Awesome pada template Blog sobat, bila belum di pasang yuk kita pasang dulu..


Cara Memasang Font Awesome :

1. Seperti biasa sobat login ke blog sobat
2. Lalu masuk ke Template > Edit HTML
3. Copykan kode di bawah ini tepat di atas kode </head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.2/css/font-awesome.min.css"/>

4. Nah, cukup mudah bukan?. Selamat blog sobat sudah terpasang font awesome. Sekarang kita akan belajar bagaimana cara untuk menggunkannya

Menggunakan Font Awesome :

1. Pastikan sobat sudah memasang font awesome pada blog sobat, bila belum sobat bisa melihat langkah di atas terlebih dahulu
2. Untuk menggukannya cukup mudah, silahkan sobat buka https://fortawesome.github.io/Font-Awesome/icons/ nanti akan muncul seperti gambar di bawah ini

3. Klik salah satu icon yg akan digunakan.. lalu muncul gambar seperti di bawah :

4. Nah, itu adalah kode HTMLnya, sobat bisa menggunakannya dimana saja. Contoh sobat ingin menggunakannya pada sebuah artikel. Tinggal copykan kodenya pada HTML mode
5. Contoh kode adalah seperti ini :
<i class="fa fa-bicycle" aria-hidden="true"></i>

6. Nah tinggal copykan kode tersebut di artikel/post sobat di mode HTML, contoh :
Saya sangat senang bersepeda <i class="fa fa-bicycle" aria-hidden="true"></i> bersama teman teman <i class="fa fa-bicycle" aria-hidden="true"></i>

7. Hasil kode di atas akan menjadi seperti ini :
Saya sangat senang bersepeda bersama teman teman

Nah mudah bukan??, sekian artikel tentang Cara Memasang Font Awesome Di Blog. Sampai ketemu di artikel selanjutnya yh.
Semoga bermanfaat