Banyak sekali berbagai jenis ikon yang bertebaran di mesin pencari google namun saya senang dengan ikon-ikon yang dibuat di fontawesome karena terbilang simple dan menarik dan cukup teratur sizenya kita bisa mengaturnya dan menggunakan bahasa kode. Lalu apa sih fontawesome itu sendiri?
Font Awesome adalah sebuah web penyedia icon dan font dengan model tersendiri dan untuk kepentingan public dengan ditambah dengan penggunaannya free alias gratis inilah yang membuat para pengguna font awesome senang dan membuat font awesome banyak diminati orang-orang.
Lalu bagaimana cara memasang font awesome ini?
Sebelum memasang font awesome anda harus menambahkan pada template anda terlebih dahulu.
Pertama anda masuk ke dashboard blog anda
Kemudian lihat ke pojok kiri bawah option Tema-Edit HTML
Lalu masukan kode dibawah ini tepat diatas </head>
Lalu masukan kode dibawah ini tepat diatas </head>
<script src="https://use.fontawesome.com/f34a789c64.js</script>Jika sudah anda Simpan. Pada bagian ini anda sudah selesai memasang script induk Font Awesome agar bisa terbaca pada blog anda. Karena masalahnya jika tidak terlebih dahulu memasang script Font Awesome ini maka hasilnya akan menjadi kotak-kotak alias tidak terbaca.
Kemudian sekarang anda tinggal bagaimana cara memasangnya di blog anda?
Pertama anda masuk ke web resminya Font Awesome : fontawesome.io/icons/
Lalu anda cari saja ikon mana yang ingin anda gunakan untuk keperluan anda. Saya ambil contoh misalkan anda ingin menambahkan ikon ini
Nah caranya adalah yang pertama itu adalah ikon diamond, disana terdapat dengan nama fa-diamond jadi utuk memanggil kodenya anda harus mengingat kode fa-diamond tersebut.
Kemudian untuk ukuran ikon tersebut ada dua cara yang anda bisa lakukan.
1. dengan kode style="font-size:100px; (Dipasang setelah kata fa-diamond)
Contohnya :
<i class="fa fa-diamond" style="font-size:100px;"></i>2. dengan <i class="fa fa-diamond fa-lg"></i>
Contohnya :
<i class="fa fa-diamond fa-lg"></i>Mudah bukan cara memasang dan menambahkan Font Awesome Pada Blog.
Selamat mencoba ya
Terima kasih anda telah membaca artikel Cara Memasang dan Menambahkan Fontawesome Pada Blog. Jika anda kurang paham silahkan berkomentar dibawah & Ada baiknya jika artikel ini bermanfaat Share ke saudara atau teman anda.
0 Response to "Cara Memasang dan Menambahkan Fontawesome Pada Blog"
Post a Comment
Jika ada kurang paham atau mau memberikan tambahan ilmu tentang hal serupa segera layangkan pada kolom komentar. Karena ilmu yang kita miliki mesti kita amakan karena itu akan berbuah pahala bagi pengamal dan pemberi ilmunya.
"Barangsiapa yang menunjuki kepada kebaikan maka dia akan mendapatkan pahala seperti pahala orang yang mengerjakannya.” (HR. Muslim no. 1893).
Kode Emoticon :