Menggunakan Font Awesome Pada Blog

Font Awesome banyak di gunakan sebagai pengganti icon image pada blog. dengan penggunaan font awesome juga membantu anda untuk menghemat waktu untuk mendesain image yang akan di gunakan pada blog, ini di karenakan Font awesome sendiri memiliki ratusan icon yang mudah untuk di gunakan.

Bagaimana cara memasang Font Awesome pada blog ? inilah judul artikel yang akan kita bahas kali ini, mari kita mulai langkah-langkah untuk memasang font tersebut.

Terlebih dahulu silahkan sobat pastekan kode css berikut diatas kode </head>

<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"/>

dan untuk menampilkannya pada blog sobat dapat dilakukan dengan mudah seperti di bawah ini :

<ul class="nav nav-pills nav-stacked">
<li class="active"><a href="#"><i class="fa fa-home fa-fw"></i> Home</a></li>
<li><a href="#"><i class="fa fa-book fa-fw"></i> Library</a></li>
<li><a href="#"><i class="fa fa-pencil fa-fw"></i> Applications</a></li>
<li><a href="#"><i class="fa fa-cogs fa-fw"></i> Settings</a></li>
</ul>
Dan hasilnya akan seperti berikut :





Comments

Popular Posts