Hello sobat IcloudZer kali ini admin akan berbagi informasi mengenai bagaimana sih menggunakan font awesome diblogger, dan sebenarnya apa sih font awesome itu
Info: Jika masih penasaran yuk langsung aja kita mulai membahas mengenai font awesome dan bagaimana cara penggunaannya didalam blogger
Apa itu fontawesome
font awesome merupakan suatu sarana bagi para developer atau para pen-design web untuk menampilkan berbagai icon serta untuk membuat tampilan web semakin menarik dengan menggunakan font awesome
Info: Terkhusus bagi para bloggers banyak diantara Pengguna blogger menggunakan font awesome untuk memuat berbagai icon didalam blognya
Cara Kerja fontawesome
Cara kerja font awesome sangat simple, yaitu mengisntall font awesome didalam web kemudian bisa langsung digunakan, dan sama persis seperti cara kerja kode dari kode CSS, untuk menggunakan nya panggil saja nama class yang sudah dimuat sebelumnya didalam blog
Untuk para pengguna blogger sudah bisa menggunakan sebuah Script font awesome, jadi tanpa harus memasukkan seluruh element font awesome tetapi seluruh element font awesome sudah dimuat didalam sebuah Script
Cara penggunaan
Kemudian bagaimana caranya menggunakan font awesome untuk menampilkan ikon didalam blogger? langsung saja kita masuk kepembahasan yak, baca hingga selesai ok
Install fontawesome
Bagi kamu pengguna blogger untuk mengintall font awesome didalam blogger, kamu hanya perlu menggunakan sebuah script, gunakan secript dibawah ini, kemudian letakkan diatas kode </head>
<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css' rel='stylesheet'/>
Use font awesome to CSS
Cara menggunakan font awesome pada Element CSS diblogger, kita bisa menggunakan kode cheatsheet dari font awesome
Contoh kode
Sebagai contoh penggunaan font awesome pada Element CSS, Sebagai berikut
.textrah{
font-size:normal;
color:red;
}
.textrah:before{
content:'\f135';
margin:2px
}
Info: Contoh kode diatas hanaya sebagai contoh demonya saja oke
Contoh Tampilan
Berikut ini contoh tampilan dari penggunaan font awesome pada kode CSS diatas
<!-- Contoh Icon -->
Info: Nah begitulah Contoh Tampilan dari penggunaan font awesome pada kode CSS
Use font awesome to HTML
Setelah membahas bagaiamana caranya menggunakan font awesome pada kode CSS, berikut ini admin akan membahas lagi bagaiamana caranya menggunakan font awesome pada element HTML, baca hingga selesai ok
Contoh Kode
Nah untuk menggunakan font awesome pada element HTML, kamu bisa menambahkan langsung font awesome kedalam element HTML, dengan memanggil icon yang akan ditampilkan dengan menggunakan class, sebagai contoh kamu bisa melihat kode font awesome pada HTML Berikut ini
<i class='fa fa-rocket'/>
Info Ketika kamu ingin menggunakan font awesome pada element HTML kamu bisa menerapkan kode yang saya berikan diatas yak, dengan memanggil class font awesome nya
Contoh Tampilan
Sedangkan untuk contoh tampilan dari penggunaan font awesome pada element HTML nya Sebagai berikut ini
<!-- Contoh Icon -->
Info: Gunakan cara yang sama ketika kamu ingin menggunaka font awesome pada element HTML ok