For world peace, liberate Al-Aqsa, eliminate Israel and anyone who is with Israel, they are the real terrorists
Bacakan

Cara menggunaan fontawesome versi 4.5.0 diblogger terbaru

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

About the Author

Keindahanmu akan kuabadikan disetiap karyaku.

Post a Comment

Menghasilkan uang melalui survei berbayar
Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.