Saturday, 20 January 2018

Cara Menambahkan Icon Pada Navigasi Blog Dengan Mudah

Hallo sahabat juragan, Apa kabar kalian semua? Juragan harap kalian semua sehat selalu, Yaps pada kesempatan kali ini juragan akan memberikan sebuah tutorial yaitu Cara menambahkan Icon pada navigasi Blog. Pernah kan kalian melihat Blog yang lain ada Icon di navigasinya? Nah yaps Juragan akan memberikan tutorial nya seperti itu Contoh nya pada Blog Juragan yang satu ini "Bang - Gading" Nah di web nya yang 1 nya itu sudah saya tambahkan Icon pada navigasi Blog nya. 
Yaudah tanpa perlu basa basi sekarang kita masuk ke Tutorial nya 

Cara Menambahkan Icon Pada Navigasi Blog 
  • Yang harus kalian lakukan pertama yaitu kalian Copy Kode di bawah ini dan letakkan di atas kode </head> jika kalian bingung untuk mencarinya kalian bisa gunakan "Ctrl + F" untuk mencarinya 
<link href='//netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.min.css' rel='stylesheet'/>

  • Nah jika sudah kalian bisa mencari Kode Icon nya di http://fontawesome.io/icons/ Dan untuk cara penggunaannya kalian bisa Salin Kode di bawah ini 
<li><a href='#'><i class='fa fa-user'/>About</a></li>
<li><a href='#'><i class='fa fa-bookmark-o'/>Partner</a></li>
<li><a href='#'><i class='fa fa-envelope'/>Contact Me</a></li>
<li><a href='#'><i class='fa fa-exclamation-triangle'/>TOS</a></li>
<li><a href='#'><i class='fa fa-gavel'/>Disclaimer</a></li>

  • Nah pada kode yang saya tandai warna merah itu kalian bisa ganti dengan Icon yang sudah kalian cari tadi di http://fontawesome.io/icons/ Jika sudah kalian bisa save Dan refresh Blog kalian dan lihat perubahannya..
Nah bagaiamana Cukup mudah kan untuk membuat Icon di menu Navigasi Blog kalian? Lalu Tujuannya apa? Yaa biar terlihat lebih Elegan aja di mata para pembacanya. Mungkin hanya ini saja Tutorial yang juragan berikan pada kalian semoga bermanfaat ya 
Jangan Lupa Share ke temen" kalian ^_^

Artikel Terkait