Memasang Icon Font Awesome di Blogger Loading Cepat + Mudah - BBT: Tutorial cara memasang icon font awesome di blogger loading cepat langkah demi langkah. agar kode icon font awesome tidak memberatkan loading blog

Memasang Icon Font Awesome di Blogger Loading Cepat + Mudah

Bagaomana cara memasang icon font awesome di blogger loading cepat (alias tidak meberatkan loading blog kesayangan kita) ?

Icon font awesome saat ini merupakan salah satu alat untuk blog yang banyak digunakan blogger dunia, karena icon font awesome memiliki ratusan icon yang dapat dengan mudah di gunakan bagi penggunanya.

Sebenarnya tutorial cara menggunakan icon font awesome sudah saya tuliskan pada artikel terdahulu dengan judul List CSS icon font awesome untuk blog / website, yang mana di dalam artikel tersebut saya menuliskan tutorial singkat bagaimana cara menggunakan icon font awesome di blog kita serta list sebagian icon font awesome yang dapat kita gunakan, namun di sana saya tidak menuliskan tutorial cara memasang icon font awesome di blogger loading cepat / tidak terlalu memberatkan loading blog kita.

Nah, pada kesempatan kali ini saya akan menuliskan tutorial bagaimana cara memasang icon font awesome di blogger loading cepat agar kita dapat menggunakan icon font awesome di blog blogger yang kita miliki, dan untuk itu mari kita mulai.

Cara Memasang Icon Font Awesome di Blogger Loading Cepat

Cara Memasang Icon Font Awesome di Blogger Loading Cepat + Mudah

Sebenarnya cara memasang icon font awesome di blogger loading cepat sama saja dengan cara memasang icon font awesome standar, yang membedakan hanya pada penulisan kode saja.

Mari kita mulai memasang icon font awesome di blogger
  1. Masuk ke dasbor blogger
  2. buka halaman Template pada blog yang ingin sobat pasang kode icon font awesome
  3. Klik menu Edit HTML, maka selanjutnya sobat dapat melihat seluruh kode template blogger yang digunakan.
  4. Cari kode </head>
  5. Pasang kode icon font awesome tepat di atas kode </head> tadi
  6. Simpan dan selesai
Nah itulah langkah - langkah yang harus di lakukan untuk memasang kode icon font awesome di blogger agar kita dapat menggunakan semua icon font awesome di blog blogger kita.

Berikut kode icon font awesome yang harus sobat pasang sebelum kode </head> tadi :

<script type='text/javascript'>//<![CDATA[
function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }
loadCSS("//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css")
//]]></script>
Keterangan :
  • pada kode di atas terdapat kode //maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css yang mana kode tersebut adalah link css icon font awesome, silakan ganti link tersebut jika sobat menggunakan versi icon font awesome yang berbeda atau menyimpannya pada hosting sendiri.
  • Sedikit info, cara ini bisa juga sobat gunakan untuk mempercepat loading font Google.
Dan untuk tutorial bagaimana cara menggunakan icon font awesome yang sudah dipasang kodenya tadi silakan sobat baca artikel List CSS icon font awesome untuk blog / website.

Selamat mencoba memasang icon font awesome di blogger dan menggunakannya, semoga artikel ini bermanfaat.
loading...
Lihat / Tinggalkan Komentar
- All Rights Reserved. Powered by Blogger. Membuat Blog

Terimakasih telah membaca , semoga artikel tentang Memasang Icon Font Awesome di Blogger Loading Cepat + Mudah yang ada di blog ini bermanfaat buat sobat