Cara Memasang dan Menggunakan Font Awesome Icon di Blog

Cara Memasang dan Menggunakan Font Awesome Icon di Blog

Cara Memasang dan Menggunakan Font Awesome Icon di Blog
Cara Memasang dan Menggunakan Font Awesome Icon di Blog

Hallo sobat ruangcoder, artikel kali ini tentang Cara Memasang dan Menggunakan Font Awesome Icon untuk di Blog sobat, tapi apa sobat tau , Apa itu Font Awesome? Nah jadi admin akan jelaskan , apa itu Font Awesome, Font Awesome adalah kumpulan suatu icon yang telah dibuat sedemikian rupa, dan menggunakan system “Font Icon” yang memungkinkan kita untuk berkerasi agar , tampilan website atau blogspot kita lebih rapih , seperti sobat ruangcoder bisa lihat di setiap menu di website admin ada icon yang menarik pada bagian menu , jadi itu admin menggunakan Font Awesome , apakah sobat tertarik ? , nah jika sobat tertarik mari disimak tutorilanya.


Cara Memasang Font Awesome di Blogspot :


Nah untuk cara pemasangannya sangat mudah ya sobat , sobat pergi ke Dashboard sobat kemudian ke bagian Tema kemudian sobat kebagian Edit HTML , kemudian letakkan kode dibawah ini , tepat di atas <head> atau dibawah </head> , seperti digambar dibawah ini :



 <link crossorigin='anonymous' href='https://pro.fontawesome.com/releases/v5.10.0/css/all.css' integrity='sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p' rel='stylesheet'/>
<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css' rel='stylesheet'/>

Nah setelah sobat menyalin , dan meletakkan kode nya seperti yang admin berikan cara nya , sekarang cara penerapan kode nya , supaya icon itu muncul gimana sih caranya ? , nah sobat bisa memilih icon , di website nya langsung tapi ingat sobat cari yang Free ya , kalo gak free icon nya gak akan muncul.

Cara Memunculkan atau Menggunakan Icon Font Awesome :


Silahkan sobat ke website Font Awesome , dan sobat pilih icon yang disuka , cara penerapannya pun gampang di website sudah di sediakan , disini admin memilih icon nodejs, saat sobat memilih icon disitu ada penerapannya , cara memunculkan iconnya , silahkan tinggal temen - teman klik aja , nanti dia otomatis ke copy , dan sobat tinggal paste mau di letakkan dimana liat gambar dibawah , yang harus di klik yang mana  :




Contoh Penerapan icon pada bagian menu website admin bisa dilihat di gambar ini , jadi nanti sobat tinggal mencontoh nya saja ya ,

:

Nah jadi itulah penerapan , untuk halama website admin , dan disini admin juga mau mengingatkan , ini bersifat nya online ya jadi apabila gak muncul icon nya , periksa internet sobat , dan periksa apakah itu icon yang free ,

Jadi sampai sini aja tutorial nya , untuk pemasangan icon di font awesome , semoga bermanfaat ya sobat, apabila bermanfaat silahkan di share tutorial ini ya sobat , sampai ketemu di next tutorial hehehe

Anda mungkin menyukai postingan ini