Cara Mengatasi Error Icon Media Sosial / Font Awesome di Blog
MasalahCara 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.
2. Masuk Template -> Edit HTML
3. Klik CTRL + F dan ketikkan "font-awesome", maka kalian akan ditujukan pada script font awesome seperti ini:
4. Blok tulisan diatas dan timpa dengan kode:
5. Save dan lihat hasilnya
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 Blogger2. 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