IT TECH - Hai sobat blogger... ketemu lg dengan saya, Kali ini saya akan memberikan tips dan trik bagaimana memasang icon berbasis font di blog menggunakan font awesome.
Font Awesome adalah kumpulan icon berbasis font yang berfungsi menggantikan peran gambar/picture untuk keperluan blog agar suatu blog tidak terlalu terbebani dengan besarnya file icon gambar tsb, dalam kata lain icon yang dapat diterapkan keblog agar loading cepat.
Nah dengan font Awesome anda dapat membuat ikon diblog dengan cara sangat mudah tidak perlu lagi menggabungkan beberapa gambar, dan mengatur sana-sini. Anda hanya tinggal mengcopas kode icon yang sudah disediakan.
Dan saya sekarang akan memberikan beberapa penjelasan bagaimana cara menggunakannya untuk kepentingan blog anda.
Caranya anda tentu kunjungi situs resminya.
1. Font Awesome: http://fortawesome.github.io/Font-Awesome/
2. Setelah anda kunjungi url diatas, anda cukup klik menu navigasi yang berjudul Get Started.
3. Kemudian anda copy paste Script font awesome css yang sudah disediakan, dan pastekan diatas kode html blog anda yaitu </head>
Font Awesome adalah kumpulan icon berbasis font yang berfungsi menggantikan peran gambar/picture untuk keperluan blog agar suatu blog tidak terlalu terbebani dengan besarnya file icon gambar tsb, dalam kata lain icon yang dapat diterapkan keblog agar loading cepat.
Dan saya sekarang akan memberikan beberapa penjelasan bagaimana cara menggunakannya untuk kepentingan blog anda.
Caranya anda tentu kunjungi situs resminya.
1. Font Awesome: http://fortawesome.github.io/Font-Awesome/
2. Setelah anda kunjungi url diatas, anda cukup klik menu navigasi yang berjudul Get Started.
3. Kemudian anda copy paste Script font awesome css yang sudah disediakan, dan pastekan diatas kode html blog anda yaitu </head>
Baca Juga Artikel Menarik Lainnya :
- Cara Memasang Menu Navigasi di Blog
- Penggunaan Font Awesome Terbaru Versi 4.3.0
- Cara Mengirim Sitemap Ke Webmaster Tool Google
4. Dan sebelumnya anda tambahkan kode / dibelakan min.css" agar dapat tersimpan ditemplate anda, yang akan menjadi seperti ini:
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"/>
7. Untuk cara penerapaanya pada kode html anda cukup klik menu navigasi yang berjudulExamples sudah dijelaskan bagaiman caranya yang menjelaskan dari cara memperbesar icon, membuat icon berputar dsb. Dan itu saja yang saya bisa untuk postingan cara penggunaan Font Awesome Versi 4.3.0.
Semoga Bermanfaat.....
#onblog