17 April 2017

Cara Menambahkan Icon pada Setiap Navigas Blog

Cara Menambahkan Icon pada Setiap Navigas Blog

Blog kalian akan terlihat lebih menarik dengan adanya icon pada setiap navigasi blog, oleh karna itu pada tutorial kali ini saya akan membagikan tutorial tentang Cara Menambahkan Icon pada Setiap Navigas Blog.

Untuk menambahkan Icon Pada Navigasi Blog kita akan menggunakan bantuan dari Font Awesome, oleh karna itu kalian simpan dulu CSS ini diatas </head>.

<link href='//netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.min.css' rel='stylesheet'/>
Kemudian setelah kalian menyimpan kode CSS yang tadi kalian bisa mengunjungi link ini
http://fontawesome.io/icons/ kemudian cari icon yang sesuai dengan judul dari Navigasi blog kalian.

Jika icon yang kalian cari sudah ketemu, kalain klik saja di icon tersebut sampai terlihat laman seperti ini.

Cara Menambahkan Icon pada Setiap Navigas Blog

Nah pada laman tersebut terdapat sintak HTML yang kita perlukan untuk menampilkan iconnya. Untuk cara penulisannya bisa lihat dibawah.

sebelum <i class="fa fa-paint-brush" aria-hidden="true"></i>
sesudah <i class="fa fa-paint-brush"/>
Kemudian jika cara penulisannya sadah dimengerti kalian bisa langsung menerapkannya di navigasi blog kalian.

Contohnya seperti ini
......<i class="fa fa-paint-brush"/>Design ......
Semoga saja tidak ada yang kebingungan dengan tutorial ini, dan semoga bermanfaat.
Jika ada yang tidak jelas bisa di tanyakan dikolom komentar.

2 komentar:
Write komentar

Kami menunggu komentar anda!