Cara Mengatasi Error Icon Media Sosial / Font Awesome di Blog

Cara Mengatasi Error Icon Media Sosial / Font Awesome di Blog - Masalah ini muncul ketika mengganti template blog, entah kenapa icon media sosial seperti facebook, twitter, instagram, google plus dan lainnya berubah menjadi kota kotak tidak jelas seperti mengalami error, padahal sebelumnya icon kotak tersebut normal berbentuk icon media sosial.

Setelah diselidiki ternyata script yang disebut "Font Awesome" mengalami perubahan versi yang lebih baru lagi jadi mesti diganti dengan script yang baru dan langsung mencari sumbernya di website Font Awesome untuk diterapkan di blog.


Ternyata ketika blogwalking, lumayan banyak blog yang mempunyai masalah yang sama dengan tidak tampilnya icon media sosial, dari situlah akhirnya tercetus untuk membuat postingan ini agar tampilan blog kembali menjadi bagus dan sempurna dari segi design.

Cara Mengganti Font Awesome:

1. Masuk Blogger
2. Masuk Template -> Edit HTML
3. Klik CTRL + F dan ketikkan "font-awesome", maka kalian akan ditujukan pada script font awesome seperti ini:

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

4. Blok tulisan diatas dan timpa dengan kode:

<script type='text/javascript'> //<![CDATA[ //CSS Ready 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("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"); //]]> </script>

5. Save dan lihat hasilnya

VIDEO CARA MENGATASI ERROR FONT AWESOME

Artikel Terkait

Cara Mengatasi Error Icon Media Sosial / Font Awesome di Blog
4/ 5
Oleh

Silahkan berkomentar yaa..