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.

Cara Memasang dan Menggunakan Font Awesome Di Blog

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. 

Subscribe to receive free email updates:

10 Responses to "Cara Memasang dan Menggunakan Font Awesome Di Blog - Memanggil Ikon"

  1. waahh keren juga gan,izin copy yaa gan

    ReplyDelete
  2. mantap gan, ane juga lagi gunakan font awesome campur boostrap juga, keduanya mudah dan bagus.

    ReplyDelete
  3. Infonya bermanfaat^^
    Izin praktek, nice gan..

    ReplyDelete
  4. wah keren nih, bisa dicoba kayanya

    ReplyDelete
  5. ya saya setuju kalau penggunaan font awesome ini mengundang perhatian pengguna karena bentuknya yang artistik dan menarik untuk dilihat. rasanya seperti membaca koran di tahun 60 an kalau saya baca blog yang gak ada font awesomenya.

    ReplyDelete
  6. Kalau di wordpress cara masangnya gimana?

    ReplyDelete
    Replies
    1. Ada caranya sendri mas,bisa langsung kunjungi fontawesome.io

      Delete
  7. keren nih lumayan nambahin hiasan di blog

    ReplyDelete

Jangan ada link aktif di komentar karena komentar anda di moderasi!