Cara Memasang dan Menggunakan Font Awesome Di Blog - Memanggil Ikon

Font awesome merupakan font yang menarik yang bagus jika dipasang di blog. Font ini bisa juga dibilang ikon karena bentuknya yang seperti ikon. Banyak ikon yang bisa anda gunakan untuk di blog yang manarik dan keren. Di versinya yang terbaru ini font awesome sudah mencapai versi 4.3.0 dengan jumlah total ikon 519 yang bisa anda terapkan di blog anda.Lalu apa keuntungan dan fungsi dari font awesome?

Keuntungan Menerapkan Font Awesome

Banyak keuntungan yang anda dapatkan mulai dari mempercantik blog anda dengan ikon-ikon yang tentunya keren. Serta membantu pengunjung luar untuk memahami isi blog kita,walaupun mereka tidak tahu arti bahasa di blog anda. Tapi mereka tetap tahu maksud yang ada dengan melihat ikon yang anda terapkan.

Akan sangat bagus pula jika blog anda dipasangi font awesome sehingga blog anda terlihat menarik dan keren dengan ikon-ikon yang ada. Banyak ikon yang bisa anda temukan dan pakai dari ikon sosial media,simbol,dll. Namun anda harus selalu update font awesome untuk bisa memakai ikon yang terbaru.

Terlebih lagi font awesome ini dibagikan dan bisa dipakai secara gratis,hal itulah yang membuat font awesome banyak diminati dan dipakai,selain itu ikon font awesome bisa dilihat dengan mudah dan jelas,walaupun dilihat dengan layar retina.

Cara Memasang font awesome

Untuk memasang font awesome di template blog sangatlah mudah,anda hanya perlu meletakkan kode embed/js ke dalam template blog,berikut caranya :

Silakan salin kode font awesome dibawah ini,lalu letakkan diatas kode </head>

<script src="https://use.fontawesome.com/f34a789c64.js"></script>

lalu simpan template.

Lalu bagaimana cara menerapkan atau memanggil font awesomenya. Anda bisa meletakkan font awesome di postingan,ditemplate,atau dinavigasi blog anda. Berikut cara menggunakan font awesome.

Cara Menggunakan Font Awesome

Silakan anda pilih dulu ikon/font awesome yang ingin anda pakai,anda bisa memilih font awesomenya dilink berikut http://fontawesome.io/icons/

Silakan klik ikon yang anda pilih,disana anda akan melihat kode untuk memanggil font awesomenya,tinggal anda terapkan dimana font awesome ingin anda munculkan.  

Untuk memanggil font awesome silakan salin kode dibawah ini lalu letakkan dimana font awesome ingin anda munculkan.

<i class="fa fa-diamond" style="font-size:100px;"></i>

Ganti kode yang berwarna merah dengan kode font awesome yang anda inginkan
Ganti kode yang berwarna orange dengan ukuran font awesome yang ingin anda tampilkan.

Jika cara diatas tidak bekerja gunakan cara dibawah 👇

Salin kode dibawah ini dan gunakan untuk memanggil font awesome.

 class="fa fa-external-link" aria-hidden="true">

Ganti kode yang berwarna merah dengan kode font awesome yang anda inginkan 

Cukup sekian tutorial cara memasang dan menggunakan font awesome di blog,jika anda ingin mendapatkan update ikon terbaru jangan lupa untuk mengupdate font awesome anda dan mengganti kode embed/js anda.