HPK

mesothelioma survival rates,structured settlement annuity companies,mesothelioma attorneys california,structured settlements annuities,structured settlement buyer,mesothelioma suit,mesothelioma claim,small business administration sba,structured settlement purchasers,wisconsin mesothelioma attorney,houston tx auto insurance,mesotheliama,mesothelioma lawyer virginia,seattle mesothelioma lawyer,selling my structured settlement,mesothelioma attorney illinois,selling annuity,mesothelioma trial attorney,injury lawyer houston tx,baltimore mesothelioma attorneys,mesothelioma care,mesothelioma lawyer texas,structered settlement,houston motorcycle accident lawyer,p0135 honda civic 2004,structured settlement investments,mesothelioma lawyer dallas,caraccidentlawyer,structured settlemen,houston mesothelioma attorney,structured settlement sell,new york mesothelioma law firm,cash out structured settlement,mesothelioma lawyer chicago,lawsuit mesothelioma,truck accident attorney los angeles,asbestos exposure lawyers,mesothelioma cases,emergency response plan ppt,support.peachtree.com,structured settlement quote,semi truck accident lawyers,auto accident attorney Torrance,mesothelioma lawyer asbestos cancer lawsuit,mesothelioma lawyers san diego,asbestos mesothelioma lawsuit,buying structured settlements,mesothelioma attorney assistance,tennessee mesothelioma lawyer,earthlink business internet,meso lawyer,tucson car accident attorney,accident attorney orange county,mesothelioma litigation,mesothelioma settlements amounts,mesothelioma law firms,new mexico mesothelioma lawyer,accident attorneys orange county,mesothelioma lawsuit,personal injury accident lawyer,purchase structured settlements,firm law mesothelioma,car accident lawyers los angeles,mesothelioma attorneys,structured settlement company,auto accident lawyer san francisco,mesotheolima,los angeles motorcycle accident lawyer,mesothelioma attorney florida,broward county dui lawyer,state of california car insurance,selling a structured settlement,best accident attorneys,accident attorney san bernardino,mesothelioma ct,hughes net business,california motorcycle accident lawyer,mesothelioma help,washington mesothelioma attorney,best mesothelioma lawyers,diagnosed with mesothelioma,motorcycle accident attorney chicago,structured settlement need cash now,mesothelioma settlement amounts,motorcycle accident attorney sacramento,alcohol rehab center in florida,fast cash for house,car accident lawyer michigan,maritime lawyer houston,mesothelioma personal injury lawyers,personal injury attorney ocala fl,business voice mail service,california mesothelioma attorney,offshore accident lawyer,buy structured settlements,philadelphia mesothelioma lawyer,selling structured settlement,workplace accident attorney,illinois mesothelioma lawyer

Tutorial Cara Menambahkan Icon di Menu Navigation Bar

 

Pada postingan kali ini saya akan membagikan tutorial menggunakan Font Awesome untuk menampilkan icon di blogger dengan mudah dan cepat.

Untuk menampilkan atau memasang icon sendiri ada banyak cara, bisa menggunakan gambar / logo, icon SVG, CSS Background dll, tapi supaya lebih simple dan mudah kita gunakan saja Font Awesome

Sebelumnya saya sudah pernah posting beberapa menu navigasi / menu bar yang sudah di tambahkan icon, jadi kalian tinggal mengganti HTML iconnya saja, tanpa menambahkan css lain kecuali CSS Font Awesomenya.

Cara menggunakan Font Awesome

  • Untuk menampilkan icon dengan FontAwesome, kalian terlebih dahulu harus memasang CSS fontnya di template
  • Sekarang masuk ke Template → Edit HTML, lalu cari kode </head>
  • Setelah ketemu, masukan css font awesome dibawah ini tepat diatasnya
    • 
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css"/>
  • Save Template
Untuk mendapatkan script html iconnya kalian bisa mengambil di situs resminya, silahkan masuk ke link berikut ini Icon Pack FontAwesome, tinggal klik icon yang ingin di gunakan lalu copy htmlnya.

Nah untuk tahap selanjutnya kalian tinggal menentukan tempat yang ingin anda dipasang icon, misalnya memasnagnya di menu navigation bar. Selanjutnya kalian tinggal Cari HTML menunya, 
  • Kalo html menunya sudah keemu, misal struturnya seperti dibawh ini ↓
    • <nav class='contoh'>
 <ul>
  <li><a href="/">Home</a></li>
  <li><a href="#">Tutorial</a></li>
  <li><a href="URL">Widget</a></li>
  <li><a href="UTL">Template</a></li>
  <li><a href="https://rendingan.com">Tips & Trik</a></li>
</ul> 
</nav>
  • Untuk merubahnya kalian tinggal tambahkan script HTML icon yang sudah di copy di sebelah Judul Menunya, Contoh :
    • <li><a href="/"><i class="fa fa-home" aria-hidden="true"></i> Home</a></li>
  • Begitu juga dengan Judul menu yang lainn, apabila kalian ingin memasang iconnya di semua menu.
  • Kalo sudah, tinggal save.

Buat yang ingin memasangnya di tempat lain, kalian tinggal mencari HTMLnya lalu masukan iconnya seperti di atas
Kalian juga bisa memasang iconnya melalui css tanpa harus memasang htmlnya

  • Kalo ada yang kurang mungkin nanti akan saya tambahkan
  • Buat kalian yang belum mengerti bisa bertanya di kolom komentar.
cukup sekian artikel tentang Tutorial Cara Menmasang Icon di Menu Menggunakan Font Awesome ini semoga bermanfaat.
Original post by : https://mastamvan.blogspot.co.id